关于网友提出的“ (html5)如何利用Canvas技术制作出上下跳动的音乐谱”问题疑问，本网通过在网上对“ (html5)如何利用Canvas技术制作出上下跳动的音乐谱”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：
问题： (html5)如何利用Canvas技术制作出上下跳动的音乐谱描述:
想问一下，如何利用canvas技术制作出上下跳动的音乐谱
就是类似于这个图片一样的，简单的可以上下跳动的效果！
解决方案1:
刚学前端的时候做过一个可视化音频播放器，要用到 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/...