VUE 莹石摄像头直播视频

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>

猜你喜欢

转载自blog.csdn.net/happygirlnan/article/details/82255395