Vue 莹石摄像头直播视频实例代码

前端之家收集整理的这篇文章主要介绍了Vue 莹石摄像头直播视频实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Vue 莹石摄像头直播视频代码

HTML代码

直播地址是调用接口获取的。

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'); } } }

补充:vue H5项目调用手机摄像头录像并上传

<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"> <a href="https://www.jb51.cc/tag/shangchuan/" target="_blank" class="keywords">上传</a><a href="https://www.jb51.cc/tag/wenjian/" target="_blank" class="keywords">文件</a>

上传视频demo

上传视频demo

总结

以上所述是小编给大家介绍的Vue 莹石摄像头直播视频实例代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/vue/30576.html

猜你在找的Vue相关文章