Question

我有一个想法，小钢琴，想要实现它。我制作钢琴键（使用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”）应该响起，当我使用MouseUp时，应该停止声音。同时可以通过键盘上的键按下链接（白色按钮：第一个孩子可以通过键“Z”按下）。任何的想法。感谢您阅读

Answer 1

结帐：

http://buzz.jaysalvat.com/

关于lib的问题检查他们的文档。并非每个浏览器都支持html5音频！

干杯

Jquery：音频播放mouseDown和mouseUp？

1 个答案: