У нас на сайте уже был настраиваемый аудио плеер, насколько я понял, это была версия 1.0. С момента выхода этого проигрывателя прошло немало времени, множество пользователей пользуются. Так вот, появилась версия 1.1, в которой исправлены баги, и по заявлению автора все работает на 99%.
На официальном сайте написано, что использовано при создании плеера: HTML, CSS, jQuery 1.8.3, UI, JavaScript, Flash, Bootstrap CSS. Следует отметить, что сам Flash проигрыватель сделан с помощью конструктора Uppod.
Плюсы
- Компактный, не нагружает сайт;
- Множество кнопок для управления проигрывателем;
- Смена заголовка сайта;
- Автоматически переключается на следующий трек;
- Гибкость настроек;
- Несколько положений;
- Постер для каждого трека;
- Возможность прикрепления своего стиля плеера;
- Отсутствие копирайта;
- БЕСПЛАТНЫЙ ПЛЕЕР, ПОДХОДИТ ПРАКТИЧЕСКИ ПОД ВСЕ CMS!
Минусы
- Ручное прикрепление постеров;
- Отсутствие плей-листа.
Установка
1. Скачиваем файлы.
2. Заливаем папку в Файловый менеджер.
3. После тега <BODY> пишем:
Код
<script type="text/javascript" src="/player/playerAPI.js"></script>
<script type="text/javascript" src="/player/cookie.js"></script>
<script type="text/javascript" src="/player/jquery-ui.js"></script>
4. В Таблицу стилей (CSS) в самом верху пишем:
Код
@import url('/player/player.css') all;
5. Перед тегом </body> пишем:
Код
<div id="SwfPlayerv" class="bodyBottons"></div><div id="Modal" align="center"></div>
<script type="text/javascript" src="/player/addons1.0.js"></script>
6. В Вид материалов к кнопке проигрывания дописываем:
Код
id="Player$ID$" onclick="Player.send('$TITLE$','$RFILE_DIRECT_URL$','$ID$','$ENTRY_URL$','$AUTHOR_SITE$')"
$TITLE$ - Название трека
$RFILE_DIRECT_URL$ - Ссылка на трек
$ID$ - ID материала
$ENTRY_URL$ - Ссылка на страницу трека
$AUTHOR_SITE$ - Ссылка на постер
Официальный сайт: http://audioplayer.at.ua/