HTML5 вовсю шагает по планете, и наверное одними из самых интересных возможностей нового стандарта являются теги <audio> и <video>. Впервые для воспроизведения мультимедиа на сайте нам не нужен Flash Player. Впрочем, не всё так безоблачно. Поддержка форматов браузерами пока далека от идеальной (полностью все форматы аудио пооддерживает, наверное, только Chrome). Кроме того, браузеры не дают серьёзных инструментов для оформления элементов управления, причём, оформление может очень отличаться от браузера к браузеру.
Что, если нам нужен унифицированный, единый дизайн? Или мы хотим иметь возможность настройки цвета? Или размера кнопок? Или ширины прогрессбаров? Очевидно, нам придётся написать свою библиотеку, либо искать существующую. Кроме того, было бы неплохо обеспечить fallback с использованием Flash для старых браузеров, а также для новых, при отсутствии формата файла в списке поддерживаемых текущим браузером, с которым работает пользователь.
Данный проект создавался чисто из «спортивного интереса», поэтому функциональность серьёзно уступает аналогам, особенно платным. Из основных преимуществ — пожалуй, полное отсутствие графики (чистый HTML), отсутствие CSS (всё, что нужно — подключить один скрипт), возможность полной настройки всех параметров отображения. Отображаемых плейлистов пока нет, но возможно, скоро допилю :)
При использовании можно (и нужно) указать несколько файлов через точку с запятой (и пробел, если есть желание). Таблицу поддержки разных форматов браузерами можно посмотреть тут. Также стоит помнить, что MP3 поддерживается Flash всегда, поэтому если файл всего один, то он должен быть в MP3, иначе воспроизведение в любом браузере гарантировать нельзя.
Можно регулировать 3 цвета отображения, размер кнопок, ширину шкал, всё вместе (zoomfactor), вешать обработчики (listeners), изменять цвет динамически в любой момент с помощью API, загружать плейлисты в форматах XML и JSON, задавать режимы повтора и перемешивания (пока только через API)…
Из менее существенных бонусов — в случае невозможности использования HTML5 используется популярный Flash плеер Uppod. Кроме того, была проведена некоторая оптимизация, позволившая генерируемому интерфейсу отображаться корректно в IE7 и ниже, даже в режиме quirks mode.
Отображение плеера может работать некорректно при абсолютном позиционировании в некоторых случаях (например, в quirks mode). Кто столкнётся, напишите — эту оптимизацию совсем недавно сделал, и пока не тестировал толком.
Плеер совершенно бесплатный, и может использоваться в любых целях, в том числе коммерческих. Код открыт, можно менять как угодно. Багрепорты очень приветствуются, также как и предложения новых фич.
Адрес библиотеки: xplayer.su/xplayer.js
Сайт проекта: xplayer.su
Документация на русском и английском прилагается
Спасибо за внимание, надеюсь, кому-нибудь это пригодится.
Что, если нам нужен унифицированный, единый дизайн? Или мы хотим иметь возможность настройки цвета? Или размера кнопок? Или ширины прогрессбаров? Очевидно, нам придётся написать свою библиотеку, либо искать существующую. Кроме того, было бы неплохо обеспечить fallback с использованием Flash для старых браузеров, а также для новых, при отсутствии формата файла в списке поддерживаемых текущим браузером, с которым работает пользователь.
Данный проект создавался чисто из «спортивного интереса», поэтому функциональность серьёзно уступает аналогам, особенно платным. Из основных преимуществ — пожалуй, полное отсутствие графики (чистый HTML), отсутствие CSS (всё, что нужно — подключить один скрипт), возможность полной настройки всех параметров отображения. Отображаемых плейлистов пока нет, но возможно, скоро допилю :)
При использовании можно (и нужно) указать несколько файлов через точку с запятой (и пробел, если есть желание). Таблицу поддержки разных форматов браузерами можно посмотреть тут. Также стоит помнить, что MP3 поддерживается Flash всегда, поэтому если файл всего один, то он должен быть в MP3, иначе воспроизведение в любом браузере гарантировать нельзя.
Можно регулировать 3 цвета отображения, размер кнопок, ширину шкал, всё вместе (zoomfactor), вешать обработчики (listeners), изменять цвет динамически в любой момент с помощью API, загружать плейлисты в форматах XML и JSON, задавать режимы повтора и перемешивания (пока только через API)…
Из менее существенных бонусов — в случае невозможности использования HTML5 используется популярный Flash плеер Uppod. Кроме того, была проведена некоторая оптимизация, позволившая генерируемому интерфейсу отображаться корректно в IE7 и ниже, даже в режиме quirks mode.
Отображение плеера может работать некорректно при абсолютном позиционировании в некоторых случаях (например, в quirks mode). Кто столкнётся, напишите — эту оптимизацию совсем недавно сделал, и пока не тестировал толком.
Плеер совершенно бесплатный, и может использоваться в любых целях, в том числе коммерческих. Код открыт, можно менять как угодно. Багрепорты очень приветствуются, также как и предложения новых фич.
Адрес библиотеки: xplayer.su/xplayer.js
Сайт проекта: xplayer.su
Документация на русском и английском прилагается
Спасибо за внимание, надеюсь, кому-нибудь это пригодится.