html 如何使用navigator.getDisplayMedia自动选择屏幕?

blpfk2vs  于 2022-11-27  发布在  其他
关注(0)|答案(1)|浏览(341)
navigator.mediaDevices.getDisplayMedia({
    audio: false,
    video: true
  }).then(gotMedia).catch(function(e) {
    console.log('getDisplayMedia() error: ', e);
  });

会引起这样的弹出窗口

我可以在另一个问题中看到,在无头浏览器中使用--auto-select-desktop-capture-source可以解决这个问题,但如何在JavaScript部分实现它呢?我希望屏幕截图自动从当前标签开始,而没有任何弹出窗口来选择哪个标签。

2w2cym1i

2w2cym1i1#

在Chrome媒体选择器中无法自动选择特定的屏幕,但我建议您使用新的displaySurface选项来预先选择您想要的窗格(选项卡、窗口、屏幕)。https://developer.chrome.com/docs/web-platform/screen-sharing-controls/#displaySurface

const stream = await navigator.mediaDevices.getDisplayMedia({
  // Pre-select the "Entire Screen" pane in the media picker.
  video: { displaySurface: "monitor" },
});

相关问题