HTML5 пианино

Недавно пересматривал старый фильм Amadeus и захотелось тоже что-нибудь сыграть на фортепиано, но так уж сложилось, что мой синтезатор позаимствовал dx, а другого инструмента у меня не имеется. Поэтому решил поизвращаться и сделать свое "фортепиано" с использованием HTML5.
Реализация довольно простая. Клавиши рисуются в элементе canvas, создается элемент audio для каждой ноты и, соответственно, при нажатии клавиши определяются координаты курсора, высчитывается, в область какой клавиши было совершено нажатие и играется сэмпл (каждая нота хранится в отдельном ogg-файле).
Живой пример можно посмотреть здесь.
Все файлы одним архивом: скачать.

P.S.

HTML5 пианино: 15 комментариев

  1. Парни, немного не в тему.
    1. Залез в статьи про асм почитать, а они там не работают, мол 404.
    2. Обменяемся ссылями на блоги? Там некоторые линки у вас здохли, почекайте.
    3. До каими не мог достучаться в асю.

    1. 1. Это какие статьи "не работают"?
      2. Как угодно. В списке ссылок на другие сайты не работает только одна.
      3. У меня никаких фильтраций в icq не стоит.

  2. Как влиять на длительность ноты? Если хочешь что-нибудь толковое сыграть как минимум длительность ноты надо уметь менять...

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *