JQuery: аудио играть mouseDown и mouseUp?

Question

JQuery: аудио играть mouseDown и mouseUp?

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 key), должен звучать мой mp3 (пример: href= "../samples/sample_1.mp3"), и когда я MouseUp, это должно остановить звук. Между тем связь может быть нажата клавишей на клавиатуре (белая кнопка: первый ребенок может быть нажат клавишей "Z"). Есть идеи. Спасибо, что прочитали, что

stress_tn 21 нояб. 2013, в 09:29

Источник

Теги:

jquery

audio

keyboard-events

mousedown

mouseup

1 ответ

Ещё вопросы

pixx · Answer 1 · 2013-11-21T06-22-00.000Z

Оформить заказ:

http://buzz.jaysalvat.com/

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

ура

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