媲美AE特效的Web音乐播放器——Azusa！

image

又是一期新的特效安利，咳咳，准确说应该是第二期。如上图，这次介绍的就是上次说过的炫酷音乐播放器——Azusa!

Azusa

Three.js开发，媲美AE特效的网页端音乐播放器！
作者大佬：EYHN
Azusa代码仓库：github.com/EYHN/Azusa
demo预览：www.hojun.cn/azusa
gif图预览：

image

视频预览：
https://www.bilibili.com/video/av48789169

网页使用教程

参考Azusa仓库地址的教程的umd部分：

注意

• 上面份代码跑不起来，原因是新版的three舍弃了一些方法。于是查看作者的commit信息，发现作者开发的使用使用的是three.js的0.85.0版本。所以需要指明three版本，博主试过0.102以下版本都行。
• 降低了thress.js版本后还需要在服务器环境下运行才能查看效果。
• 音乐在新版谷歌浏览器下不能制动播放，要加用户交互才行

博主修改过程

第一步，使用git clone 命令 克隆Azusa github源码。

git clone [email protected]:EYHN/Azusa.git

看源码虽然吃力，但是了解这个项目最好的途径。

第二步，修改example的代码，解决之前发现的问题。