太阳集团tyc5997|官网【中国】有限公司

Html5 webRTC简单实现视频通话示例代码
  • 作者:admin
  • 发表时间:2020-12-29 07:51
  • 来源:未知

本文主要介绍Html5 webRTC简单实现视频通话的示例代码。文中详细介绍了样例代码,对大家的学习或工作有一定的参考学习价值。需要它的朋友将和边肖一起学习。

最近在做一个直播功能,查阅了webRTC的相关资料。下面是一个简单的栗子(基于vue.js)!

子组件

模板

视频id=' RTC '/视频

/模板

脚本

导出默认值{

姓名: 'LiveDetails ',

data() {

返回{ };

},

已安装(){

let video=document . query selector(' # RTC ');

//参数表示需要同时采集音频和视频

//唐山网络公司获得优化的媒体流

//{ audio: true,video: true }

const约束={

audio : { echo cancelations : { exact : false } },

video: true

};

navigator.mediaDevices。getUserMedia(约束)。然后(stream={

Console.log(stream) //打印请见下文

video.srcObject=stream

video.onloadedmetadata=e={

video . play();

};

})。catch(err={

console . log(err);

});

}

};

/script

亲测有效,会有回音,后端可以处理

关于Html5 webRTC简单实现视频通话的示例代码,本文到此结束。更多相关的Html5 webRTC视频通话内容,请搜索Script House之前的文章或者继续浏览下面的相关文章。希望大家以后多多支持脚本屋!

来源:剧本之家

链接:html5/746305.html

Baidu
sogou