javascript - navigator.mediaDevices.getUserMedia API 拒绝错误 "NotReadableError: Concurrent mic process limit."

Question

在事件媒体流期间(语音)navigator.mediaDevices.getUserMedia连接到内部麦克风时工作正常，一旦我切换到蓝牙设备并重新运行相同的 API 以获取最新的媒体流，我收到错误 "NotReadableError: Concurrent mic process limit."
我浏览了许多论坛，正如许多人所建议的那样，当多个选项卡试图访问麦克风或/和相机时，此错误通常发生在 Firefox、Mac OS 中。

我确保在 Firefox 浏览器中只打开单个选项卡，仍然看到相同的错误。

对此的任何线索将不胜感激。

下面是代码片段

constraints = {
    "audio": {"deviceId": deviceId },
    "video": false
}

let temp;
navigator.mediaDevices.getUserMedia(constraints).then(function(stream){
    temp = stream;
}).catch(function(err) {
  console.log(err.name + ": " + err.message);
});

返回以下错误信息

NotReadableError: Concurrent mic process limit.

注意:在 Chrome 和 Edge 中运行良好

浏览器:Firefox 70.0.1(64 位)

操作系统:MacOS Mojave

Answer 1

NotReadableError:并发麦克风进程限制。
这意味着您现在不能在 Firefox 中每个进程一次打开多个麦克风。此限制是 known bug Mozilla 正在努力修复。
实际上，这意味着您不能从您的站点打开多个麦克风(同源选项卡通常共享相同的进程)。请务必调用 track.stop()当你用完麦克风。
在设备切换期间出现
实际上很少有网站需要同时使用两个麦克风。但是网站在从一个麦克风切换到另一个麦克风时仍然会遇到这个错误，因为他们通常会在关闭旧麦克风之前打开新麦克风。
解决方法
调用 track.stop()在您现有的麦克风轨道上，然后尝试从其他麦克风获取轨道。
这种策略类似于移动设备，一次只能打开一个摄像头。最好的方法是后备策略:仅在必要时停止旧轨道(这样对其他浏览器没有影响):

async function getUserMedia(constraints, oldTrack) {
  try {
    return await navigator.mediaDevices.getUserMedia(constraints);
  } catch (e) {
    if (e.name != "NotReadableError") throw e;
    oldTrack.stop();
    return await navigator.mediaDevices.getUserMedia(constraints);
  }
}

完成了所有这些，但仍然获得与以前相同的麦克风
切换设备时，使用deviceId: {exact: deviceId} . IE。

const constraints = {
    audio: {deviceId: {exact: deviceId}},
};

这告诉浏览器你想要这个特定的设备或失败，并避免 recent regression in Firefox .
虽然回退到其他设备通常很好，但当用户尝试选择特定设备时，它们就不行了。