使用AudioContext时，forEach中调用setValueAtTime后无法静音的解决方法

问题核心在于：当你通过gainNode.gain.setValueAtTime给增益参数规划了一系列时间线事件后，直接修改gain.value只会在当前瞬间生效，立刻就会被后续已经预定好的自动化事件覆盖，所以看起来静音没效果。而单条setValueAtTime时没有后续事件，直接赋值就能持续生效。

下面给两种可行的解决方案：

方案1：清除后续自动化事件后设置静音 #

直接清除当前时间点之后所有已预定的增益自动化事件，再将音量设为0。这种方式会中断原有的摩尔斯码音量时间线，适合不需要恢复继续播放的场景：

muteAudioMorse() {
  const currentTime = this.audioContext.currentTime;
  // 清除当前时间之后的所有增益自动化计划
  this.gainNode.gain.cancelScheduledValues(currentTime);
  // 立即设置音量为0
  this.gainNode.gain.setValueAtTime(0, currentTime);
}

如果之后需要恢复播放，你需要重新计算剩余字符的时间线，重新调用setValueAtTime规划后续的音量变化。

方案2：新增主增益节点控制全局音量 #

在原有增益节点和音频输出之间新增一个主增益节点，静音时直接控制这个主节点的音量。这种方式不会干扰原有的摩尔斯码音量时间线，静音后恢复可以继续原来的播放节奏，更灵活：

// 类初始化时添加主增益节点
constructor() {
  this.audioContext = new (window.AudioContext || window.webkitAudioContext)();
  this.gainNode = this.audioContext.createGain();
  // 新增主增益节点
  this.masterGain = this.audioContext.createGain();
  // 连接链路：原gainNode -> masterGain -> 输出
  this.gainNode.connect(this.masterGain);
  this.masterGain.connect(this.audioContext.destination);
  this.masterGain.gain.setValueAtTime(1, this.audioContext.currentTime);
}

// 静音方法
muteAudioMorse() {
  this.masterGain.gain.setValueAtTime(0, this.audioContext.currentTime);
}

// 可选：恢复音量方法
unmuteAudioMorse() {
  this.masterGain.gain.setValueAtTime(1, this.audioContext.currentTime);
}

这样原有的摩尔斯码音量规划完全不受影响，静音只是在输出端做全局控制，恢复后能无缝继续播放。

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