Audio Player

Audio Player
Плеер имеет сходство с плеером всем известного сайта vk. Создан на базе uppod.

Установка:
1. Качаем файлы;
2. Папку Player заливаем в корень сайта;
3. На страницу Главная страница каталога файлов в теги head /head вставляем код:
Code
<link type="text/css" rel="StyleSheet" href="/Player/Player.css" />

4. Вид материалов код:
Code
<div id="player$ID$" class="player" style="display:none;">  
  <div class="bodyBottons title"style="background:#656260;padding:5px 10px;bottom:50px;" id="title"><b>$TITLE$</b></div>  
  <div class="bodyBottons"style="background:#656260;padding:0px;">  
  <font class="BottonClose south" style="float:right;" title="Закрыть" id="players_e$ID$"> </font>  
  <font class="BottonDownload south" style="float:right;" title="Скачать трек" id="download$ID$" onclick="location.href='$ENTRY_URL$'"></font>  
  <font class="BottonPrev south" title="Предыдущий трек" id="track_prev$ID$"></font>  
  <font class="BottonNext south" title="Следующий трек" id="track_next$ID$"></font>  
  <object type="application/x-shockwave-flash" data="/Player/uppod.swf" width="320" height="26"><param name="bgcolor" value="#ffffff" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="/Player/uppod.swf" /><param name="flashvars" value="scomment=$TITLE$&st=/Player/Player.style.txt&file=$AUTHOR_SITE$" /></object>  
  </div><script type="text/javascript">  
  /*!  
  * Audio Player  
  * by RAF (Google)  
  * skype: raf-1994  
  */  
  function go$ID$() {$('.title').animate({opacity: '0', bottom: '15px', display: 'none'}, 300);};$("#download$ID$, #players_e$ID$, #track_prev$ID$, #track_next$ID$").hover(function () {$(this).animate({opacity: '1'}, 300);},function () {$(this).animate({opacity: '0.2'}, 500);});$('#players_e$ID$').click(function() {$('#player$ID$').css('display','none');clearTimeout(timeoutId$ID$);});$('#players_c$ID$').click(function() {$('.player').css('display','none');$('#player$ID$').css('display','');timeoutId$ID$ = setTimeout(go$ID$, 5000);$('.title').animate({opacity: '1', bottom: '50px'}, 300);});$('#track_next$ID$').click(function() {$('#player$ID$').css('display','none');$('#player<? $ID$-1 ?>').css('display','');clearTimeout(timeoutId$ID$);timeoutId<? $ID$-1 ?> = setTimeout(go<? $ID$-1 ?>, 5000);$('.title').animate({opacity: '1', bottom: '50px'}, 300);});$('#track_prev$ID$').click(function() {$('#player$ID$').css('display','none');$('#player<? $ID$+1 ?>').css('display','');clearTimeout(timeoutId$ID$);timeoutId<? $ID$-1 ?> = setTimeout(go<? $ID$+1 ?>, 5000);$('.title').animate({opacity: '1', bottom: '50px'}, 300);});</script>  
  </div>

$AUTHOR_SITE$ - меняем на свой код (тут должна быть прямая ссылка на трек)
5. В кнопку где мы включаем id="players_c$ID$"

Примерно так:
Code
<font class="body_play" id="players_c$ID$" style="cursor:pointer;">PLAY</font>

Автор материала:
Логин на сайте:
Группа:
Дата входа:
О материале:
Дата добавления: 23.04.2012 в 19:33
Материал просмотрен: 792 раз
Оставлены: 0 комментария
Рейтинг материала По мнению пользователей
0.0
Поделиться
Комментарии
0 комментариев
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Онлайн никого нет

Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0