Html5 webRTC如何实现视频调用

这篇文章主要介绍HTML5 WEBRTC如何实现视频调用，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

示例代码：

<template>  <video id="rtc"></video></template><script>export default {  name: "LiveDetails",  data() {    return {};  },  mounted() {    let video = document.querySelector("#rtc");    // 参数表示需要同时获取到音频和视频    // 获取到优化后的媒体流    // { audio: true, video: true }    const constraints = {      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如何实现视频调用”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注编程网精选频道！