Web Audio API的BiquadFilterNode连接噪声后音量逐渐升高问题求助

• 音频节点重复连接导致增益叠加：代码中全局仅创建了一个noiseVolume Gain节点，每次执行playNoise函数时，都会重复执行noiseVolume.connect(bandpass).connect(audioCtx.destination)逻辑。Web Audio API的connect方法是新增链路而非替换原有链路，因此调用次数越多，并行的音频输出通路就越多，音量会随通路数量线性增长。
• 无用音频节点未及时销毁：每次playNoise执行都会创建新的BufferSourceNode和BiquadFilterNode，但代码中注释了noise.stop()逻辑，旧的播放节点不会被自动回收，同时也没有断开无用的节点连接，无效节点持续驻留音频链路，进一步放大了音量叠加的问题。
• 带通滤波器相位叠加效应：多个并行工作的带通滤波器会对同频段信号产生相位叠加，进一步推高对应频段的感知音量，这也是接入滤波器后音量增长现象更明显的原因。

1. 调整音频节点的创建和连接逻辑，全局复用固定链路，不要每次播放噪声都重复创建连接：
   将滤波器创建和链路连接逻辑从playNoise函数中移出，全局仅执行一次：

// 全局复用的滤波器节点，仅初始化一次
const bandpass = audioCtx.createBiquadFilter();
bandpass.type = 'bandpass';
bandpass.frequency.value = bandHz;
// 链路仅连接一次，不要重复执行
noiseVolume.connect(bandpass).connect(audioCtx.destination);

2. 放开noise.stop()的注释，每次播放完成后自动回收BufferSourceNode节点，避免无效节点驻留：

if (counter === 1) {
  noise.start(time);
  noise.stop(time + noiseDuration); // 取消这行的注释
}

3. 若后续需要动态调整滤波器参数，直接修改全局复用的bandpass节点属性即可，无需每次创建新的滤波器实例。

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