我有一个制作小钢琴的想法并想实现它。我制作钢琴键(使用 Html 和 css)并为它们制作样本(mp3 格式)。我总共有 20 个笔记和 20 个样本。
<div class="wrapper">
<a href="../samples/sample_1.mp3" class="white-note"></a>
<a href="../samples/sample_2.mp3" class="black-note"></a>
...
CSS
.white-note{
display:inline-block;
width:20px;
height:100px;
background:#fff;
border: 1px solid #000;
}
.black-note{
vertical-align:top;
display:inline-block;
width:20px;
height:90px;
background:#000;
border: 1px solid #000;
}
我需要制作js文件。当我按下(mouseDown 键)时,我的 mp3(例如:href="../samples/sample_1.mp3")会发出声音,而当我按下鼠标时,它会停止声音。同时可以通过键盘上的键来推动链接(白色按钮:第一个孩子可以通过键“Z”来推动)。任何想法。感谢您阅读