Плеер похож на плеер вконтакте, дизайн можно ставить любой совершенно
И так начнем
1. в user_music.tpl
Данный код который есть в user_music.tpl
PHP:
{section name=music_loop loop=$musiclist}
{assign var='media_path' value="`$media_dir``$musiclist[music_loop].music_id`.`$musiclist[music_loop].music_ext`"}
<li id="seMusic_{$musiclist[music_loop].music_id}" class="seMusicRow">
<table cellpadding='0' cellspacing='0' class="seMusicRowInnerTable"><tr>
<td class="seMusicMove">
<img src="./images/music_move.png" class="seMusicMoveHandle" />
</td>
<td class="seMusicDeleteCheckbox">
<input type='checkbox' name='delete_music_{$musiclist[music_loop].music_id}' value='1' />
</td>
<td class="seMusicRowButton">
<object width="17" height="17" data="./images/music_button.swf?song_url={$media_path}" type="application/x-shockwave-flash">
<param value="./images/music_button.swf?song_url={$media_path}" name="movie" />
<img width="17" height="17" alt="" src="noflash.gif" />
</object>
</td>
<td class='seMusicRowTitle music_title' id="seMusicTitle_{$musiclist[music_loop].music_id}">
<span class="seMusicID" style="display:none;">{$musiclist[music_loop].music_id}</span>
<span class="seMusicTitle">{$musiclist[music_loop].music_title}</span>
<span class="seMusicTitleEditor" style="display:none;"><input type="text" class="text" style="width: 250px;"/></span>
<span class="seMusicTitleEdit"> (<a href="javascript:void(0);" onclick="SocialEngine.Music.editMusicTitle({$musiclist[music_loop].music_id});">{lang_print id=187}</a>)</span>
<span class="seMusicTitleSave" style="display:none;"> (<a href="javascript:void(0);" onclick="SocialEngine.Music.saveMusicTitle({$musiclist[music_loop].music_id});">{lang_print id=746}</a>)</span>
<span class="seMusicTitleCancel" style="display:none;"> (<a href="javascript:void(0);" onclick="SocialEngine.Music.cancelMusicTitle({$musiclist[music_loop].music_id});">{lang_print id=747}</a>)</span>
</td>
<td class="seMusicRowFilesize" align='center'>
{lang_sprintf id=4000049 1=$musiclist[music_loop].music_filesize}
</td>
<td class="seMusicRowActions" align='right' nowrap='nowrap'>
{* MUSIC DELETE *}
<span class="seMusicDelete"><a href="javascript:void(0);" onclick="SocialEngine.Music.deleteMusic({$musiclist[music_loop].music_id});">{lang_print id=155}</a> </span>
</td>
</tr></table>
</li>
{/section}
Заменить на :
PHP:
<div id="playlist">
{section name=music_loop loop=$musiclist}
{assign var='media_path' value="`$media_dir``$musiclist[music_loop].music_id`.`$musiclist[music_loop].music_ext`"}
{assign var='media_dir' value=$url->url_userdir($musiclist[music_loop].music_user_id)}
<div href="{$media_dir}{$musiclist[music_loop].music_id}.mp3" style="width: 400px;" class="item">
<div>
<div class="fr duration">--:--</div>
<div class="btn play"></div>
<div class="title"> {$musiclist[music_loop].music_title} </div>
</div>
<div class="player inactive"></div>
</div>
{/section}
</div>
в самом вверху перед {include file='header.tpl'}
Вставить
PHP:
{literal}
<link rel="Stylesheet" href="/drplayer.css" type="text/css" />
<script src="/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="/drplayer.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#playlist").playlist(
{
playerurl: "/swf/drplayer.swf"
}
);
});
</script>
{/literal}
Можно конечно рассортировать все по папочкам красиво оформить ссылки но это уже ваше дело
Скачиваем архив
View attachment Плеер.rar
Дополнительно: чтобы изменить стиль плеера
кнопки play и pause находятся в папке i/
Дизайн остальной части плеера прописан в js
PHP:
var settings = {
backgroundColor : 0xFFFFFF,
volumeBarWidth : 40,
progressBarWidth : 320,
barSpace : 20,
volumeBarColor : 0x555555,
volumeBarHeight : 1,
volumeSliderWidth : 10,
volumeSliderHeight : 5,
volumeSliderColor : 0x555555,
progressBarHeight : 1,
progressSliderWidth : 10,
progressSliderHeight : 5,
progressBarColor : 0x999999,
progressSliderColor : 0x555555,
bufferColor : 0x555555,
playerurl : "drplayer.swf"
}
Говорим спасибо!
p.s у кого получится вывести в профиль без конфликтов скажу спасибо, основная задача заключается в том чтобы шел переход на следующий трек
вот как вывел я
в profile.tpl
PHP:
{literal}<link rel="Stylesheet" href="/drplayer.css" type="text/css" />
<script src="/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="/drplayer.js" type="text/javascript"></script>
<script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function() { jQuery("#playlist").playlist(
{ playerurl: "/swf/drplayer.swf" } ); }); </script>{/literal}
идем в profile.php ставим код
// MUSIC ON PROFILE
if(isset($_POST['user'])) { $music_user_id = explode("?", $_POST['user']); } elseif(isset($_GET['user'])) { $music_user_id = explode("?", $_GET['user']); }
// CREATE MUSIC OBJECT
$music = new se_music($owner->user_info[user_id]);
$musiclist = $music->music_list();
перед include "footer.php"; ставим
$smarty->assign('task', $task);
$smarty->assign('musiclist', $musiclist);
