本文主要介绍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