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插件播放

你可能感兴趣的:(vue-cli3.0+vue-video-play实现直播)