Question

我的电脑连接了多个摄像头。

当我运行HTML页面时，当我从camera1切换到camera2时，我会看到相机列表。它在google chrome浏览器中工作正常。但是在Firefox中，我无法更改本地视频标签的流。

这是我在chrome中的工作代码。

// This is My HTML tag

    <video id="s-video" height="20%" width="15%" class="sub_video" autoplay="autoplay"></video>

// Javascript code

    navigator.mediaDevices.getUserMedia({video: {deviceId: camera}})
    .then(function(stream) {

        // I also get camera ID Hear in alert
        // svideo is video tag with autoplay enabled

        svideo = document.getElementById('s-video');
        svideo.srcObject = stream;
    });

现在，此代码适用于Chrome浏览器，但是当我在Firefox浏览器中运行此页面时，即使从Firefox的权限标签中选择了摄像头，它也不会更改流。

我的Firefox版本是：Firefox Quantum 64.0b11（64位）

操作系统：Ubuntu 16.04

预先感谢

Answer 1

我通过更改来解决

{ video: { deviceId: 'yourDeviceId' } }

到

{ video: { deviceId: { exact: 'yourDeviceId' } } }

看看这个https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia

在Mozilla Firefox浏览器中的多个摄像机之间切换

1 个答案: