用Web Audio API实现动态频率响应调整的核心是通过BiquadFilterNode实时处理音频流，按低频（lowshelf）、中频（peaking）、高频（highshelf）分段配置滤波参数，并采用时间戳调度增益变化、并联处理链结构及localStorage保存预设。
用 Web Audio API 实现 HTML5 音频的频率响应动态调整，核心是把音频流接入处理图，再通过多个 BiquadFilterNode 精准控制不同频段的增益——它不改原始文件，只实时处理播放信号，适合做滑块可调、预设可存的网页均衡器。
选对滤波类型和频点分布
均衡器效果取决于滤波器类型与中心频率的搭配：
-
低频（60–250 Hz）：用
lowshelf类型，frequency = 120，控制整体厚度和低频能量 -
中频（250–4000 Hz）：用
peaking类型，frequency = 1000，Q = 1.4，兼顾人声清晰度与乐器分离度 -
高频（4k–16 kHz）：用
highshelf类型，frequency = 6000，影响空气感和齿音表现 - 若需更精细调节（如 10 段 EQ），可按 ISO 1/3 倍频程设置频点：31.5Hz、63Hz、125Hz、250Hz、500Hz、1k、2k、4k、8k、16k
避免爆音的增益调节写法
直接赋值 gain.value 会导致音频跳变。必须用时间戳调度：
- 拖动滑块时，先调
gain.setValueAtTime(dB, audioCtx.currentTime) - 如需平滑过渡，再接
exponentialRampToValueAtTime(target, audioCtx.currentTime + 0.02) - 若目标值为 0，改用
linearRampToValueAtTime(0, ...)，避免指数函数报错 - 移动端建议节流至 30ms 一次更新，兼顾实时性与稳定性
构建稳定可用的处理链
串联易累积相位失真，推荐并联结构提升保真度：
立即学习“前端免费学习笔记（深入）”；
- 用
ChannelSplitterNode将单声道拆成多路（如 10 路） - 每路接一个
BiquadFilterNode（peaking类型）+GainNode控制该段增益 - 所有输出经
ChannelMergerNode合并后送入destination - 移动端节点总数建议 ≤15，未激活频段可 bypass（
gain.value = 1且断开连接）以节省资源
保存与恢复用户预设
用 localStorage 记住用户调节结果：
- 数据结构推荐对象形式：
{'125': 2, '1k': -1, '4k': 3}，键为频点，值为 dB 增益 - 保存时用
JSON.stringify()序列化，加载时用JSON.parse()解析 - 务必加
try/catch捕获解析失败，并设默认值降级 - 每次滑块变动后立即
setItem()，确保意外刷新不丢设置
