要利用AnalyserNode获取实时音频数据，需将其接入Web Audio API处理图并定期读取缓冲区；它不改变信号，仅监听提供时域（getByteTimeDomainData）或频域（getByteFrequencyData）数据，适用于可视化、节拍或音高分析。
要利用 AnalyserNode 获取实时音频数据，核心是将它接入 Web Audio API 的音频处理图中，并通过 JavaScript 定期读取其缓冲区。它不改变音频信号，只“监听”并提供频域或时域数据，适合做可视化、节拍检测或音高分析。
创建并连接 AnalyserNode
先获取音频源（如 MediaStream、AudioBufferSourceNode 或 OscillatorNode），再创建 AnalyserNode 并连接到处理链末端：
- 用
audioContext.createAnalyser()创建节点 - 设置关键属性：如
fftSize（必须是 2 的幂，常用 256–2048），决定频谱分辨率 - 调用
analyser.connect(destination)或接在其他节点之后（如source.connect(analyser)） - 注意：即使不连到
destination，只要在处理图中被上游驱动，就能采集数据
读取时域数据（波形）
调用 analyser.getByteTimeDomainData(array) 获取当前音频波形的幅度值（0–255），适合绘制 oscilloscope 效果：
- 需预先创建
Uint8Array，长度等于analyser.fftSize - 每个值代表一个采样点的归一化振幅，按时间顺序排列
- 建议在
requestAnimationFrame中循环调用，保证帧率稳定
读取频域数据（频谱）
调用 analyser.getByteFrequencyData(array) 获取频率分布（0–255），对应 FFT 计算后的能量值：
立即学习“前端免费学习笔记（深入）”；
- 数组长度同样为
fftSize，索引 0 是最低频（~0 Hz），末尾接近奈奎斯特频率（采样率/2） - 实际可用频带受采样率限制（如 44.1kHz 时，2048 点 FFT 最高解析约 22kHz）
- 低频段（如 0–100Hz）通常能量集中，适合检测鼓点；中高频可反映人声或乐器泛音
优化与注意事项
AnalyserNode 默认启用平滑（smoothingTimeConstant = 0.8），影响响应速度：
- 设为 0 可获得瞬时响应，但数据更噪；设为 0.9+ 更平滑，适合长期趋势分析
- 避免在每次读取前反复创建新数组，复用同一
Uint8Array实例提升性能 - 移动端需用户手势触发音频上下文（如点击按钮后调用
audioContext.resume()） - 若数据全为 0，检查是否忘记连接节点、音频未播放或上下文被挂起
