在线音频频谱:麦克风与音频文件实时可视化

在线音频频谱:麦克风与音频文件实时可视化

🏠 首页

›

工具箱

›

在线音频频谱

ℹ️ 选「麦克风」需要授权;选「音频文件」则直接上传本地文件分析,不会上传。

📊 分析设置

声音来源

麦克风(实时)

音频文件

选择音频文件

可视化样式

柱状频谱

波形图

圆形频谱

FFT 精度

512(刷新快,分辨率低)

2048(均衡)

8192(分辨率高,稍卡)

📊 开始分析

⏹ 停止

📊

选好来源,点「开始分析」。

主频(能量最强)

—Hz

—

低频能量

—

中频能量

—

高频能量

—

📷 导出当前画面 PNG

📊 频段划分

频段频率范围主要包含

低频20 ~ 250 Hz贝斯、鼓、男声基频、环境轰鸣

中低频250 ~ 500 Hz人声主体、多数乐器的基频

中频500 Hz ~ 2 kHz人声清晰度、乐器主体

中高频2 ~ 4 kHz辅音、临场感,人耳最敏感

高频4 kHz 以上齿音、镲片、空气感与细节

⚠️ 说明:音频分析全程在你的浏览器本地完成,麦克风音频与上传的文件都不会离开你的设备。本工具做的是实时频谱展示,不是专业声学测量:AnalyserNode 输出的是未经校准的相对能量,不能用于频率响应测量或音质鉴定。分析结果受 FFT 精度、窗函数与浏览器实现影响,仅供参考与教学演示。

📊

在线音频频谱

音频工具

完全免费

🌙 支持黑夜模式

🔒 本地分析,不上传

📈 三种可视化

🎤 麦克风 / 文件

想看看自己的声音大概集中在哪个频段、想给学生演示「低音和高音在频谱上长什么样」、或者单纯觉得跳动的频谱好看——浏览器自带的 AnalyserNode 就能做,不需要装任何软件。这个工具提供三种可视化:① 柱状频谱:最经典,横轴频率、纵轴能量;② 波形图:时域波形,看振幅与削顶;③ 圆形频谱:环绕式,视觉效果最好。声音来源可以二选一:· 麦克风:实时分析环境声或你的声音;· 音频文件:上传本地音频边播边分析(文件不上传,只在本地解码)。同时会给出:主频(能量最强的频率)、低/中/高三段能量分布,还能把当前画面导出成 PNG。要说明的是:这是相对能量的实时展示,不是校准过的测量。想测频响曲线、做音质鉴定,需要专业设备与软件,本工具替代不了。

类别音频工具

技术Web Audio AnalyserNode

来源麦克风 / 本地音频文件

性质实时展示,非声学测量

简介

玩法说明

更新记录

常见问题

留言

核心特性

柱状频谱

波形图

圆形频谱

麦克风实时输入

本地音频文件

主频识别

频段能量分布

导出 PNG

关于这个工具

怎么实现:① 信号源:麦克风走 `getUserMedia` → `createMediaStreamSource`;文件走 `` → `createMediaElementSource`(注意:音频元素会被接入音频图,声音改由 Web Audio 输出);② 分析:`AnalyserNode` 的 `fftSize` 可切 512 / 2048 / 8192,分别用 `getByteFrequencyData`(频域)与 `getFloatTimeDomainData`(时域)取数据;③ 渲染:`requestAnimationFrame` 逐帧绘制;柱状按频段取能量,圆形按角度铺开,波形直接连点;④ 主频:遍历频域数组找最大值的下标,换算 `频率 = 下标 × sampleRate / fftSize`;⑤ 频段能量:按 250Hz / 2kHz 两个分界点把频域数组切成三段,各段取平均;⑥ 导出:`canvas.toBlob()` 生成 PNG 下载。它不做:不做频谱瀑布图、不做声压校准、不保存录音、不做节拍或音高识别(请用调音器工具)。

