javascript - 如何像 Google Meet 那样缩小屏幕共享选项？

Question

我正在使用 MediaDevices.getDisplayMedia()记录用户的屏幕。

理论上，我无法从 JS 缩小选择范围......

The specified constraints can't be used to limit the options available to the user. Instead, they must be applied after the user chooses a source, in order to generate output that matches the constraints.

但是，Google Meet 以某种方式做到了(Windows + Chrome)？但是如何呢？

我试过了

{
  video: {
    displaySurface: 'application' | 'browser' | 'monitor' | 'window'
  }
}

但我总是会看到包含所有选项的对话窗口。

我希望它至少能在 Chrome 上运行。

Answer 1

你可以传递一个 MediaStreamConstrain到 .getDisplayMedia() 来指定你想要的视频流的属性。

MediaStreamConstrain 是一个对象，例如:

{
  audio: {...},
  video: {...},
}

音频和视频可以是 bool 值(基本用法)或 MediaTrackConstraints .如果您使用 MediaTrackConstrain，您可以指定要记录的内容:

{
  video: {
    displaySurface: 'application' | 'browser' | 'monitor' | 'window'
  }
}

参见 MediaTrackConstrain更高级用法的引用