Новые сообщения · Участники · Правила форума · Поиск · RSS

  • Страница 1 из 1
  • 1
Форум Ида-Вирумаа » Общий форум » Помошь для Web-мастеров. » Музыка (Раздел для сайтов Юкоз)
Музыка
Sergei Дата: Понедельник, 26.11.2012, 17:45 | Сообщение # 1
Администратор

Сообщений: 1489
Награды: « 10 »

 » Мужчина »  » Ida-Viru »

Каталог Файлов Настройки!



Не забываем поставить галочку поиска материала пользователя. И все галочки как на скрине ставить обязательно!

Сохраняем Все картинки и Яваскрипты себе! Я их постоянно перезаливаю и в скором времени могут у вас просто не работать!!!!!!

Если всё зделанно как описанно, всё должно работать! Вопроссы в Этой теме!

Каталог Файлов, вид материалов ставим

Code
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />

<script type="text/javascript" src="http://gestappo.com/player/playerAPI.js"></script>

<Style>

.bodyBottons {  
  background:#00adff;  
  color:#fff;  
  padding:0px;
  height:44px;
  border-radius:3px;  
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;  
  position:fixed;  
  bottom:-50px;  
  left:100px;  
  }  
   
.Poster{  
  background:#00adff;  
  border:1px solid #00adff;
  height:42px;
  width:44px;
  border-radius:3px;  
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;  
  position:fixed;  
  bottom:-50px;  
  left:44px;  
  }  

.BottonDownload {
padding:20px 5px;
background: url("/player/down.png") no-repeat center center ;
margin:0 6px 0 0;
cursor:pointer;
}
.BottonClose {
padding:5px;
background: url("/player/close.png") no-repeat top right;
margin:1px 1px 0 0;
cursor:pointer;
}
.BottonPrev {
padding:7px 5px;
background: url("/player/prev.png") no-repeat center center ;
margin:0 0 0 6px;
cursor:pointer;
opacity: 0.2;
}
.BottonNext {
padding:5px;
background: url("/player/next.png") no-repeat center center ;
margin:0;
cursor:pointer;
}
.BottonPlay {
padding:5px;
background: url("/player/play.png") no-repeat center center ;
margin:0 6px 0 6px;
cursor:pointer;
}
.BottonPause {
padding:5px;
background: url("/player/pause.png") no-repeat center center ;
margin:0 6px 0 6px;
cursor:pointer;
}
.BottonStop {
padding:5px;
background: url("/player/stop.png") no-repeat center center ;
margin:0 6px 0 0;
cursor:pointer;
}

.BottonAgain {
padding:5px 6px 5px 7px;
background: url("/player/again.png") no-repeat center center ;
margin:0 6px 0 0;
cursor:pointer;
}

.BottonDownload, .BottonClose, .BottonPrev, .BottonNext, .BottonPlay, .BottonPause, .BottonPause:hover, .BottonStop, .BottonAgain {opacity: 0.4;}
.BottonDownload:hover, .BottonClose:hover, .BottonPrev:hover, .BottonNext:hover, .BottonPlay:hover, .BottonPause:hover, .BottonPause:hover, .BottonStop:hover, .BottonAgain:hover {opacity: 1;}

</style>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td>

<?if($FILE_URL$)?>  

<hr>
<div id="myGrid" style="display: none;">
<div style="position: fixed; width: 100%; text-align: center; padding-top: 250px;"><img alt="" src="http://gestappo.com/player/i3.gif" width="220" border="0" height="19"></div></div>

<script type="text/javascript">function spages(p){if (1){document.location.href='http'+'://gestappo.com/load/0-'+p; return;}try{document.getElementById('myGrid').style.cssText = 'position:absolute; z-index:8; top:0;left:0; display:normal; background: url(\'http://s49.ucoz.net/img/fr/g.gif\'); text-align:center; width:'+document.body.scrollWidth+'px; height:'+document.body.scrollHeight+'px;';}catch(e){}_uPostForm('',{url:'http'+'://gestappo.com/load/0-'+p+'-'+Math.floor(Math.random()*1e8) });}</script>

<div id="allEntries">

