AbortError - 使用 WebRTC 的屏幕共享

Question

我正在尝试使用 webrtc 实现屏幕共享功能。 在 Firefox 中它正在工作，但在 chrome 中它显示“中止错误”

var constraints = {
    video: {
            mandatory: {
              chromeMediaSource: 'screen'
            },
            optional: []
          },
    audio: true,
  };

  if(navigator.mediaDevices.getUserMedia) {
    navigator.mediaDevices.getUserMedia(constraints).then(getUserMediaSuccess).catch(errorHandler);
  } else {
    alert('Your browser does not support getUserMedia API');
  }

控制台错误：

{name: "AbortError", message: "Error starting screen capture", constraint: undefined, toString: ƒ}

Answer 1

在这里，您尝试访问“getUserMedia”，而您的目标是“screen”。

解决方案：

所以你需要利用 'getDisplayMedia' 而你的约束将是这样的：

var 约束 = { 视频：真，音频：真，};

尝试这个。 这将解决您的问题。