未分类

Vue 莹石摄像头直播视频实例代码_vue.js_脚本之家

30 3月 , 2020  

Vue 莹石摄像头直播视频实例代码_vue.js_脚本之家。Vue 莹石录制头直播摄像代码。

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

export default { data(){ return{ player:"", rtmp_url:"", http_url:"", message:'加载中...', } }, mounted; }, methods:{ GetLiveUrl(){ //异步获取直播地址,并赋值给rtmp_url,http_url } }, updated() { if{ //如果在mounted中声明,直播地址还未取到,导致视频不显示。所以放在了这里 this.player = new EZUIPlayer; } }}

增加补充:vue H5体系调用手提式有线电话机录像头摄像并上传

 上传文件    input.file { position: relative; -moz-opacity:0 ; filter:alpha; opacity: 0; z-index: 2; } .wrapper{ color: #fff; background-color: #31b0d5; border-color: #269abc; margin-top: 5px; margin-bottom: 5px; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }   上传视频demo   上传视频demo      var app = new Vue({ el: '#app', data: { }, methods: { uploadVideo { //e.target.value文件名 var file = e.target.files[0]; var formdata = new FormData(); formdata.append; console.log this.doUpload; }, doUpload { axios.post('/teacher/doUpload', formdata).then(res => { if  { console.log; } else { console.log.catch(err => { console.log; 

总结

如上所述是作者给我们介绍的Vue
莹石录像头直播摄像实例代码,希望对大家有着扶持,假使我们有其他疑问请给自己留言,小编会及时还原大家的。在这里也非常多谢大家对剧本之家网址的支持!


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图