Web Audio API延迟触发release时产生爆音问题求助

爆音的核心原因是Web Audio API的自动化参数调度机制：当延迟调用release逻辑时，linearRampToValueAtTime会从play函数中最后一次设置增益的时间点（即音符启动时间）开始插值，而非从调用release的当前时间开始。这会导致在启动release前的这段时间内，增益被错误地提前衰减，当release逻辑执行时，实际增益值会突然跳转到插值后的数值，从而产生爆音。

在执行增益衰减前，先将增益节点的当前值锚定在当前AudioContext时间点，确保衰减从当前时刻开始，而非从音符启动时刻开始。同时优化振荡器停止时机，确保增益完全衰减到接近0后再停止，避免截断噪音。

修复后的代码如下：

let context = new AudioContext()

function nocrack() {
  let r = play()
  r(0.2)
}

function crack() {
  let r = play()
  setTimeout(() => {
    r(0.2)
  }, 200)
}

function play() {
  let time = context.currentTime
  let gain = context.createGain()
  gain.gain.setValueAtTime(1, time)
  gain.connect(context.destination)
  
  let osc1 = new OscillatorNode(context, { type: 'triangle', detune: 15 })
  let osc1_mix = new GainNode(context)
  
  osc1.connect(osc1_mix)
  osc1_mix.gain.setValueAtTime(0.5, time)
  osc1_mix.connect(gain)
  
  osc1.start(time)
  
  return (releaseDuration) => {
    let now = context.currentTime
    
    // 锚定当前增益值到当前时间，确保衰减从此刻开始
    osc1_mix.gain.setValueAtTime(osc1_mix.gain.value, now)
    // 线性衰减到接近0的数值，避免精度问题
    osc1_mix.gain.linearRampToValueAtTime(0.001, now + releaseDuration)
    
    // 延迟一点时间停止振荡器，确保增益完全衰减
    osc1.stop(now + releaseDuration + 0.01)
    
    // 振荡器停止后断开所有连接，清理资源
    osc1.onended = () => {
      osc1.disconnect()
      osc1_mix.disconnect()
      gain.disconnect()
    }
  }
}

<button onclick="nocrack()">
  Play a Note
</button>

<button onclick="crack()">
  Play Crackie
</button>

• 锚定当前增益值：通过osc1_mix.gain.setValueAtTime(osc1_mix.gain.value, now)，在衰减前将增益的当前值记录到AudioContext的当前时间点，确保后续衰减从当前时刻的增益值开始，修正了错误的插值逻辑。
• 调整停止时机：将振荡器停止时间设置为衰减结束时间+0.01秒，确保增益已经降到接近0的状态，彻底消除截断噪音。
• 资源清理：添加onended事件监听，在振荡器停止后断开所有节点连接，避免内存泄漏。

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