浏览器(WebRTC) 如何获取音视频流
浏览器如何获取音视频流
答:用webrtc的navigator.getUserMedia方法,方法体里主要是写下面两句话:
- video.src = window.URL.createObjectURL(stream);
- video.srcObject = stream;
这两句的作用都是获取用户音视频流,并绑定到html页面里的video标签上。其效果是web页面上出现了你的视频。
第一句是针对老版本浏览器的写法,第二句是针对新浏览器的写法。
如果你想新旧浏览器都支持,要这样写
完整代码
navigator.getUserMedia({ video: true, audio: false }, function (stream) { if ('srcObject' in video) { video.srcObject = mediaStream; } else { video.src = URL.createObjectURL(mediaStream); } }, function (err) {});