使用JavaScript开发屏幕共享网站时Chrome弹窗问题求助

• 调整getDisplayMedia参数配置
  Chrome的这个弹窗异常是因为共享目标标识为localhost，且参数配置可能存在冲突。调用屏幕共享API时，明确指定相关参数，示例代码：

  const stream = await navigator.mediaDevices.getDisplayMedia({
    video: {
      displaySurface: "window", // 可选"monitor"或"browser"
      selfBrowserSurface: "exclude" // 避免共享当前浏览器标签页时的权限冲突
    },
    audio: true // 按需开启音频共享
  });
  

• 部署到VPS的正式HTTPS域名
  本地localhost属于Chrome的半可信上下文，会触发额外的安全提示。将网站部署到VPS绑定的正式域名并配置HTTPS（屏幕共享要求HTTPS环境，localhost除外），部署后弹窗会在共享启动后自动消失，不会持续停留。

• 重置Chrome的屏幕共享权限
  进入Chrome设置→隐私和安全→网站设置→屏幕共享，找到localhost（或你的正式域名），重置其权限为“允许”，避免之前的权限设置导致弹窗异常。

• 临时禁用共享通知（仅调试用）
  本地调试时，可在Chrome地址栏输入chrome://flags/#enable-desktop-share-notifications，将该选项设为Disabled，重启Chrome后不再弹出该通知。注意这仅适用于调试，正式环境请勿使用，会影响用户的权限感知。

内容的提问来源于stack exchange，提问作者Fabian