如何使用Web Audio API实现自动增益控制功能？

方案1：原生媒体轨道自动增益（最简便，无需自定义音频处理） #

直接通过浏览器提供的MediaStreamTrack.applyConstraints()接口开启底层自动增益控制，不需要手动维护GainNode和音量计算逻辑，适配90%以上的场景：

// 本地音频采集阶段直接配置开启AGC
const localStream = await navigator.mediaDevices.getUserMedia({
  audio: {
    autoGainControl: true,
    echoCancellation: true,
    noiseSuppression: true
  }
})

// 接收的远端音频轨道也可以尝试开启AGC
async function enableRemoteTrackAGC(audioTrack) {
  if (audioTrack.kind !== 'audio') return
  try {
    await audioTrack.applyConstraints({ autoGainControl: true })
  } catch (err) {
    // 部分浏览器不支持远端轨道配置，可降级到软AGC方案
  }
}

该方案由浏览器底层完成音量动态校准，没有额外的性能开销，是最优选择。

方案2：轻量软AGC实现（原生不支持时的降级方案） #

如果遇到不支持原生AGC的终端，再基于你提到的AnalyserNode+GainNode组合实现闭环自动调整，核心逻辑是加入平滑系数避免增益跳变产生爆音，代码量非常小：

class SoftAGC {
  constructor(audioContext, targetLoudness = 0.3, smoothFactor = 0.05) {
    // 音频节点初始化
    this.gainNode = audioContext.createGain()
    this.analyser = audioContext.createAnalyser()
    this.analyser.fftSize = 256
    this.freqData = new Uint8Array(this.analyser.frequencyBinCount)
    // 配置参数
    this.targetLoudness = targetLoudness // 目标响度 0~1
    this.smoothFactor = smoothFactor // 调整平滑度，值越小越稳
    // 节点连接
    this.gainNode.connect(this.analyser)
    // 启动校准循环
    this._calibrateLoop()
  }

  _calibrateLoop() {
    // 计算当前响度
    this.analyser.getByteFrequencyData(this.freqData)
    const average = this.freqData.reduce((sum, val) => sum + val, 0) / this.freqData.length
    const currentLoudness = average / 255
    // 动态平滑调整增益
    const expectedGain = this.targetLoudness / Math.max(currentLoudness, 0.01)
    this.gainNode.gain.value += (expectedGain - this.gainNode.gain.value) * this.smoothFactor
    // 循环调用
    requestAnimationFrame(() => this._calibrateLoop())
  }
}

// 单路流调用示例
const source = audioContext.createMediaStreamSource(remoteAudioStream)
const agc = new SoftAGC(audioContext)
source.connect(agc.gainNode)
agc.analyser.connect(audioContext.destination)

提示：平滑系数建议设置在0.02~0.1区间，数值越小增益调整越平缓，不会出现音量忽大忽小的听觉不适。

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