Firefox - mediaDevices.getUserMedia 抛出 AbortError

Question

我在 Firefox 中收到以下错误(在 Chrome/Edge/Safari 中没有问题):

MediaStreamError { name: "AbortError", message: "Starting video failed", constraint: "", stack: "" }

当抛出此错误时，浏览器控制台仅显示 < unavailable >。

我正在使用 webrtc.github.io 中的adapter-latest.js，该代码在我的应用程序中的其他页面上运行得很好，但在某个特定页面上却运行得不好。是否有可能找出是什么干扰了 getUserMedia？我已经尝试注释掉所有其他库和包含内容。

我的代码是:

       var video = document.getElementById('recorder');
       video.onloadedmetadata = function(e) {
           $("#takePicture").show();

           if($("#customerImage").attr("src") == ""){
               $("#recorder").show();
           }
       };
       navigator.mediaDevices.getUserMedia({ video: true})
           .then(stream => {
               video.srcObject = stream;
           })
           .catch(e => console.log(e));

Answer 1

我遇到这个问题是因为 Chrome 也运行相同的应用程序并使用网络摄像头。所以基本上网络摄像头已经在使用中，我也尝试通过 Firefox 访问它。