Web Audio API采集麦克风音频产生啸叫 gainNode设为0仍无效如何解决

• 现有代码里存在完全绕过静音控制的漏声通路：麦克风源节点mic被并行连接到两个下游节点，其中一路经过分析器analyser后，被直接连接到了audioCtx.destination（扬声器输出端）。这路信号全程没有经过你设置为0增益的gainNode，哪怕将gain值调到最低，这路直连的漏声依然会正常输出，直接引发回授啸叫。
• 对分析器节点的功能存在认知偏差：AnalyserNode属于旁路数据采集节点，仅负责提取音频流的时域、频域特征数据，本身不会输出可听见的声音，根本不需要连接到音频输出终点（destination）就能正常工作。你为analyser添加输出连接的操作，本质上是主动将麦克风的原始声音透传到了扬声器。
• 信号链路存在冗余设计：你创建gainNode本意是实现静音控制，结果还额外将其直连到扬声器输出端，这路链路哪怕增益为0，也属于完全没必要的冗余设计，反而提升了信号链路的混乱度。

调整的核心原则是：所有来自麦克风的音频信号仅流向analyser做可视化数据采集，从连接层面完全切断麦克风到扬声器的输出通路，从根源上避免回授。
修正后的参考代码：

let getSound = (stream) => {
    const audioCtx = new AudioContext();
    // 创建麦克风媒体源节点
    mic = audioCtx.createMediaStreamSource(stream);
    
    // 创建分析器节点用于采集可视化数据
    analyser = audioCtx.createAnalyser();
    analyser.fftSize = 512;
    const bufferLength = analyser.frequencyBinCount;
    const dataArray = new Uint8Array(bufferLength);
    
    // 仅将麦克风源连接到分析器节点，不做任何后续输出连接
    mic.connect(analyser);
    
    // 以下连接为会触发啸叫的错误逻辑，需全部删除：
    // analyser.connect(audioCtx.destination);
    // gainNode.connect(audioCtx.destination);
}

实操注意事项：

• 如果后续需要调整麦克风的采集灵敏度，可在链路中加入增益节点，正确连接逻辑为mic -> 增益控制节点 -> analyser，全程不要将增益节点的输出连接到扬声器，因为我们的目标是采集声音数据做可视化，而非播放麦克风的输入声音。
• 可视化效果需要在逐帧渲染循环（requestAnimationFrame）中持续调用analyser.getByteTimeDomainData(dataArray)或analyser.getByteFrequencyData(dataArray)更新数据，仅在初始化时调用一次会导致画布只显示静态的初始波形。
• 只要存在麦克风直连扬声器的信号通路，无论增益设置为多少，都有触发回授啸叫的风险，必须从连接逻辑上彻底切断麦克风输入到扬声器输出的路径。

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