Настраиваемый аудио-плеер для uCoz

7535 просмотров Alan_Writer 18.05.2013

Скачать 📥

Сегодня известен не один скрипт плеере для uCoz, это очередная версия уже полюбившегося, и, наверное, лучшего проигрывателя для музыки. Сейчас главная фишка его – это гибкие настройки. Каждый пользователь сможет выбрать цвет плеера в настройках. Помимо, в настройках есть выбор позиции на экране, можно установить плеер сверху или снизу по центру, по левую или правую сторону.

Плеер отлично подойдет для других систем, можно просто сделать статичную HTML страницу, просто здесь у нас есть пояснение того, как установить на кнопку воспроизведения в виде материалов скрипт. Заметьте, скрипт не подразумевает полный модуль, вид материалов вам нужно будет продумывать самостоятельно (ну, или скопировать исходный код из демо).

Установка плеера:

1. Скачайте архив и загрузите папку «Player» в корень сайта. Для этого используйте FTP или стандартный Файловый менеджер.

2. Сразу после вставьте следующий код:
Код
<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-1.8.3.js"></script>  
<script type="text/javascript" src="/player/jquery-ui.js"></script>

3. Добавьте строки в Таблицу стилей (CSS):
Код
@import url('/player/player.css') all;  
  @import url('/player/jquery-ui.css') all;

4. Прямо перед закрывающим тегом вставляйте следующий код:
Код
<div id="SwfPlayerv" class="bodyBottons"></div><div id="Modal" align="center"></div>  
<script type="text/javascript" src="/player/addons1.0.js"></script>

5. Добавьте в кнопку воспроизведения код:
Код
id="Player$ID$" onclick="Player('<?substr($TITLE$,0,32)?>...','$RFILE_DIRECT_URL$','$ID$','$ENTRY_URL$','$AUTHOR_SITE$')"

Примечания:

$RFILE_DIRECT_URL$ - ссылка на MP3
$AUTHOR_SITE$ - ссылка на обложку

Специально для вас я сделал свою версию демо для этого великолепного скрипта. Надеюсь, что моя подборка из восьми треков понравится.

Теги: аудио-плеер для uCoz, Настраиваемый аудио-плеер для uCoz, Настраиваемый аудио-плеер, для uCoz, аудио-плеер, настраиваемый
4 Комментария
avatar
3
Перезалей
avatar
4
Перезалил
avatar
2
подскажите, работает ли плеер с саундклауд?
avatar
1
А на сайте с https:// сертификатом работать будет?