维兹是一个 webaudio + canvas 的音乐可视化工具。安装步骤如下:

  1. 运行 npm start 来初始化并启动应用程序。

  2. 它将执行以下命令:

  3. npm install 安装工具

  4. bower install 安装供应商代码

  5. gulp build 构建压缩的 JavaScript 和 CSS 包

  6. gulp server 启动服务器

用法

确保 gulp server 正在运行,然后在浏览器中导航到应用。将音频文件拖到视口上即可加载和播放交互式可视化。

注意事项

  • 在基于 Windows 的操作系统下,加载文件可能需要一段时间,最多可能需要 20 秒

  • OSX 系统没有此问题。

  • 可以使用快捷键(qewsad)或左上角的滑块来控制可视化器的速度、长度和频率响应。

  • 注意: 某些音频文件可能无法在整个频谱范围内正确采样。如果文件开始播放但没有视觉效果,可能是此问题导致。