浏览器(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) {});

 

posted @ 2020-12-11 23:42  福尔  阅读(1539)  评论(0编辑  收藏  举报