HTML5 <audio> 元素仅支持基础 volume 属性，无法实现专业增益调节或响度标准化；必须使用 Web Audio API 的 GainNode 动态控制增益，并结合 DynamicCompressorNode 防削波，再通过预计算 LUFS 实现伪响度均衡。
HTML5 的 <audio> 元素本身不支持直接设置增益（gain）或音量规范化（loudness normalization），它只提供基础的 volume 属性（范围 0.0–1.0），且该属性控制的是播放器输出的线性音量缩放，无法实现专业音频处理所需的动态范围压缩、响度标准化（如 EBU R128 或 LUFS）或频段均衡。要真正实现增益调整与音量规范化，必须借助 Web Audio API。
使用 Web Audio API 实现动态增益控制
Web Audio API 提供了 GainNode，可对音频信号进行实时、平滑的增益调节（支持线性/指数插值），比原生 volume 属性更灵活、更精准。
- 创建
AudioContext和GainNode，将<audio>元素作为源节点（通过ctx.createMediaElementSource(audioEl)） - 将增益节点插入音频图：源 → 增益节点 → 目标（
ctx.destination） - 用
gain.value设置静态增益（如1.5表示 +3.5dB），或用gain.linearRampToValueAtTime()实现淡入/淡出 - 注意：增益 > 1 可能导致削波（clipping），建议搭配
DynamicCompressorNode防止失真
实现简单响度均衡（Loudness Normalization）
浏览器不内置响度分析，但可通过预计算方式实现“伪规范化”：对音频文件提前测量 RMS 或峰值电平，再在播放时按需缩放增益，使不同音频达到相近感知响度。
- 离线使用工具（如 FFmpeg + loudnorm）分析音频，获取
input_i（Integrated LUFS）、input_lra（Loudness Range）等参数 - 前端加载时，根据目标 LUFS（如 -16 LUFS）计算补偿增益：
gain = Math.pow(10, (targetLUFS - measuredLUFS) / 20) - 将该增益应用到
GainNode，而非修改原始文件 - 适用于已知元数据的音频库（如播客集、音乐专辑），不适合实时未知流
避免削波与保持听感自然
盲目提升增益易引发数字削波，损伤音质。合理做法是“增益 + 动态压缩”协同处理。
立即学习“前端免费学习笔记（深入）”；
- 插入
DynamicCompressorNode在增益节点之后，设置threshold（如 -24 dB）、ratio（如 12:1）、attack（~0.001s）和release（~0.1s） - 启用
reduction参数监听压缩量，必要时反馈调节增益，防止过度压缩发闷 - 对人声类内容，可额外加入轻量高通滤波（
BiquadFilterNode，type="highpass"，frequency=80Hz）减少低频干扰
兼容性与性能注意事项
Web Audio API 已被所有现代浏览器支持（Chrome 14+、Firefox 25+、Safari 6.1+、Edge 12+），但需注意初始化时机与资源管理。
-
AudioContext必须由用户手势触发（如点击事件）才能启动，否则静音 - 每个音频元素应复用同一
AudioContext，避免频繁创建销毁开销 - 长时间运行时，监听
ended事件并断开节点连接，防止内存泄漏 - 移动端需注意自动播放策略：多数浏览器要求
muted=true才允许自动播放，增益应在解禁后立即应用
