Приветствую Вас, Гость | RSS
Воскресенье, 12.05.2024, 03:06
Главная » Файлы » uCoz » Скрипты

Audio Player
22.04.2012, 22:37
Плеер имеет сходство с плеером всем известного сайта 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>
Категория: Скрипты | Добавил: FoGame
Просмотров: 703 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Copyright MyCorp © 2024 |