可视化钢琴

使用钢琴音色播放Midi文件,并且将按键可视化到钢琴键盘上。如图:

主界面:

github链接 https://github.com/qk44077907...
在线demo https://qiankun.netlify.com/p...

使用midi.js写一个可视化钢琴相关推荐

  1. 【Part2】用JS写一个Blog (node + vue + mongoDB)

    [Part1]用JS写一个Blog (node + vue + mongoDB) 上一节前后端项目分别初始化完成,这一小节我就从后端项目开始写.实现mongoDB数据库的连接. 整理后端目录 下面是通 ...

  2. [js] 用js写一个方法检测浏览器是否支持css3的属性

    [js] 用js写一个方法检测浏览器是否支持css3的属性 var div = document.createElement('div'); console.log(div.style.transit ...

  3. [js] 写一个方法获取图片的方向

    [js] 写一个方法获取图片的方向 <!DOCTYPE html> <html> <head><meta charset="utf-8"& ...

  4. [js] 写一个获取页面中所有checkbox的方法

    [js] 写一个获取页面中所有checkbox的方法 function getAllCheckbox() {return [...document.querySelectorAll('input[ty ...

  5. [js]写一个获取非行间样式的方法

    [js]写一个获取非行间样式的方法 window.getComputedStyle()?window.getComputedStyle(element).attribute:element.curre ...

  6. [js] 写一个方法遍历指定对象的所有属性

    [js] 写一个方法遍历指定对象的所有属性 Object.keys().Object.values()只能遍历对象自有的属性,for in 可以遍历原型中的属性. 个人简介 我是歌谣,欢迎和大家一起交 ...

  7. [js] 写一个方法,实时验证input输入的值是否满足金额如:3.56(最多只有两位小数且只能数字和小数点)的格式,其它特殊字符禁止输入

    [js] 写一个方法,实时验证input输入的值是否满足金额如:3.56(最多只有两位小数且只能数字和小数点)的格式,其它特殊字符禁止输入 <body><input type=&qu ...

  8. [js] 写一个 document.querySelector 的逆方法

    [js] 写一个 document.querySelector 的逆方法 document.queryNode = function(node){if(node.id){return '#'+ nod ...

  9. [js] 写一个方法实现promise失败后自动重试

    [js] 写一个方法实现promise失败后自动重试 <!DOCTYPE html> <html lang="en"><head><met ...

最新文章

  1. 12.5.2 升12.5.3的补丁 linux下载,游戏1.17/2.12/3.8/4.5/5.2更新内容[附离线补丁下载地址]...
  2. Java集合篇:LinkedList源码分析
  3. 关于TensorFlow开发者证书,你想要的资源都在这里!
  4. @qualifier注解_常见的 Spring 注解概览
  5. 基于HTTP请求头字段 User-Agent用户环境 开发多端应用
  6. 刚过去不到一个月 QQ又更新了
  7. linux mysql 定时任务_Linux下Mysql定时任务备份数据的实现方法
  8. 二叉树的创建及各种遍历
  9. 湿空气性质计算,随笔与学习记录 (4.空气比容,空气密度)
  10. input: kMAX dimensions in profile 0 are [2,3,128,128] but input has static dimensions [1,3,128,128]
  11. iOS开发:图标生成器Prepo 的使用
  12. 【课程作业】学术英语写作:文献阅读报告2
  13. JSPServlet(5)——实现简单的留言簿功能
  14. 数值分析 python_数值分析实验之矩阵特征值(Python代码)
  15. 【2017.10.08 智能驾驶/汽车电子】汽车电控常用英文缩写及功能之一
  16. BSCI验厂考勤资料工资作假不一致解决方案
  17. 18天精读掌握《费曼物理学讲义卷一》 第7天 2019.6.20
  18. CircuitBreaker断路器
  19. 数组去重与数组合并去重
  20. 【STM32H750】从零编写MDK的FLM烧录算法

热门文章

  1. 直播APP源码,直播系统源码开发公司:搭建直播平台的具体方案
  2. 我们该如何学好Java?
  3. mulesoft Module 8 quiz 解析
  4. 【python】基础知识巩固(六)
  5. python中分组频率统计功能_python频数统计value_counts和groupby方法
  6. 使用python在实现图片(包括扫描件的图片类pdf)转换成word文档过程中的常见问题
  7. 基于单片机超声波测距系统设计
  8. 【C语言学习笔记】调用系统命令system
  9. 同步辐射XAFS表征方法的应用场景分析
  10. U-Boot -第二阶段代码分析