🏠 首页
›
工具箱
›
在线音频频谱
ℹ️ 选「麦克风」需要授权;选「音频文件」则直接上传本地文件分析,不会上传 。
📊 分析设置
FFT 精度
512(刷新快,分辨率低)
2048(均衡)
8192(分辨率高,稍卡)
📊 开始分析
⏹ 停止
⚠️ 说明:音频分析全程在你的浏览器本地完成,麦克风音频与上传的文件都不会离开你的设备。 本工具做的是实时频谱展示 ,不是专业声学测量:AnalyserNode 输出的是未经校准的相对能量,不能用于频率响应测量或音质鉴定 。 分析结果受 FFT 精度、窗函数与浏览器实现影响,仅供参考与教学演示。
音频工具
完全免费
🌙 支持黑夜模式
🔒 本地分析,不上传
📈 三种可视化
🎤 麦克风 / 文件
想看看自己的声音大概集中在哪个频段、想给学生演示「低音和高音在频谱上长什么样」、或者单纯觉得跳动的频谱好看——浏览器自带的 AnalyserNode 就能做,不需要装任何软件。 这个工具提供三种可视化: ① 柱状频谱 :最经典,横轴频率、纵轴能量; ② 波形图 :时域波形,看振幅与削顶; ③ 圆形频谱 :环绕式,视觉效果最好。 声音来源可以二选一: · 麦克风 :实时分析环境声或你的声音; · 音频文件 :上传本地音频边播边分析(文件不上传 ,只在本地解码)。 同时会给出:主频 (能量最强的频率)、低/中/高三段能量分布 ,还能把当前画面导出成 PNG 。 要说明的是:这是相对能量的实时展示 ,不是校准过的测量。想测频响曲线、做音质鉴定,需要专业设备与软件,本工具替代不了。
简介
玩法说明
更新记录
常见问题
留言
核心特性
柱状频谱
波形图
圆形频谱
麦克风实时输入
本地音频文件
主频识别
频段能量分布
导出 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
全部留言需审核通过后展示
🎉
留言已提交!
审核通过后就会展示在留言板上,稍安勿躁~
再留一条
还没有留言,来抢沙发吧!