jquery：音频播放mouseDown和mouseUp？

我有一个想法，让小钢琴，并想实现它。我制作钢琴键（带Html和css）并为他们制作样本（mp3格式）。我有20个笔记和20个样本。jquery：音频播放mouseDown和mouseUp？

<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”推动）。任何想法。感谢您阅读这

来源

2013-11-21 stress_tn

结帐：

http://buzz.jaysalvat.com/

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

干杯

来源

2013-11-21 08:15:46 pixx

感谢，但它不是我想要的！我觉得http://www.html5piano.ilinov.eu/full/好esample –

这正是你想要的，你可以附加一个鼠标按下处理程序，以每什么div并开始播放声音并在同一个div上附加一个mouseup事件处理程序来停止声音，请检查： http://buzz.jaysalvat.com/documentation/sound/ 注意：您无法直接在内部播放mp3文件Firefox，但需要将每个文件转换为ogg格式。 – pixx

jquery：音频播放mouseDown和mouseUp？

回答

相关问题