vue-cli3.0+vue-video-play实现直播

npm(一定要用npm安装不要用cnpm)安装vue-video-player与videojs-flash

在main.js中引入

组件中使用

demo地址https://github.com/xuboyan/vue-video-play

直接下载下来 一定要检查自己是否安装了vue-cli3.0   和node.js   

安装vue-cli3.0命令:npm install -g @vue/cli

demo运行步骤

    安装依赖 npm install        运行 npm  run serve

附:如果demo运行没画面  请自行百度rtmp播放地址更换

1.安装vue-video-player插件一定要用npm安装,不可使用cnpm安装

2.如果需要播放 RTMP 流,需要安装 videojs-flash 插件

3.如果两个流都需要播放,flash 插件需要安装到 hls 插件之前

4.如果需要播放 HLS 流,需要安装 videojs-contrib-hls 插件,非原生支持的浏览器,直播服务端需要开启 CORS

5.如果你需要在谷歌浏览器播放,需要将谷歌浏览器的flash设置改成允许使用flash插件播放

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容