0

我有一个制作小钢琴的想法并想实现它。我制作钢琴键（使用 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”来推动）。任何想法。感谢您阅读

4

1 回答 1

0

签出这个：

http://buzz.jaysalvat.com/

有关 lib 的问题，请查看他们的文档。并非所有浏览器都支持 html5 音频！

干杯

于 2013-11-21T08:15:46.890 回答