首页 > Web开发 > 详细

浏览器(WebRTC) 如何获取音视频流

时间:2020-12-12 09:25:40      阅读:111      评论:0      收藏:0      [点我收藏+]

浏览器如何获取音视频流

答:用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) {});

 

浏览器(WebRTC) 如何获取音视频流

原文:https://www.cnblogs.com/dapplehou/p/14123410.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!