使用 navigator.mediaDevices.getUserMedia 检查 JavaScript 中的主监视器

Question

我想通过浏览器捕获主监视器。我正在尝试这样做：

navigator.mediaDevices.getDisplayMedia({
      video: {
        displaySurface: 'monitor',
        logicalSurface: true,
        cursor: 'always',
        frameRate: {
            ideal: 20
        }
    }
})

接下来，用户选择他要播放的屏幕。我想检查用户是否选择了主显示器（如果有多个）。我该怎么做？谢谢

Answer 1

通过检查 displaySurface。

navigator.mediaDevices.getDisplayMedia({
        video: {
            displaySurface: 'monitor',
            logicalSurface: true,
            cursor: 'always',
            frameRate: {
                ideal: 20
            }
        }
    })
    .then((strm) => {
        let displaySurface = strm.getVideoTracks()[0].getSettings().displaySurface;
        console.log(displaySurface);
        if (displaySurface !== 'monitor') {
          // do your stuff...
        }
    })
    .catch((err) => console.error(err));