声音可视化 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。