我们常用的播放视频流的工具,就是ckplayer+video.js,在这里我们说一下ckplayer:
首先下载ckplayer的文件:
https://pan.baidu.com/s/19aDCNsQn4wYw6tiUdhqItQ 提取码:4vo1
步骤:
1、将我们的ckplayer放到static
2、这个ckplayer比较特殊,我是直接在html引入的
3、到这里引入文件就成功了,可以通过new ckplayer(参数)来调动
getOneVideo(){
let play_one = new ckplayer(this.video.one);
},
4、如果是视频流rtmp地址直接给video赋值就行,例如:rtmp://192.168.0.121/live/test
video:{
one:{
container: '#video_one', //容器的ID或className
variable: 'player',//播放函数名称
autoplay:true,
live:true,
video: '',//视频地址-rtmp的地址就可以
},
two:{
container: '#video_two', //容器的ID或className
variable: 'player',//播放函数名称
autoplay:true,
live:true,
video: '',//视频地址
}
},
5、最后给他创建一个容器:
<div v-show='sfyVideo == true' class="video" id="video_one"></div>