HandyTools Hub

音频可视化

实时可视化来自麦克风的声音

控制

点击"开启麦克风"并允许麦克风权限以开始可视化。

让声音看得见:这个工具把麦克风收到的声音实时渲染成跳动的波形、频谱柱和环形图案。所有处理都通过 Web Audio API 在本地完成,不录音、不上传。无论是测试麦克风、探索声音的形状,还是给练琴练歌加点视觉反馈,都很好用。

如何使用

  • 授权麦克风: 点击开始,允许浏览器的权限请求。
  • 发出声音: 对着麦克风说话、唱歌、拍手或播放音乐。
  • 切换模式: 在波形、频率条、圆形三种视图间切换。
  • 随时停止: 点击停止即释放麦克风。

功能特性

  • 三种模式:波形、频率条、圆形频谱
  • 实时渲染,几乎无延迟
  • 不录音——音频逐帧分析后即被丢弃
  • 桌面和手机浏览器都能用
  • 无需插件,基于 Web Audio API

音频可视化是怎么实现的?

动画背后是看声音的两种方式。波形视图展示时域:把信号的振幅画成示波器风格的曲线,声音越大起伏越高,安静时是一条直线。频谱视图展示频域:分析节点对信号做快速傅里叶变换(FFT),把声音拆成各个频率成分——相当于不停问”此刻每个音高上有多少能量”。左边的低柱是低频,右边的高柱是高频:底鼓点亮低频区,踩镲点亮高频区,人声集中在中段。圆形模式就是把同一组频谱绕中心放射铺开。由于每帧画面都会拿到新的 FFT 快照,画面会随麦克风听到的声音同步起舞。

使用场景

  • 测试麦克风: 通话或录音前确认麦克风工作正常。
  • 音乐练习: 唱歌或演奏时直观看到音高和力度变化。
  • 课堂教学: 形象演示频率、振幅和谐波。
  • 纯娱乐: 看看自己的声音或喜欢的歌长什么样。

获得更好效果的小技巧

距离很关键:靠近麦克风信号更强、细节更丰富;波形出现削顶就说明太近了。风扇、车流、键盘声这些背景噪音在频率条上一览无余,房间越安静画面越干净。想对比声音可以拖长发元音:低沉的”呜”能量集中在低频柱,尖细的”咿”则推向高频,很容易看出区别。画面没动静时,检查浏览器的麦克风指示灯和输入设备——笔记本常常插着耳麦却仍默认用内置麦克风。

相关工具

常见问题

可视化工具会录制或保存我的音频吗?

不会。所有音频处理均在本地浏览器中使用 Web Audio API 完成。没有音频数据会被录制、存储或发送到任何服务器。可视化是实时生成的,并立即丢弃。

有哪些可视化模式可用?

有三种模式:波形模式(Waveform)以示波器风格的线条显示原始音频信号;频率条模式(Frequency Bars)为每个频段显示频谱分析条;圆形模式(Circular)创建从画布中心辐射的径向可视化。

为什么可视化上没有显示任何内容?

请确保您已授予麦克风权限且麦克风正常工作。检查您是否处于静音状态以及音频是否正在播放。如果使用耳机,请确保在浏览器设置中将其选为输入设备。

哪些浏览器支持音频可视化工具?

可视化工具在所有支持 Web Audio API 和 getUserMedia 的现代浏览器中均可运行,包括 Chrome、Firefox、Edge 和 Safari。也支持移动浏览器。