84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
想问一下,如何利用canvas技术制作出上下跳动的音乐谱
就是类似于这个图片一样的,简单的可以上下跳动的效果!
学习是最好的投资!
刚学前端的时候做过一个可视化音频播放器,要用到 Web Audio API,配合 H5 Audio element 兼容性会好一些,至于 Canvas,网上有很多资料,就不赘述了:
Web Audio API
Web Audio API 在 ie 的兼容性不太好。另外,慕课有个课程,可以作为入门:
HTML5 音乐可视化-慕课网
以下是我自己做的小 Demo,仅做参考,用现代框架写应该会好很多:
A demo(使用 Chrome 浏览)
[source code]https://github.com/huangbuyi/...
刚学前端的时候做过一个可视化音频播放器,要用到 Web Audio API,配合 H5 Audio element 兼容性会好一些,至于 Canvas,网上有很多资料,就不赘述了:
Web Audio API
Web Audio API 在 ie 的兼容性不太好。另外,慕课有个课程,可以作为入门:
HTML5 音乐可视化-慕课网
以下是我自己做的小 Demo,仅做参考,用现代框架写应该会好很多:
A demo(使用 Chrome 浏览)
[source code]https://github.com/huangbuyi/...