配色
正在生成视频,请等待音频播放完成...

功能特点

  • 19 种实时可视化效果,涵盖频谱、波形、粒子、唱片等风格
  • 基于 Web Audio API 的高精度频谱分析(2048 点 FFT)
  • 13 种配色主题,实时切换不影响播放
  • 支持点击选择或直接拖放音频文件上传
  • 可将可视化画面与音频同步录制并导出为 WebM 视频
  • 录制过程中可随时点击停止生成视频
  • 响应式布局,适配桌面与移动端

使用步骤

  1. 点击顶部上传区域选择文件,或将音频拖入该区域
  2. 文件加载后点击播放,画布即开始实时响应
  3. 点击下方效果按钮随时切换可视化样式
  4. 点击配色圆点更换整体色彩主题
  5. 需要导出时点击「生成视频」,播放结束或点击「停止生成」后下载 WebM 文件

注意事项

  • 仅接受音频文件,图片/视频等格式无法识别
  • 视频录制依赖 MediaRecorder API,需现代浏览器支持
  • 超过 100MB 的音频文件可能导致页面响应变慢
  • 推荐使用 Chrome 或 Firefox 以获得最佳兼容性
  • 导出格式为 WebM,可用 VLC 或 FFmpeg 转换为 MP4

常见问答

支持哪些音频格式?

支持浏览器原生解码的格式:MP3、WAV、OGG、FLAC、AAC 等,具体取决于浏览器版本。

为什么画布没有响应?

需要先点击播放才会启动可视化。若仍无反应,请确认浏览器已允许音频自动播放权限。

生成的视频如何保存?

点击「生成视频」后音频会从头播放并录制;播放结束后「下载视频」按钮激活,点击即可保存。

导出的视频没有声音怎么办?

Safari 对 MediaRecorder 支持有限,建议改用 Chrome。若仍无声音,可尝试刷新页面重新上传文件。

可以录制超长音频吗?

理论上支持,但长时间录制会占用较多内存。建议单次录制不超过 30 分钟,以免浏览器标签崩溃。