如何解决如何在Chrome浏览器中同时访问两个网络摄像头媒体流?
我想同时访问Chrome浏览器中的两个网络摄像头。我的笔记本电脑有两个网络摄像头,我想在html页面中同时显示它们。此代码仅显示一个摄像头(背面摄像头),并且我无法将其更改为使用前置摄像头(考虑到,我知道如果我更改了chrome隐私,则只能使用其他摄像头)。但是问题是我如何同时 使用它们? 这是代码:
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Camera Test</title>
</head>
<body>
<div style="width:400px; background:#ccc; border:10px solid #ddd; margin:0 auto;">
<video id="video" width="400" height="300" autoplay></video>
</div>
<script>
(function () {
var video = document.getElementById('video');
navigator.getMedia = navigator.getUserMedia ||
navigator.webkitGetUserMedia ||
navigator.mozGetUserMedia ||
navigator.msGetUserMedia;
//Capture video
navigator.getMedia({
video: true,audio: false
},function (stream) {
console.log(stream);
var mediaStream = new MediaStream(stream);
video.srcObject = mediaStream;
video.play();
},function (error) {
console.error('MediaStream error:',error);
});
})();
</script>
</body>
</html>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。