js钢琴+简谱+录音（直接下载）

您所在的位置：网站首页 › 光遇js音乐脚本谱子 › js钢琴+简谱+录音（直接下载）

js钢琴+简谱+录音（直接下载）

2024-07-16 18:50:52| 来源: 网络整理| 查看: 265

js钢琴+简谱+录音（直接下载）

俗话说：“授人以鱼不如授人以渔”，又有“鱼和熊掌不可兼得”。技术与成果，选择技术最好。在这里插入图片描述

如果我浏览某一博客，我要说：“大人才做选择，我全都要！”。“白嫖使我快乐！”。充分考虑这一心理，我就分享技术和成果。

实现效果：在这里插入图片描述

1.技术部分

项目介绍：在这里插入图片描述 index页面也有布局和js。我用的是Visual Studio Code. 布局简单介绍： js功能简单介绍： js钢琴块与录音：改变ascii码，改变键盘对应的钢琴块，如49是1的ascii码对应第一个钢琴块。

// 对所有div进行获取 var arrDiv = document.querySelectorAll('div'); // 事件绑定 document.onkeydown = function (e) { // 获取事件对象 e = e || window.event; // 获取键盘的ascii码 var keycode = e.keyCode || e.which; // 对ascii码进行判断 switch (keycode) { case 49: //调用改变钢琴块背景颜色的函数 bac(arrDiv[0]); //播放对应的音乐 play('./img/1.mp3',1); break; case 50: bac(arrDiv[1]); play('./img/2.mp3',2); break; case 51