Jquery: воспроизведение звука 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»). Есть идеи. Спасибо, что прочитали это


audio jquery keyboard-events mouseup mousedown
person stress_tn    schedule 21.11.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Проверьте это:

http://buzz.jaysalvat.com/

Если у вас есть вопросы о библиотеке, проверьте их документацию. Не каждый браузер поддерживает аудио html5!

Ваше здоровье

person pixx    schedule 21.11.2013
comment
спасибо, но это не то, что я хочу! Я нахожу html5piano.ilinov.eu/full хорошим примером - person stress_tn; 21.11.2013
comment
Это именно то, что вам нужно, вы можете прикрепить обработчик mousedown к каждому div и начать воспроизведение звука, а также прикрепить к тому же div обработчик события mouseup, который останавливает звук, проверьте: buzz.jaysalvat.com/documentation/sound Примечание: вы не можете воспроизводить mp3-файлы непосредственно в Firefox, но каждый файл должен быть преобразован в формат ogg. - person pixx; 21.11.2013