使用midi.js写一个可视化钢琴
可视化钢琴
使用钢琴音色播放Midi文件,并且将按键可视化到钢琴键盘上。如图:
主界面:
github链接 https://github.com/qk44077907...
在线demo https://qiankun.netlify.com/p...
使用midi.js写一个可视化钢琴相关推荐
- 【Part2】用JS写一个Blog (node + vue + mongoDB)
[Part1]用JS写一个Blog (node + vue + mongoDB) 上一节前后端项目分别初始化完成,这一小节我就从后端项目开始写.实现mongoDB数据库的连接. 整理后端目录 下面是通 ...
- [js] 用js写一个方法检测浏览器是否支持css3的属性
[js] 用js写一个方法检测浏览器是否支持css3的属性 var div = document.createElement('div'); console.log(div.style.transit ...
- [js] 写一个方法获取图片的方向
[js] 写一个方法获取图片的方向 <!DOCTYPE html> <html> <head><meta charset="utf-8"& ...
- [js] 写一个获取页面中所有checkbox的方法
[js] 写一个获取页面中所有checkbox的方法 function getAllCheckbox() {return [...document.querySelectorAll('input[ty ...
- [js]写一个获取非行间样式的方法
[js]写一个获取非行间样式的方法 window.getComputedStyle()?window.getComputedStyle(element).attribute:element.curre ...
- [js] 写一个方法遍历指定对象的所有属性
[js] 写一个方法遍历指定对象的所有属性 Object.keys().Object.values()只能遍历对象自有的属性,for in 可以遍历原型中的属性. 个人简介 我是歌谣,欢迎和大家一起交 ...
- [js] 写一个方法,实时验证input输入的值是否满足金额如:3.56(最多只有两位小数且只能数字和小数点)的格式,其它特殊字符禁止输入
[js] 写一个方法,实时验证input输入的值是否满足金额如:3.56(最多只有两位小数且只能数字和小数点)的格式,其它特殊字符禁止输入 <body><input type=&qu ...
- [js] 写一个 document.querySelector 的逆方法
[js] 写一个 document.querySelector 的逆方法 document.queryNode = function(node){if(node.id){return '#'+ nod ...
- [js] 写一个方法实现promise失败后自动重试
[js] 写一个方法实现promise失败后自动重试 <!DOCTYPE html> <html lang="en"><head><met ...
最新文章
- 12.5.2 升12.5.3的补丁 linux下载,游戏1.17/2.12/3.8/4.5/5.2更新内容[附离线补丁下载地址]...
- Java集合篇:LinkedList源码分析
- 关于TensorFlow开发者证书,你想要的资源都在这里!
- @qualifier注解_常见的 Spring 注解概览
- 基于HTTP请求头字段 User-Agent用户环境 开发多端应用
- 刚过去不到一个月 QQ又更新了
- linux mysql 定时任务_Linux下Mysql定时任务备份数据的实现方法
- 二叉树的创建及各种遍历
- 湿空气性质计算,随笔与学习记录 (4.空气比容,空气密度)
- input: kMAX dimensions in profile 0 are [2,3,128,128] but input has static dimensions [1,3,128,128]
- iOS开发:图标生成器Prepo 的使用
- 【课程作业】学术英语写作:文献阅读报告2
- JSPServlet(5)——实现简单的留言簿功能
- 数值分析 python_数值分析实验之矩阵特征值(Python代码)
- 【2017.10.08 智能驾驶/汽车电子】汽车电控常用英文缩写及功能之一
- BSCI验厂考勤资料工资作假不一致解决方案
- 18天精读掌握《费曼物理学讲义卷一》 第7天 2019.6.20
- CircuitBreaker断路器
- 数组去重与数组合并去重
- 【STM32H750】从零编写MDK的FLM烧录算法