基于JS的浏览器音频录制：如何避免捕获全部系统音频？

为什么会捕获到浏览器外其他应用的音频？ #

你指定的audioinput是物理麦克风设备，而麦克风本身的工作逻辑是捕捉周围环境的声音——如果你的电脑用扬声器播放其他应用的音频，这些声音会通过空气传播被麦克风拾取，这是硬件层面的问题，和浏览器API无关。另外如果系统里启用了“立体声混音”“线路输入”这类虚拟音频设备，且你误选了这类设备作为输入，也会直接捕获系统所有音频，但你说指定了特定麦克风，那主要原因还是物理环境的声音传导。

如何改进避免捕获系统音频？ #

• 使用**耳机（带麦克风）**代替扬声器，物理隔离麦克风和外放声音，从根源上阻止其他应用的音频被麦克风拾取，这是最有效的方法
• 检查系统音频设置：确保没有启用“立体声混音”“系统音频输入”这类虚拟设备，并且确认录制时选中的是物理麦克风而非这类虚拟设备
• 调用getUserMedia时添加音频约束，增强降噪和回声消除：

  navigator.mediaDevices.getUserMedia({
    audio: {
      deviceId: { exact: '你的麦克风设备ID' },
      echoCancellation: true,
      noiseSuppression: true,
      autoGainControl: true
    }
  });
  

  这些参数能一定程度抑制环境杂音，但对扬声器播放的其他应用音频效果有限，核心还是物理隔离。

浏览器JS能否实现类似Teams的系统音频选择功能？ #

不行。Teams这类桌面应用可以直接调用系统底层的音频API（比如Windows WASAPI、macOS Core Audio），能单独选择“麦克风输入”或“系统音频输入”；但浏览器的getUserMedia基于WebRTC，只能选择系统提供的音频输入设备——如果系统没有专门提供“仅麦克风”“仅系统音频”的独立设备选项，浏览器JS无法直接分离或控制是否捕获系统音频，因为浏览器的API权限被限制在设备选择层面，不能直接操作系统音频流的混合逻辑。

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