Web Audio API 的节点图是真实运行的音频信号通路，以 AudioContext 为工厂管理节点创建与调度，各 AudioNode 按 connect() 单向连接形成处理链，特效通过节点组合与参数动态调整实现。
Web Audio API 的节点图（Audio Routing Graph）不是抽象概念，而是真实运行的音频信号通路。它像一条有方向的水管系统：音频从源头出发，流经各种处理模块，最终到达扬声器。理解这个结构，是做特效处理的前提。
音频上下文是整个系统的“工厂”
AudioContext 是所有操作的起点和容器。它不直接发声，但管理着所有节点的创建、连接与时间调度。每个页面通常只需一个 AudioContext 实例——它就像一个音频加工厂，内部生产节点、协调流程、控制时序。
- 用 new AudioContext() 创建，注意兼容写法（如 webkitAudioContext）
- 它的 destination 属性代表最终输出目标（通常是系统扬声器）
- currentTime 提供高精度时间戳，用于精确调度（比如 0.1 秒后播放）
节点是功能明确的“处理单元”
每个 AudioNode 承担单一职责，比如播放、放大、滤波或分析。它们不能独立工作，必须接入节点图才能生效。
- 源节点：AudioBufferSourceNode（播放解码后的音频）、MediaElementAudioSourceNode（接管 <audio> 元素）、OscillatorNode（生成正弦波等）
- 处理节点：GainNode（调音量）、BiquadFilterNode（高低通/带通滤波）、AnalyserNode（频谱分析，不发声）、DelayNode（添加延迟）
- 输出节点：只有 context.destination，所有声音最终都流向这里
连接方式决定信号流向
节点之间用 connect() 方法单向连接，形成一条或多条清晰路径。信号只能按连接方向流动，不能回流。
立即学习“前端免费学习笔记（深入）”；
- 典型链路：source → gain → filter → analyser → destination
- 一个节点可连接多个下游节点（如把同一信号同时送入滤波器和分析器）
- 但 destination 只能作为终点，不能作为上游节点的输入源
- 断开连接用 disconnect()，避免内存泄漏或意外信号残留
特效处理依赖节点组合逻辑
所谓“特效”，就是把不同节点按需串接，让音频在途中被实时修改。比如实现回声效果，本质是把原始信号复制一份，延迟后再混合回来；实现低音增强，就是插入一个低通滤波器并适当提升增益。
- 混响、变声、均衡器、频谱动画……全部基于节点类型选择与连接顺序
- AnalyserNode 必须在信号路径中（哪怕只作分析不改变声音），否则 getByteFrequencyData() 返回全零
- 动态调整参数（如 gain.value 或 filter.frequency）无需重连，实时生效
