如何在已有浏览器会话中启用--use-fake-device-for-media-stream等选项？

Chrome的媒体流相关命令行参数（如--use-fake-device-for-media-stream）是启动时生效的，无法在浏览器运行时动态添加。针对你的需求，提供两种可行方案，以及复用已有页面的最佳实践：

方案一：提前在浏览器启动阶段注入参数（推荐） #

如果能提前规划浏览器的启动流程，直接在第一次启动Chrome时添加假媒体流的命令行参数，后续复用该浏览器实例和上下文，就能彻底避免重复启动浏览器。

代码示例 #

// 类初始化/全局初始化阶段仅执行一次
const projectRoot = pathObj.resolve(process.cwd());
const strVideoPath = projectRoot + "/tests/data/" + strVideoFileName;

// 启动浏览器时注入假媒体流参数
const launchOptions = {
    args: [
        '--use-fake-device-for-media-stream',
        '--use-fake-ui-for-media-stream',
        `--use-file-for-fake-video-capture=${strVideoPath}`
    ]
};
// 仅启动一次浏览器
this.browser = await chromium.launch(launchOptions);
// 复用同一个上下文（避免创建新会话）
this.context = await this.browser.newContext();
// 初始化页面（后续可直接复用this.page，或通过context.newPage()创建新页面）
this.page = await this.context.newPage();

优势 #

• 稳定性最高，符合Chrome官方的参数生效逻辑
• 所有通过该上下文创建的页面都会自动使用假媒体流，无需额外配置

方案二：通过CDP命令动态修改已存在页面的媒体流（适用于无法提前启动浏览器的场景） #

如果已有浏览器会话是外部传入的、无法重新启动，可以借助Chrome DevTools协议（CDP）动态设置假媒体流，无需重启浏览器。

代码示例 #

// 假设this.page是已存在的页面实例
const projectRoot = pathObj.resolve(process.cwd());
const strVideoPath = projectRoot + "/tests/data/" + strVideoFileName;

// 创建CDP会话
const cdpSession = await this.page.target().createCDPSession();

// 启用视频捕获的mock功能
await cdpSession.send('Emulation.setDefaultMediaStreamConstraints', {
    video: { mock: true }
});

// 将指定视频文件设置为默认视频捕获设备的源
await cdpSession.send('Emulation.setVideoCaptureDeviceOverride', {
    deviceId: '', // 空字符串表示覆盖系统默认设备
    videoPath: strVideoPath
});

// （可选）如果需要模拟音频，可添加以下代码
// await cdpSession.send('Emulation.setAudioCaptureDeviceOverride', {
//     deviceId: '',
//     audioPath: 'path/to/your/fake-audio.wav'
// });

注意事项 #

• 需确保在页面请求媒体流（如调用getUserMedia）之前执行上述CDP命令，否则需要重新触发媒体流请求
• 不同Chrome版本的CDP命令可能存在细微差异，建议测试验证

复用已有页面的最佳实践 #

1. 复用Browser实例：浏览器实例是最重量级的资源，全局仅启动一次，所有页面都基于该实例创建
2. 复用BrowserContext：同一个上下文内的页面共享cookie、缓存和浏览器设置，避免创建多个独立会话
3. 优先复用Page实例：除非需要隔离环境（如不同用户登录），否则尽量复用已有页面，减少资源消耗
4. 避免重复赋值this.page：如果已有页面可复用，直接在该页面上操作，不要通过context.newPage()重新赋值覆盖

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