节拍可视化 — 实时音乐音频可视化工具

让麦克风变成灯光秀。五种炫酷视觉效果,完全在浏览器中运行,无需上传,无需安装。

免费使用 →

功能特性

粒子爆炸

低音驱动粒子从中心向外飞射,对象池系统保障 60fps 流畅性能。

环形频谱

360° 频率柱排列成圆环,随音量缩放并以渐变色彩呈现。

示波器波形

实时时域波形线,辉光强度与音量成正比。

极坐标花瓣

将频率数据映射到极坐标,形成旋转的花瓣图案,具有多层次深度感。

3D 响应球体

使用 Three.js 二十面体几何体,每个顶点位移由 FFT 数据驱动,随每个节拍扩张变形。

🔒

屏幕常亮锁定

可视化运行期间自动通过 Wake Lock API 保持屏幕常亮,停止时释放。

使用方法

1

点击开始

点击脉冲开始按钮,浏览器会请求麦克风权限,授权后即可开始。

2

播放音乐

在设备旁播放音乐或唱歌,可视化效果会实时响应声音。

3

切换效果

点击底部五个圆点或按空格键循环切换效果,用滑块调节灵敏度。

4

更换主题

点击右上角 🎨 图标,从霓虹紫、极光绿、日落橙和极简白中选择主题。

5

进入全屏

双击画布进入真正的全屏模式,UI 在 3 秒后自动隐藏,带来沉浸式体验。

常见问题

节拍可视化是免费的吗?
完全免费,无需账号,无需订阅,无需上传,一切在浏览器本地运行。
会录制我的麦克风吗?
不会。音频通过浏览器内的 Web Audio API 实时处理,不会向任何服务器发送数据。
为什么 3D 球体加载稍慢?
Three.js 仅在切换到 3D 球体模式时按需加载,这样可以保持其他四种效果的初始加载速度。
可以在手机上使用吗?
可以,所有控件支持触控(最小 44px)。小屏设备上粒子数量自动减半,保障流畅帧率。
屏幕一直熄灭怎么办?
工具使用 Screen Wake Lock API 防止屏幕休眠。如果您的浏览器不支持该 API,此功能会静默忽略。

← 返回 pudone! 首页