怎么用

第 1 步选来源:麦克风(需授权)或音频文件。

第 2 步选可视化样式与 FFT 精度,点「📊 开始分析」。

第 3 步说话或播放音乐,看频谱怎么变。

第 4 步看「主频」与三段能量分布,对照频段表理解。

第 5 步需要留图就点「📷 导出当前画面 PNG」。

更新记录

v1.0

2026-09-21

工具正式上线:基于浏览器原生 Web Audio AnalyserNode 实现音频可视化,提供柱状频谱 / 波形图 / 圆形频谱三种样式,支持麦克风实时输入与本地音频文件两种来源,显示主频与低/中/高频段能量分布,支持 FFT 512 / 2048 / 8192 切换与画面导出 PNG。音频全程本地处理不上传,明确说明非声学测量,适配黑夜模式。

常见问题

麦克风没反应 / 频谱不动?

按顺序排查:① 必须 HTTPS:麦克风 API 只在安全上下文可用;② 权限被拒:点地址栏锁图标 → 网站设置 → 麦克风改「允许」后刷新;③ 系统输入音量:被调到 0 或静音是最常见原因;④ 选错设备:系统可能有多个输入设备,去系统声音设置里确认默认设备;⑤ 环境太安静:说句话或放点音乐试试。

上传了音频文件但没声音?

两点原因:① 格式支持:浏览器能解码 MP3 / WAV / OGG / M4A(视浏览器而定),某些编码(如 FLAC、APE)可能不支持;② 需要点播放:文件模式下会出现播放器控件,点播放按钮才会开始出声与分析。另外:文件模式下声音会接入 Web Audio 图输出,如果没声音请检查系统音量与播放器是否处于暂停状态。

FFT 精度选哪个?

权衡频率分辨率与响应速度:· 512:刷新快,适合看快速变化的节奏,但频率分得很粗;· 2048(默认):最均衡,日常推荐;· 8192:频率分辨率最高,低频细节清晰,但画面刷新会变慢、CPU 占用更高。想分辨相近的低音频率就用 8192;想看动态感就用 512。

「主频」显示的数值可信吗?

作为参考可以,但别当精确测量用:· 它取的是能量最强的频率分量,如果声音是复合音(现实声音几乎都是),主频不一定等于你感知的音高;· 分辨率受 FFT 精度限制,`fftSize` 越小误差越大;· 完全没有校准,与专业频谱仪不可比。如果你要的是音高识别,请用本站的乐器调音器,它用的是自相关算法,更适合找基频。

音频会上传吗?

不会。麦克风音频与上传的文件都只在你的浏览器本地解码与分析,没有任何网络请求,也不写入缓存,刷新页面即清空。导出 PNG 也是本地生成后直接下载到你的设备。

💬 留言板 0

全部留言需审核通过后展示

💬

还没有留言,来抢沙发吧!

✍️ 说点什么

游客留言,登录 可关联账号

0 / 500

📨 提交留言

🎉

留言已提交!

现在只有你自己能看到这条留言(已标上「待审核」),管理员审核通过后才会展示给所有人~

再留一条

🔗 相关工具推荐

🎤

麦克风测试先确认麦克风正常

→

🎸

乐器调音器识别音高与音分

→

📢

分贝仪测测有多响

→

🎵

音频信号发生器发个纯音看看

→

相关推荐

安卓联想平板怎么隐藏软件(如何在安卓联想平板中隐藏软件)
迷你世界坐骑宝宝怎么下蛋 坐骑宝宝下蛋详细攻略
36365线路检测中心

迷你世界坐骑宝宝怎么下蛋 坐骑宝宝下蛋详细攻略

📅 08-10 👁️ 9294
【U8+】薪资管理—月末结账事项
beat365官方登录入口

【U8+】薪资管理—月末结账事项

📅 10-21 👁️ 3924