Аудио плеер для uCoz (playerapi.js)

Rating: 9.8
Author: Денис Абдуллин

02012-11-0812283Денис Абдуллин

Плеер выполнен в стиле старого проигрывателя ВКонтакте. Думаю, небольшой черный проигрыватель, расположенный в углу экрана, будет хорошо смотреться на любом сайте. Но, поскольку плеер не прозрачный, рекомендуется использовать его на сайтах с темным дизайном. Аудио плеер для uCoz использует Flash и JQuery. Сам плеер работает на основе Uppod API.

Сайт «Урааа» предлагает вам свой аудио плеер и еще плеер как ВКонтакте. Скорее всего, здесь Вы найдете подходящий проигрыватель музыки для сайта.

У этого плеера было несколько версий. Вероятно, делались они с целью исправления багов. Как заявлено в источнике, это последняя версия.

Установка

1. Загружаем на сайт папку «player».

2. На тех страницах, где будет использоваться аудио плеер (главная страница, страницы категорий), ставим код (в секцию <HEAD>):

Code

3. На тех же страницах ставим после $BODY$:

Code

<div id="SwfPlayerv" class="bodyBottons"></div>

<script type="text/javascript">
var DownSTR = 0; // 0 - если используем плеер на главной странице и т.д., 1 - если на странице материала
</script>
<script type="text/javascript" src="/player/addons.js"></script>

4. В верхнюю часть таблицы стилей:

Code

@import url('/player/player.css') all;

5. Код запуска плеера. Этот код ставьте в «Вид материалов»:

Code

<div id="Player$ID$" onclick="Player('<?if(strpos($TITLE$,'&')!=-1)?><?substr($TITLE$,0,strpos($TITLE$,'&'),16,16)?> vs <?substr($TITLE$,strpos($TITLE$,'&')+2,25)?>...<?else?><?if(len($TITLE$)>35)?><?substr($TITLE$,0,32)?> ...<?else?>$TITLE$<?endif?><?endif?>','$AUTHOR_SITE$','$ID$','$ENTRY_URL$'<?if($AUTHOR_EMAIL$)?>,'$AUTHOR_EMAIL$'<?endif?>)"><img src="/player/play.png" border="0" alt="" /></div>

$AUTHOR_SITE$ - ссылка на .mp3 файл;

$AUTHOR_EMAIL$ - ссылка на обложку трека.

Скачать

Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!

Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.

Рекомендуем к просмотру

Вид материалов в 3 колонки для uCoz