audio.js — слушаем музыку в любом браузере

audio.js — это javascript библиотека, позволяющая использовать HTML5 тэг повсюду. Что скрывается за словом «повсюду». Если есть возможность использовать тэг , то будет использоваться он, иначе будет подключен плеер на flash. В библиотеку так же входит и UI отображение для этого плеера, которое может быть видоизменено с помощью css.

Как пользоваться.

Кладем audio.js, player-graphics.gif и audiojs.swf в одну папку.
Затем подключаем скрипт

<script src="/audiojs/audio.js"></script>

И инициализируем:

<script>
  audiojs.events.ready(function() {
    var as = audiojs.createAll();
  });
</script>

Теперь остается лишь вставить код на страницу

<audio src="/mp3/juicy.mp3" preload="auto" />

Примеры

Пара примеров от автора
Пример 1 — плеер и список для воспроизведения
Пример 2 — несколько плееров с проверкой работы следующих атрибутов: preload, loop и autoplay.

Поддержка браузерами

Подключение Flash по идее должно сделать данную библиотеку максимально кроссбраузерной. На данный момент проверено в следующих системах:

• Mobile Safari (iOS 3+)
• Safari (4+)
• Chrome (7+)
• Firefox (3+, w/ Flash)
• Opera (10+, w/ Flash)
• IE (6, 7, 8, w/ Flash)

Поддержка формата ogg

Библиотека audio.js направлена на проигрывание mp3. И на данный момент поддержки оgg нет, по той причине, что mp3 распространено гораздо больше. Так что подключение ogg имеет очень низкий приоритет.