Главная Скрипты для uCoz
Настраиваемый аудио плеер v1.1

Настраиваемый аудио плеер v1.1

12013-05-1268674Денис Абдуллин

У нас на сайте уже был настраиваемый аудио плеер, насколько я понял, это была версия 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/


Скачать
Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (4)
yets 2014-06-19 в 19:24 / МатериалСпам
Всё супер, но со стилями Bootstrap накрутили это перебор.
0
Петя Шевчук 2013-06-20 в 00:22 / МатериалСпам
<div id="Player$ID$" onclick="Player.send('$TITLE$','$RFILE_DIRECT_URL$','$ID$','$ENTRY_URL$','$AUTHOR_SITE$')"> play botton</div> понял?
0
Арина 2013-06-10 в 10:57 / МатериалСпам
Здравствуйте немного не понятна установка плеера.В Вид материалов к кнопке проигрывания дописываем ,где находится это поле?
0
Кирилл Косырев 2013-05-12 в 23:38 / МатериалСпам
спасибо большое
0
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.
Рекомендуем к просмотру
Переключатель вида материалов для uC...
Элегантная форма поиска для сайта на...
Склонение имени и фамилии для uCoz
Свой стиль для input type file
Создать сайт
на uCoz бесплатно Обзор и отзывы
Конструктор сайтов
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Создать свой сайт бесплатно?
Легко! Если пользоваться нашими советами.
Создать сайт
Главная > Скрипты для uCoz > Настраиваемый аудио плеер v1.1