可保护隐私的屏幕共享控件

François Beaufort
François Beaufort
GitHub
Elad Alon

借助 Screen Capture API，您已经可以在 Web 平台上共享标签页、窗口和屏幕。简而言之，getDisplayMedia() 允许用户选择一个屏幕或屏幕的一部分（例如窗口）以作为媒体流进行截取。然后，您可以录制此数据流，或通过网络与他人分享。我们最近对该 API 进行了一些更改，以更好地保护隐私，并防止意外分享个人信息。

下面列出了可用于保护隐私的屏幕共享控件：

  • displaySurface 选项可以指明 Web 应用更倾向于提供特定的显示界面类型（标签页、窗口或屏幕）。
  • monitorTypeSurfaces 选项可用于阻止用户共享整个屏幕。
  • surfaceSwitching 选项表示 Chrome 是否应允许用户在共享标签页之间动态切换。
  • selfBrowserSurface 选项可用于阻止用户共享当前标签页。这样可以避免出现“镜厅”效应。
  • systemAudio 选项可确保 Chrome 仅向用户提供相关的音频捕获内容。

对 getDisplayMedia() 的更改

对 getDisplayMedia() 进行了以下更改。

displaySurface 选项

具有专门用户体验历程的 Web 应用（最适合共享窗口或屏幕）仍可要求 Chrome 在媒体选择器中更醒目地显示窗口或屏幕。商品的排序保持不变，但系统会预先选择相关窗格。

displaySurface 选项的值如下：

  • "browser"（用于标签页）。
  • "window"（适用于 Windows）。
  • "monitor"（适用于屏幕）。
const stream = await navigator.mediaDevices.getDisplayMedia({
  // Pre-select the "Window" pane in the media picker.
  video: { displaySurface: "window" },
});