如何在Chrome中通过Azure Communication Services实现当前标签页屏幕共享？

让Chrome显示当前标签页选项 #

你可以通过在ACS的屏幕共享启动配置中传入selfBrowserSurface: 'include'参数，让Chrome的选择弹窗显示当前标签页。ACS的startScreenShare方法支持传入自定义的媒体配置，SDK会将这些参数传递给底层的getDisplayMedia API，完全符合ACS的最佳实践（不需要直接调用原生API）。

在Angular项目中的示例代码：

import { Call } from '@azure/communication-calling';

// 假设你已经获取到了当前的Call实例
async function startScreenShareWithSelfTab(call: Call) {
  const screenShareConfig = {
    displayMediaOptions: {
      video: {
        selfBrowserSurface: 'include'
      }
    }
  };
  await call.startScreenShare(screenShareConfig);
}

注意：请确保你使用的是较新版本的@azure/communication-calling SDK（建议v1.12.0及以上），早期版本可能不支持传递此配置。

关于无弹窗直接共享当前标签页 #

不行，这是浏览器的安全限制，Chrome不允许任何应用绕过用户交互和可见的选择弹窗，直接以编程方式指定共享当前标签页。即使是ACS SDK也无法突破这个限制，因为它依赖浏览器原生的getDisplayMedia API，而该API强制要求用户手动确认共享内容，这是为了防止恶意网站未经授权获取用户屏幕内容。

内容的提问来源于stack exchange，提问作者Daniel Székély