文章详情页
html5 - 如何利用Canvas技术制作出上下跳动的音乐谱
浏览：332日期：2023-01-02 11:52:31
问题描述
想问一下，如何利用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/...
标签：
Html5
上一条：javascript - 如果根据参数给table中的tr绑定不同事件下一条：javascript - 记得js有个方法是打开一个窗口替换当前页, 并切不能点击返回按钮, 类似支付页面(安全), 今天找了半天没找到, 求告知?
相关文章：
1. javascript - 百度坐标,返回目标附近有哪些坐标2. javascript - 关于jsp中嵌入js代码的问题3. javascript - html5多个label中其中一个触发change，如何判断是哪一个出发了change4. javascript - 有一个异步获取数据的函数A，其他依赖这个A得到的数据的函数是否都必须是异步的？5. javascript - 关于fullpage.js的横向滚动控制6. javascript - 有什么兼容性比较好的办法来判断浏览器窗口的类型？7. javascript - 判断用户网络环境8. clone - git sourceTree克隆仓库时,都不停弹出Password Required弹窗,即时输入正确的git账号密码还是弹出9. javascript - 一个JS多元运算符的问题10. angular.js - angurlarJS的安卓的微信端中用加载ngCookies会出错的问题
排行榜
网公网安备