VUE 莹石摄像头直播视频
HTML代码:<div class="mainClass" v-show="rtmp_url!=''"><video id="myPlayer" controls playsinline webkit-playsinline autoplay><source type=
·
HTML代码:
<div class="mainClass" v-show="rtmp_url!=''">
<video id="myPlayer" controls playsinline webkit-playsinline autoplay>
<source type="application/x-mpegURL" :src="http_url"/>
<source :src="rtmp_url"/>
</video>
</div>
直播地址是调用接口获取的。
<script>
export default {
data(){
return{
player:"",
rtmp_url:"",
http_url:"",
message:'加载中...',
}
},
mounted(){
this.GetLiveUrl();
},
methods:{
GetLiveUrl(){
//异步获取直播地址,并赋值给rtmp_url,http_url
}
},
updated() {
if(this.rtmp_url!=""){
//如果在mounted中声明,直播地址还未取到,导致视频不显示。所以放在了这里
this.player = new EZUIPlayer('myPlayer');
}
}
}
</script>
更多推荐
已为社区贡献8条内容
所有评论(0)