如何静音通过振荡器生成的WebRTC虚拟音频轨道？

你当前的代码直接通过Object.assign给原生MediaStreamTrack添加enabled: false属性，这只是给轨道对象附加了一个同名属性，并没有覆盖原生轨道的enabled属性逻辑。WebRTC Sender只会识别原生MediaStreamTrack的enabled状态，所以即使你设置了自定义的enabled为false，音频依然会被发送。

方案1：使用GainNode控制音量（推荐） #

通过创建Gain节点来控制音频输出的音量，同时重写原生轨道的enabled属性，将其与音量控制绑定，确保WebRTC能正确感知状态变化：

let silence = () => {
  const ctx = new AudioContext();
  const oscillator = ctx.createOscillator();
  const gainNode = ctx.createGain();
  const dst = ctx.createMediaStreamDestination();

  // 连接节点链路：振荡器 → 增益节点 → 媒体流输出
  oscillator.connect(gainNode);
  gainNode.connect(dst);
  
  // 初始设置静音，启动振荡器
  gainNode.gain.value = 0;
  oscillator.start();

  const track = dst.stream.getAudioTracks()[0];

  // 重写enabled属性，关联音量控制
  Object.defineProperty(track, 'enabled', {
    get() {
      return gainNode.gain.value !== 0;
    },
    set(isEnabled) {
      gainNode.gain.value = isEnabled ? 1 : 0;
      // 触发enabledchange事件，通知WebRTC状态变更
      track.dispatchEvent(new Event('enabledchange'));
    },
    configurable: true
  });

  // 默认禁用轨道
  track.enabled = false;
  return track;
};

方案2：监听enabledchange事件控制振荡器 #

如果需要直接启停振荡器，可以监听轨道原生的enabledchange事件，在状态变化时重新创建或停止振荡器（注意：振荡器stop后无法再次start，所以启用时需要新建）：

let silence = () => {
  const ctx = new AudioContext();
  let oscillator = ctx.createOscillator();
  const dst = ctx.createMediaStreamDestination();
  
  oscillator.connect(dst);
  oscillator.start();

  const track = dst.stream.getAudioTracks()[0];
  // 初始禁用轨道
  track.enabled = false;

  // 监听enabled状态变化
  track.addEventListener('enabledchange', () => {
    if (track.enabled) {
      // 启用时新建振荡器并启动
      oscillator = ctx.createOscillator();
      oscillator.connect(dst);
      oscillator.start();
    } else {
      // 禁用时停止当前振荡器
      oscillator.stop();
    }
  });

  return track;
};

关键说明 #

• 原生MediaStreamTrack的enabled属性有内部逻辑，不能直接通过Object.assign覆盖，必须通过重写属性访问器或监听事件来关联实际的音频控制逻辑。
• 使用GainNode的方案更高效，避免了反复创建销毁振荡器的开销，同时能平滑切换静音状态。

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