JavaScript библиотека для проигрывания mp3

Проигрывание mp3 файлов с помощью JavaScript, давно хотел найти такую библиотеку, т.к. flash проигрыватели меня не устраивали по определенным требованиям функциональности, и в одном из последних проектов сам заказчик помог мне в этом. Ну конечно же проигрывание музыки с помощью чистого JS не возможно, поэтому в данной библиотеке используется flash объекты, но все манипуляции с аудио файлами происходят через API JS библиотеки.

Представляю вашему вниманию библиотеку SoundManager 2

Детально я рассматривать её возможности не буду т.к. в ней имеется множество методов и функций,
все это хорошо описано в документации, я лишь рассмотрю плюсы а также опишу и покажу живой пример.

Пример работы:

Вы можете открыть пример в новом окне.

Базовые возможности библиотеки (Flash 8+):

Загрузка, проигрывание, остановка, пауза, отключение и настройка громкости звука через JavaScript
События: загрузка, проигрывание, остановка и т.п.
Поддержка тегов формата mp3 (title, artist, genre и т.д.)

При использовании Flash 9 и выше можно добавить:

Поддержка MPEG-4 video и audio
Проигрывание нескольких дорожек
Частотные данные
зменение громкости по каналам L/R
Буферизация аудио

Еще несколько плюсов:

Хорошая API документация с примерами и заметками
Возможность дебагинга с помощью console.log()

з предоставленного мной примера можно заметить, что библиотека обладает хорошей функциональностью (и это маленькая часть которую я решил показать). Все события стандартного управления я повесил на HTML элементы, что позволяет применять к элементам любые стили, и дает дизайнерам безграничные возможности ;) которые вы можете легко передать через CSS. Единственное
что мне не понравилось – скрипт работает только на сервере… хотя это не так и важно.

Код примера:

HTML код примера:

<div>
<div id="graphPixels"> </div>
</div>
<ul>
<li><input type="button" onclick="prev();" value="<<" /></li>
<li><input type="button" onclick="mySound.play();" value="Start" class="start" /></li>
<li><input type="button" onclick="mySound.togglePause();" value="Pause" /></li>
<li><input type="button" onclick="mySound.stop();" value="Stop" /></li>
<li><input type="button" onclick="next();" value=">>" /></li>
</ul>
<ol>
<li>Громкость:</li>
<li><a href="#" onclick="setVolume(1)" class="active">10</a></li>
<li><a href="#" onclick="setVolume(2)" class="active">20</a></li>
<li><a href="#" onclick="setVolume(3)">30</a></li>
<li><a href="#" onclick="setVolume(4)">40</a></li>
<li><a href="#" onclick="setVolume(5)">50</a></li>
<li><a href="#" onclick="setVolume(6)">60</a></li>
<li><a href="#" onclick="setVolume(7)">70</a></li>
<li><a href="#" onclick="setVolume(8)">80</a></li>
<li><a href="#" onclick="setVolume(9)">90</a></li>
<li><a href="#" onclick="setVolume(10)">100</a></li>
</ol>

Tags: JavaScript, JS Plugins