JS浏览器：检查getUserMedia()产生的错误是否是DOMException错误对象

Question

我想知道是否由于 getUserMedia() 函数或 webRTC 函数而在以下 Promise 链中生成了错误。 Firefox documentation 说：通过将 DOMException 错误对象传递给 Promise 的失败处理程序来拒绝返回的 Promise。那么，我如何知道我得到的错误对象是否是 DOMException 错误对象，在 chrome 和 firefox 中都是如此？

function handleVideoOfferMsg(msg) {
  var localStream = null;

  targetUsername = msg.name;
  createPeerConnection();

  var desc = new RTCSessionDescription(msg.sdp);

  myPeerConnection.setRemoteDescription(desc).then(function () {
    return navigator.mediaDevices.getUserMedia(mediaConstraints);
  })
  .then(function(stream) {
    localStream = stream;
    document.getElementById("local_video").srcObject = localStream;

    localStream.getTracks().forEach(track => myPeerConnection.addTrack(track, localStream));
  })
  .then(function() {
    return myPeerConnection.createAnswer();
  })
  .then(function(answer) {
    return myPeerConnection.setLocalDescription(answer);
  })
  .then(function() {
    var msg = {
      name: myUsername,
      target: targetUsername,
      type: "video-answer",
      sdp: myPeerConnection.localDescription
    };

    sendToServer(msg);
  })
  .catch(function(e){
   //know if error is generated by getUserMedia()
  });
}

Answer 1

这样做的正确方法不是查看错误对象，而是在流程中的正确位置捕获错误。

例如你可以有

.then(function(stream) { ...},
      (err) => { gumErrored = true; throw(err) ; }
     )

这样，您仍然可以通过检查 gumErrored 标志是否为真来处理最终的捕获（假设这是您想要的），但可以确定错误的来源。

（你可以通过将return myPeerConnection.createAnswer() 带入同一个区块来跳过链中的一个承诺）