我有多个与我的PC连接的摄像头。
当我运行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位)
OS:Ubuntu 16.04
预先感谢
我通过更改
来解决此问题{ video: { deviceId: 'yourDeviceId' } }
to
{ video: { deviceId: { exact: 'yourDeviceId' } } }
看看此https://developer.mozilla.org/en-us/docs/web/api/mediadevices/getusermedia