这篇文章主要介绍了在Html5怎么使用webRTC进行简单视频调用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

子组件：

<template><videoid="rtc"></video></template><script>exportdefault{name:"LiveDetails",data(){return{};},mounted(){letvideo=document.querySelector("#rtc");//参数表示需要同时获取到音频和视频//获取到优化后的媒体流//{audio:true,video:true}constconstraints={audio:{echoCancellation:{exact:false}},video:true};navigator.mediaDevices.getUserMedia(constraints).then(stream=>{console.log(stream)//此处打印请看下方video.srcObject=stream;video.onloadedmetadata=e=>{video.play();};}).catch(err=>{console.log(err);});}};</script>


感谢你能够认真阅读完这篇文章，希望小编分享的“在Html5怎么使用webRTC进行简单视频调用”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!