前端之家收集整理的这篇文章主要介绍了
Vue 莹石摄像头直播视频实例代码,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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');
}
}
}
<
Meta charset="UTF-8">
<
Meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
<
Meta http-equiv="X-UA-Compatible" content="ie=edge">
上传文件
总结
以上所述是小编给大家介绍的Vue 莹石摄像头直播视频实例代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。
原文链接:https://www.f2er.com/vue/30576.html