Firefox無法從navigator.mediaDevices.getUserMedia獲取兩個音頻流

Question

我需要在服務中錄制視頻（帶有音頻軌道）和來自另一個音頻輸入的另一個音頻軌道。 第二個麥克風的錄音必須是可選的，並通過復選框進行控制。

請檢查它的演示：

jsfiddle.net/x45h6cg3

 function getMediaWithConstraints(audioSource, videoSource) { // webrtc does supports only fixed sizes for firefox 16:9 ratio. let w = 640; let h = 360; let constraints = { audio: { deviceId: audioSource ? { exact: audioSource } : undefined }, video: { deviceId: videoSource ? { exact: videoSource } : undefined, aspectRatio: 1.7777777778, width: { min: w, max: w, ideal: w }, height: { min: h, max: h, ideal: h } } }; navigator.mediaDevices.getUserMedia(constraints) .then(gotStream).catch(errorCallback); } function getSecondMediaWithConstraints(secondAudioSource) { let audioConstraints = { video: false, audio: { deviceId: secondAudioSource ? { exact: secondAudioSource } : undefined } }; navigator.mediaDevices.getUserMedia(audioConstraints) .then(gotSecondStream) .catch(errorCallback); } 

它在Chrome中完美運行，但在Firefox中拋出MediaStreamError AbortError“啟動音頻失敗” 。 Firefox的支持服務是必要的。

您至少需要兩個音頻輸入才能進行測試。

有人可以幫助在Firefox上正確初始化流嗎？

Answer 1

Firefox中有一個錯誤（已通過v67.0測試），您無法同時使用來自兩個不同麥克風的音頻流（參考： https ://bugzilla.mozilla.org/show_bug.cgi?id=1238038） 。 這似乎是導致您的問題的原因。

---

回復原始和@Kaiido的小提琴（...我無法評論）：由於getUserMedia的承諾不一定總是得到解決，它們提供了誤導性的結果。 由於gUM調用未按預期完成，因此不會發生錯誤。 這似乎是因為同時有兩個待處理的gUM調用。

為了演示這一點，這里有兩個小提琴：

1. 平行： https : //jsfiddle.net/6co2eh0d/

   • Kaiido的提琴演奏，在調用gUM之前有多余的日志。 表明正在調用gUM，但未解決。

2. 順序的： https : //jsfiddle.net/73dqbs1p/

   • Kaiido的小提琴，但是兩個gUM調用是按順序進行的。 顯示當解決其他音頻設備的gUM時，發生錯誤。

    // Call gUM one after the other, rather than having them done in parallel. getMediaWithConstraints(audioDeviceSelected, videoDeviceSelected) .then(() => { getSecondMediaWithConstraints(audioSecondDeviceSelected); })