Pull to refresh

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

Reading time 1 min
Views 69K
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 имеет очень низкий приоритет.
Tags:
Hubs:
+71
Comments 37
Comments Comments 37

Articles