声音可视化 Lab
浏览器内的声音"显微镜" —— 任选一个音源(麦克风、上传文件、合成预置),切换不同可视化方案看声音的内部结构。 所有运算在本地完成、不上传任何数据。
音源
未启动
点击"开启麦克风",浏览器会请求麦克风权限。
支持本地 mp3 / wav / ogg / flac / m4a 等浏览器能解码的格式。
未选择
用 Web Audio 原生节点合成的几段示例 —— 不下载任何文件。
波形 Waveform
时域:声压随时间变化。最基础的"声音长什么样"。
FFT 频谱
频域:每个频率上的能量。log 频率轴 + dB 纵轴。
Spectrogram
时频域:横轴时间、纵轴频率、亮度即强度。
Lissajous
立体声相位:L/R 的二维轨迹。看声场宽度、mono 兼容性。
关于这个 lab
- 所有可视化在浏览器本地用 Web Audio API + Canvas 渲染,无服务端、无上传。
- 当前第一批包含 4 种可视化,后续会逐步加到 20+ 种 —— 看 配套博客。
- 麦克风访问需要 HTTPS(localhost 除外),权限只用于本页面、刷新即释放。
- 如果可视化掉帧,试着把窗口缩小,或关掉浏览器其他重型 tab。