Рекламный блок
Меню сайта
Вход на сайт
Мини-чат
Статистика
Пользователи
Гости сайта
Audio Player 0.3
 |
Добавил: Initro
Категория: Каталог файлов
Просмотров: 404
Скачек: 0
|
Плеер имеет сходство с плеером всем известного сайта vk. Создан на базе Uppod API + Flash. Версия 0.3
В 0.3 версии:
- Реализовал идею Fakir'a : "Когда один трек допел воспроизводится следующий"
- Добавил кнопку STOP
- Убрал баг кнопок Play и Pause
Установка:
1. Качаем файлы:
2. Папку Player заливаем в корень сайта (Заменяем все файлы);
3. На страницу Главная страница каталога файлов в теги <head> </head> вставляем код:
Code
<link type="text/css" rel="StyleSheet" href="http://usite.su/img/Player/Player.css" />
<script type="text/javascript" src="http://usite.su/img/Player/Player.js"></script>
<script type="text/javascript" src="http://usite.su/img/Player/Player.js"></script>
4. После $BODY$ ставим:
Code
<script type="text/javascript" src="http://usite.su/img/Player/addons.js"></script>
5. Вид материалов код (в самый низ):
Code
<div id="Player$ID$" class="bodyBottons player"style="opacity:0.9;background:#656260;padding:0px;height:40px;">
<table border="0" cellpadding="0" cellspacing="0" width="400">
<tr>
<td>
<font class="BottonPrev" id="TrackPrev$ID$"></font>
</td><td >
<font id="Play$ID$" class="BottonPlay"></font>
<font id="Pause$ID$" class="BottonPause"></font>
</td><td>
<font id="Stop$ID$" class="BottonStop"></font>
</td><td>
<font class="BottonNext" id="TrackNext$ID$"></font>
</td>
<td style="padding-top:6px;">
<?if($RFILE_SIZE$)?><font style="float:right;padding-right:11px;color:#fff">
$RFILE_SIZE$ </font><?endif?><font style="font-size:8pt;padding-left:10px;color:#fff"><?if(len($TITLE$)>45)?><?substr($TITLE$,0,42)?>...<?else?>$TITLE$<?endif?></font>
<object style="bottom:2px;opacity:0.9;" name="SwfPlayer$ID$" id="SwfPlayer$ID$"
type="application/x-shockwave-flash" data="http://usite.su/img/Player/Player.swf" width="320" height="20"><param name="bgcolor" value="#ffffff" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="http://usite.su/img/Player/Player.swf" /><param name="flashvars" value="uid=$ID$&comment=$TITLE$&st=http://usite.su/img/Player/Player.style.txt&;file=$AUTHOR_SITE$" /></object>
</td>
<td style="padding-top:6px;">
<font class="BottonDownload" id="Download$ID$"
onclick="location.href='$ENTRY_URL$'"></font>
</td>
<td valign="top" style="padding-top:5px;">
<font class="BottonClose" id="PlayersClose$ID$"></font>
</td>
</tr>
</table>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="400">
<tr>
<td>
<font class="BottonPrev" id="TrackPrev$ID$"></font>
</td><td >
<font id="Play$ID$" class="BottonPlay"></font>
<font id="Pause$ID$" class="BottonPause"></font>
</td><td>
<font id="Stop$ID$" class="BottonStop"></font>
</td><td>
<font class="BottonNext" id="TrackNext$ID$"></font>
</td>
<td style="padding-top:6px;">
<?if($RFILE_SIZE$)?><font style="float:right;padding-right:11px;color:#fff">
$RFILE_SIZE$ </font><?endif?><font style="font-size:8pt;padding-left:10px;color:#fff"><?if(len($TITLE$)>45)?><?substr($TITLE$,0,42)?>...<?else?>$TITLE$<?endif?></font>
<object style="bottom:2px;opacity:0.9;" name="SwfPlayer$ID$" id="SwfPlayer$ID$"
type="application/x-shockwave-flash" data="http://usite.su/img/Player/Player.swf" width="320" height="20"><param name="bgcolor" value="#ffffff" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="http://usite.su/img/Player/Player.swf" /><param name="flashvars" value="uid=$ID$&comment=$TITLE$&st=http://usite.su/img/Player/Player.style.txt&;file=$AUTHOR_SITE$" /></object>
</td>
<td style="padding-top:6px;">
<font class="BottonDownload" id="Download$ID$"
onclick="location.href='$ENTRY_URL$'"></font>
</td>
<td valign="top" style="padding-top:5px;">
<font class="BottonClose" id="PlayersClose$ID$"></font>
</td>
</tr>
</table>
</div>
$RFILE_SIZE$ - меняем на свой код (тут должно быть время трека)
$AUTHOR_SITE$ - меняем на свой код (тут должна быть прямая ссылка на трек)
5. В кнопку где мы включаем onclick="$('.player').hide();$('#Player$ID$').show();"
У меня она выглядит так:
Code
<font class="body_play" onclick="$('.player').hide();$('#Player$ID$').show();" style="cursor:pointer;">PLAY</font>
Проверен в Opera, FireFox, Chrome, Chromium браузерах
Версия 0.3
Теги материала:
Источник:
Данный материал еще никто не комментировал. Вы можете сделать это первым!
| Всего комментариев: 0 | |
