Главная » Функционал » Нестандартные решения » Установка 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


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

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