Jquery:音频播放mouseDown和mouseUp?

时间:2013-11-21 07:44:29

标签: jquery audio keyboard-events mousedown mouseup

我有一个想法,小钢琴,想要实现它。 我制作钢琴键(使用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”按下)。任何的想法。感谢您阅读

1 个答案:

答案 0 :(得分:0)

结帐:

http://buzz.jaysalvat.com/

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

干杯