如何利用Canvas技术制作出上下跳动的音乐谱

想问一下,如何利用canvas技术制作出上下跳动的音乐谱图片描述

就是类似于这个图片一样的,简单的可以上下跳动的效果!

阅读 4.9k
1 个回答

刚学前端的时候做过一个可视化音频播放器,要用到 Web Audio API,配合 H5 Audio element 兼容性会好一些,至于 Canvas,网上有很多资料,就不赘述了:

Web Audio API 在 ie 的兼容性不太好。另外,慕课有个课程,可以作为入门:

以下是我自己做的小 Demo,仅做参考,用现代框架写应该会好很多:

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题