<div id="entryID$ID$"><div id="myzik" class="musiclist">  

<div style="float: right;">
<?if($MODER_PANEL$)?>$MODER_PANEL$<?else?><a href="$ENTRY_URL$"><img src="http://gestappo.com/image/arrows_4_way_3439.png" border="0" title="Добавить к себе" /></a><?endif?>
</div>  

<div id="Player$ID$" onclick="Player('$TITLE$','$FILE_URL$','$ID$','$FILE_URL$')"><img style="cursor: pointer; margin-right: 5px;" src="http://gestappo.com/i_m_g_i_n_d_e_x/player_play_4537.png" align="left"></div> <span style="font-size: 10pt;"><a href="$ENTRY_URL$">$TITLE$</a>  
</span>

</div><div></div>

<?endif?>

<?if($AUTHOR_EMAIL$)?>  

<hr>
<div id="myGrid" style="display: none;">
<div style="position: fixed; width: 100%; text-align: center; padding-top: 250px;"><img alt="" src="http://gestappo.com/player/i3.gif" width="220" border="0" height="19"></div></div>

<script type="text/javascript">function spages(p){if (1){document.location.href='http'+'://gestappo.com/load/0-'+p; return;}try{document.getElementById('myGrid').style.cssText = 'position:absolute; z-index:8; top:0;left:0; display:normal; background: url(\'http://s49.ucoz.net/img/fr/g.gif\'); text-align:center; width:'+document.body.scrollWidth+'px; height:'+document.body.scrollHeight+'px;';}catch(e){}_uPostForm('',{url:'http'+'://gestappo.com/load/0-'+p+'-'+Math.floor(Math.random()*1e8) });}</script>

<div id="allEntries">

<div id="entryID$ID$"><div id="myzik" class="musiclist">  

<div style="float: right;">
<?if($MODER_PANEL$)?>$MODER_PANEL$<?else?><a href="$ENTRY_URL$"><img src="http://gestappo.com/image/arrows_4_way_3439.png" border="0" title="Добавить к себе" /></a><?endif?>

</div>  

<div id="Player$ID$" onclick="Player('$TITLE$','$AUTHOR_EMAIL$','$ID$','$AUTHOR_EMAIL$')"><img style="cursor: pointer; margin-right: 5px;" src="http://gestappo.com/i_m_g_i_n_d_e_x/player_play_4537.png" align="left"></div> <span style="font-size: 10pt;"><a href="$ENTRY_URL$">$TITLE$</a>  
</span>

</div><div></div>

<?endif?>

</td>

</tr></table>

<!--Загрузка плеера-->

<div id="SwfPlayerv" class="bodyBottons"></div>
<script>
var DownSTR = 0;
</script>
<script type="text/javascript" src="http://gestappo.com/player/addons.js"></script>

<!--/Загрузка плеера-->


Страница поиска и рейтинга материалов заменяем

Code
$BODY$


На

Code
<div id="aud">$BODY$</div>


Страница материала и комментов к нему Меняем часть Боди и вывода и показа уомментов на

Code
<!--BODY-->

<?if($FILE_URL$)?>  

<object type="application/x-shockwave-flash" data="http://ida.do.am/Progi/ump3player_500x70.swf" height="44" width="340"><param name="wmode" VALUE="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://ida.do.am/Progi/ump3player_500x70.swf" /><param name="FlashVars" value="way=$FILE_URL$&swf=http://ida.do.am/Progi/ump3player_500x70.swf&w=300&h=45&time_seconds=0&autoplay=0&q=&skin=white&volume=50&comment=$TITLE$" /></object>

<?endif?>

<?if($AUTHOR_EMAIL$)?>  

<object type="application/x-shockwave-flash" data="http://ida.do.am/Progi/ump3player_500x70.swf" height="44" width="340"><param name="wmode" VALUE="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://ida.do.am/Progi/ump3player_500x70.swf" /><param name="FlashVars" value="way=$AUTHOR_EMAIL$&swf=http://ida.do.am/Progi/ump3player_500x70.swf&w=300&h=45&time_seconds=0&autoplay=0&q=&skin=white&volume=50&comment=$TITLE$" /></object>

