码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-12-17 12:25:13      阅读:4      评论:0      收藏:0      [点我收藏+]

标签:rip   htm   VID   html   nbsp   asc   视频   方法   pre   

浏览器如何获取音视频流

答:用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) 如何获取音视频流

标签:rip   htm   VID   html   nbsp   asc   视频   方法   pre   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!