如何使用JavaScript在不播放音频时获取音频文件最大音量

完全可以实现，核心依赖Web Audio API的内存级音频解码能力，全程不需要渲染音频元素、不需要输出声音到播放设备。

实现逻辑 #

• 先获取目标音频的二进制ArrayBuffer数据：本地文件可直接通过File接口读取，远程文件通过fetch拉取即可，注意远程文件需要目标服务配置跨域许可。
• 调用AudioContext的decodeAudioData方法把二进制数据解码为内存中的AudioBuffer对象，这个过程是纯计算逻辑，不会触发任何播放行为。
• 遍历AudioBuffer下所有声道的PCM采样数据，记录所有采样点绝对值的最大值，这个值就是音频的最大振幅，也就是原始最大音量值。

补充说明：拿到的原始振幅取值范围为0~1，如果需要转换为音频领域常用的分贝（dB）单位，直接用公式 20 * Math.log10(最大振幅) 计算即可，满音量峰值对应0dB，完全静音对应负无穷。

核心实现代码 #

async function getAudioMaxVolume(audioInput) {
  const audioCtx = new (window.AudioContext || window.webkitAudioContext)();
  let buffer;

  // 兼容本地File对象、远程音频地址两种输入
  if (audioInput instanceof File) {
    buffer = await audioInput.arrayBuffer();
  } else {
    const response = await fetch(audioInput);
    buffer = await response.arrayBuffer();
  }

  // 纯内存解码，无播放行为
  const decodedBuffer = await audioCtx.decodeAudioData(buffer);
  let maxAmp = 0;

  // 遍历所有声道的采样点
  for (let channel = 0; channel < decodedBuffer.numberOfChannels; channel++) {
    const sampleData = decodedBuffer.getChannelData(channel);
    for (let i = 0; i < sampleData.length; i++) {
      const absVal = Math.abs(sampleData[i]);
      if (absVal > maxAmp) maxAmp = absVal;
    }
  }

  // 释放音频上下文占用的内存
  await audioCtx.close();

  return {
    maxAmplitude: maxAmp, // 原始最大振幅，范围0-1
    maxDecibel: maxAmp === 0 ? -Infinity : 20 * Math.log10(maxAmp) // 换算为分贝值
  };
}

注意事项 #

• 处理远程音频时必须满足跨域要求，否则浏览器会阻止读取音频二进制数据。
• 常规长度的音频（10分钟以内）采样遍历计算耗时在毫秒级，不会造成页面卡顿；如果是小时级的超长音频，可以考虑做分片采样计算优化性能。
• 整个流程不需要挂载<audio>标签、不需要连接音频输出节点，全程不会发出任何声音。

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