<?endif?>

</hr>

<?if($COM_IS_ACTIVE$)?>
<?if($COM_CAN_READ$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="60%" height="25"><!--<s5183>--><div style="color: rgb(125, 125, 125);">Всего отзывов<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></div></td>

<td width="25%" align="right" valign="top">$COM_PAGE_SELECTOR$</td></tr>
<tr><td colspan="2">$COM_BODY$</td></tr>

<tr><td width="25%" align="right" valign="top">$COM_PAGE_SELECTOR1$</td></tr>

<tr><td colspan="2" height="10"></td></tr>
</table>
<?endif?>

<?if($COM_CAN_ADD$)?>
$COM_ADD_FORM$
<?else?>
<?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>-->
[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?>
<?endif?>
<?endif?>

</td></tr>
</table>


Для вывода музыки на странице юзеров

Немного под себя диз подправляем, но смотрим, чтобы лишнего не удалить!!!!!! Иначе работать не будет!

Code

<!--AUDIO-->

<div class="block_wrap" style="margin-top: -1px;">
<div class="block_title"><div style="padding: 5px 7px;"><?if($USER_ID$=$_USER_ID$)?><a href="javascript://" onclick="uploadMusic();" style="float:right;">Загрузить</a><?else?><?endif?>
<div class="title-tab"><div class="tab"></div>
</div>

<?if($USER_ID$=$_USER_ID$)?>
<a href="$_LOAD_ACTIVITY_URL$">Музыка</a>
<?else?>
<a href="$HOME_PAGE_LINK$load/0-0-$_USER_ID$-0-17">Музыка $_NAME$</a>
<?endif?>

</div>
</div></div>

<div style="padding:5px;">

<?if($_LOAD_ENTRIES$)?>
<script type="text/javascript" src="http://gestappo.com/player/playerAPI.js"></script>
<div id="Audioblock" style="color: rgb(125, 125, 125);"><img src="http://gestappo.com/i_m_g_i_n_d_e_x/preloader_circle_16.gif" border="0" alt="" /></div>
<script>
$('#Audioblock').load('$_LOAD_ACTIVITY_URL$ #aud');
</script>
<a name="wallAdded"></a><?else?>

<div style="color: rgb(125, 125, 125);"><center>Аудиозаписей нет</center></div>

<?endif?>

<div id="SwfPlayerv" class="bodyBottons"></div>
<script>  
var DownSTR = 0;
</script>  
<script type="text/javascript" src="http://gestappo.com/player/addons.js"></script>
</div>

</div>

<br>


Внизу ставим скрипт добавления Музы

Code

<!--Добавление музыки в Аякс-->

<script type="text/javascript">
function uploadMusic () {
new _uWnd('upMusic', 'Загрузка аудиофайла', 300, 200, {align: 'left', oncontent: function(){ $.get("/load/0-0-0-0-1", function(s){ $("#musicSSID").val($("input[name='ssid']", s).val()); }) }}, '<form method="post" id="addEntForm" style="margin:0px" name="addform" enctype="multipart/form-data" action="/load/" onsubmit="postMusic();return false;"><input type="hidden" name="jkd498" value="1"><input type="hidden" name="jkd428" value="1"><fieldset><legend>Загрузка .mp3 файла</legend><input type="file" id="typeFile1" name="file" style="width:230;"><input type="text" name="llink" maxlength="245" id="typeFile2" disabled="1" style="width:80%;display:none"></fieldset><fieldset><legend>Название исполнителя</legend><input type="text" value="неизвестный исполнитель" onblur="if(this.value==\'\') this.value=\'неизвестный исполнитель\';" onfocus="if(this.value==\'неизвестный исполнитель\') this.value=\'\';" style="width:100%;" title="Вы можете ввести название песни и исполнителя" name="title" maxlength="140"><sup><br>Пример: Kato feat. John - Turn the Lights Off </sup><input type="hidden" name="ocat" value="1" /><input type="hidden" name="a" value="12" /><input type="hidden" id="musicSSID" name="ssid" value="" /><br><br><center><input type="submit" value="Загрузить"><img src="http://gestappo.com/i_m_g_i_n_d_e_x/preloader_circle_16.gif" id="statImgUpl" align="absmiddle" border="0" style="display: none"></center></fieldset></form>');
}
function typeUploadMusic (){
if ($("#typeUplMusc").is(":checked")) {
$("#typeFile1").attr("disabled", true).hide();
$("#typeFile2").attr("disabled", false).show();
}
else {
$("#typeFile1").attr("disabled", false).show();
$("#typeFile2").attr("disabled", true).hide();
}
}
function postMusic () {
if ($("#typeFile1").val() || $("#typeFile2").val()) {
$("#statImgUpl").show().attr("src", "http://gestappo.com/i_m_g_i_n_d_e_x/preloader_circle_16.gif");

_uPostForm('addEntForm', {url: '/load/', success: function (re) {

if($(re).text().indexOf("Материал успешно добавлен") != -1) {$("#statImgUpl").attr("src", "http://gestappo.com/image/yes_9757.png"); setTimeout(function(){location.reload();},2000); }
else { alert($(re).text());$("#statImgUpl").show().attr("src", "http://gestappo.com/image/remove_7502.png");setTimeout(function(){$("#statImgUpl").hide(); }, 3000);}
}});
}
else {
$("#statImgUpl").show().attr("src", "http://gestappo.com/image/remove_7502.png"); alert('Выберите файл для загрузки.');setTimeout(function(){$("#statImgUpl").hide(); }, 3000);
}
}
</script>

<!--/Добавление музыки в Аякс-->


Тот, кто спрашивает, выглядит дураком всего пять минут.
Тот, кто этого не делает, остается дураком на всю жизнь.



Заслуги За 

создание сайта Медалька за 10 сообщений Медалька за 25 сообщени Медалька за 50 сообщений Медалька за 100 сообщений Медалька за за 500 сообщений Медалька за 1000 сообщений

 



Sergei Дата: Понедельник, 26.11.2012, 17:51 | Сообщение # 2
Администратор

Сообщений: 1489
Награды: « 10 »

 » Мужчина »  » Ida-Viru »

Цвет плеера здесь не изменить! Плеер созданн по конструктору! И для замены цвета надо создавать заного и соответственно представлять понимание как весь этот модуль работает! Если не знаете, лучше не пробывать. Где собирался плеер? Смотрите код! И кода Яваскрниптов. поймёте!

Данный скрипт при проигрывании трека, автоматически начинает проигрывать следущий по списку! Таким образом проигрывая без остановки все треки юзера, как сделано во всех нормальных соц сетях. при Get загрузки страниц(А об этом позже) Будет мулька, что при переходе на новую страницу музыка так и продолжит играть!!


Короче как то так


Тот, кто спрашивает, выглядит дураком всего пять минут.
Тот, кто этого не делает, остается дураком на всю жизнь.



Заслуги За 

создание сайта Медалька за 10 сообщений Медалька за 25 сообщени Медалька за 50 сообщений Медалька за 100 сообщений Медалька за за 500 сообщений Медалька за 1000 сообщений

 



Sergei Дата: Понедельник, 26.11.2012, 19:57 | Сообщение # 3
Администратор

Сообщений: 1489
Награды: « 10 »

 » Мужчина »  » Ida-Viru »

Создаём в корне папку player и заливаем туда все файлы из архива!!!
Прикрепления: player.rar (179.8 Kb)


Тот, кто спрашивает, выглядит дураком всего пять минут.
Тот, кто этого не делает, остается дураком на всю жизнь.



Заслуги За 

создание сайта Медалька за 10 сообщений Медалька за 25 сообщени Медалька за 50 сообщений Медалька за 100 сообщений Медалька за за 500 сообщений Медалька за 1000 сообщений

 



Форум Ида-Вирумаа » Общий форум » Помошь для Web-мастеров. » Музыка (Раздел для сайтов Юкоз)
  • Страница 1 из 1
  • 1
Поиск:

Новые сообщения · Участники · Правила форума · Поиск · RSS

Наш Опрос

Облако Тегов

Страховка

Support

  • Обратная связь
  • Рекламадателю
  • F.A.Q.