维兹是一个 webaudio + canvas 的音乐可视化工具。安装步骤如下:
-
运行
npm start
来初始化并启动应用程序。 -
它将执行以下命令:
-
npm install
安装工具 -
bower install
安装供应商代码 -
gulp build
构建压缩的 JavaScript 和 CSS 包 -
gulp server
启动服务器
用法
确保 gulp server
正在运行,然后在浏览器中导航到应用。将音频文件拖到视口上即可加载和播放交互式可视化。
注意事项
-
在基于 Windows 的操作系统下,加载文件可能需要一段时间,最多可能需要 20 秒。
-
OSX 系统没有此问题。
-
可以使用快捷键(
q
、e
、w
、s
、a
、d
)或左上角的滑块来控制可视化器的速度、长度和频率响应。 -
注意: 某些音频文件可能无法在整个频谱范围内正确采样。如果文件开始播放但没有视觉效果,可能是此问题导致。
暂无评论