Главная » Функционал » Нестандартные решения » Установка mju-плеера на сайт системы uCoz

Установка mju-плеера на сайт системы uCoz

24.02.2010 в 15:17
Автор: Gougula

Поэтапная установка Мью-плеера (mjuChrono) на сайтах системы UCOZ



За пример был взят сайт toppleer.ucoz.ru


На данном сайте плеер установлен так, что:

- на всех страницах сайта треки в плейлисте одинаковы;

- плеер запоминает номер трека и позицию в треке, чтобы при переходе по страницам сайта вы продолжали, а
не начинали слушать заново одно и то же.



Вводный раздел или как войти в админскую панель на ucoz-e (чисто для тех, кто забыл :)



Вход на ваш сайт в качестве администратора:


- необходимо ввести свой e-mail и пароль uNet профиля в форме входа на сайте.



Вход в панель управления сайта:


- нажмите на ваш никнейм, появится окошко с информацией о пользователе;






- в пункте Общее выбрать Вход в панель управления;




- в открывшемся окошке ввести пароль администратора Вебтопа, ну и конечно код безопасности.






Непосредственная установка плеера на ваш сайт




Закачка плеера с сайта разработчиков playmju.ru



Качаем от сюда playmju.ru/download плеер mjuChrono или
mjuChrono optimal.

Сохраняем скаченную папку на компе.

Составление и редактирование плейлиста



1. Вопрос от куда брать музыку? Проще всего закачать нужные вам треки на ваш сайт с своего
компьютера.



2. Как закачать на сайт треки?



- Войдя в панель управления вашего сайта, необходимо зайти в файловый менеджер;





- Далее выбирайте нужную вам песню на компе и загружайте ее на ваш сайт, удобнее
будет под это создать отдельную папку (как видно из рисунка, я создал папку playmju и загрузил туда
5 треков исполнителя Armin van Buuren);






3. Далее действуем по инструкции playmju.ru/setup и
составляем плейлист из наших закаченных на сайт треков.




- Открываем закаченную ранее на комп папку с плеером, видим файл playlist в формате
.mpl, открываем его в блокноте, notepad или в другом текстовом редакторе и редактируем
плейлист
;


Пример:


Т.к. мы вставляем композиции, а не радио, то наш плейлист (из 5 треков) составляется по этому
принципу:



  • <track artist="Исполнитель" title="Название" url="ссылка на mp3" />


Наш пример:


  • <track artist="Armin van Buuren" title="Wall of Sound" url="http://toppleer.ucoz.ru/playmju/01-Wall_of_Sound-feat-Justine_Suissa-.mp3" />


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





Итак, мы получаем список из 5 треков:
  • <track artist="Armin van Buuren" title="Wall of Sound" url="http://toppleer.ucoz.ru/playmju/01-Wall_of_Sound-feat-Justine_Suissa-.mp3" />
  • <track artist="Armin van Buuren" title="Empty State" url="http://toppleer.ucoz.ru/playmju/02-Empty_State-feat-Mic_Burns-.mp3" />
  • <track artist="Armin van Buuren" title="Shivers" url="http://toppleer.ucoz.ru/playmju/03-Shivers.mp3" />
  • <track artist="Armin van Buuren" title="Golddigger" url="http://toppleer.ucoz.ru/playmju/04-Golddigger-feat-Martijn_Hagens-.mp3" />
  • <track artist="Armin van Buuren" title="Zocalo" url="http://toppleer.ucoz.ru/playmju/05-Zocalo-feat-Gabriel_Dresden-.mp3" />


- После редактирования файла playlist.mpl, не забудьте его пересохранить;



- Далее вам необходимо сохранить на вашем сайте на ucoz файл с плейлистом (playlist.mpl) и файл
с плеером (mju.swf)
, который хранится в той же папке на вашем компе.




Настройка и разукрашивание плеера



1. На сайте playmju.ru/setup переходите во вторую часть
настройки плеера
.

Заполняете пункты меню согласно примеру на картинке.




2. В 3-ем разделе отметьте нужные вам меню (совет: не меняйте защиту от кеширования плейлиста и
использование unicode-кодировки).

3. В 4-ом разделе выбирайте цвет плеера и кнопок по вашему усмотрению. Тут советов не даю, на вкус
и цвет...как говорится.

4. В 5-ом разделе скопируйте полученный код.


Последнии настройки на вашем сайте



1. В панеле управления сайтом войдите в меню Управление дизайном.




2. Далее зайдите в Первый контейнер, если вы хотите, чтобы плеер распологался в другом месте на
сайте, то выбирайте соответствующий ему контейнер.




3. Выбрав например Первый контейнер, как делал это я, вставьте тот код, который вы
копировали с сайта playmju.ru в код этого контейнера.

Я его вставил прямо в самое начала, поэтому плеер находится сверху Меню сайта.

Вообще код можно вставить куда угодно, например после статистики (пример на картинке) или после
меню сайт.
Пробуйте и у вас все получится!





4. Для последующего редактирования плейлистов, Вам просто необходимо изменять содержимое файла
playlist.mpl, по тому же приниципу как и ранее, просто редактировать в текстовом редакторе и заново
сохранять в Файловом менеджере в панеле управления вашего сайта.

MJU, mju плеер, Плеер, плеер на сайт, установка плеера, Музыка


Рейтинг: 2  (помогла ли Вам эта инструкция: да / нет)          Просмотров: 14556          Комментариев: 4

Похожие инструкции

30.06.2014 в 23:10      0  

Код
<object width="150" height="150" id="mju"><param name="allowScriptAccess" value="sameDomain" /><param name="swLiveConnect" value="true" /><param name="movie" value="http://industria.ucoz.com//http://industria.ucoz.com/Pleer_mjuChrono/mju.swf" /><param name="flashvars" value="playlist=http://industria.ucoz.com//http://industria.ucoz.com/Pleer_mjuChrono/playlist.mpl&auto_run=0&repeat=1&shuffle=1&anti_cache=1&tt=000000" /><param name="loop" value="false" /><param name="menu" value="false" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><embed src="http://industria.ucoz.com//http://industria.ucoz.com/Pleer_mjuChrono/mju.swf" flashvars="playlist=http://industria.ucoz.com//http://industria.ucoz.com/Pleer_mjuChrono/playlist.mpl&auto_run=0&repeat=1&shuffle=1&anti_cache=1&tt=000000" loop="false" menu="false" quality="high" wmode="transparent" bgcolor="#000000" width="150" height="150" name="mju" allowScriptAccess="sameDomain" swLiveConnect="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
 Нечего не происходит crazy
10.10.2012 в 15:10      0  

спасибо очень помогло. Но возник другой вопрос, как сделать так, чтобы если уходишь с главной страницы музыка не прерывалась?

Normah

Спам
28.02.2012 в 07:15      0  

I rellay needed to find this info, thank God!

Sezardt

Спам
07.02.2012 в 14:41      0  

Эх, это всё нудное дело! Что бы добавить новую музыку надо добираться до всех разделов, заходить в код этого плеера создавать там еще строчки с сылками что бы воспроизводился плеер. А вот было бы как на многих удобных сайтах. Загружать сайт непосредственно с сайта и при том всеми пользователями. Например есть сайты хип-хоп батлов и так далее. Как раз таки туда и желательно сделать такой скрипт который бы позволил им музыку загружать непосредственно на сайт с последующим онлайн прослушиванием=)