如何在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 (将#修改为@）

html javascript mediastream webcam