Приветствую Вас Гость | RSS

Музыкальный сайт

Понедельник, 19.11.2018, 01:38
Главная » Статьи » Мои статьи

Плеер для ucoz

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

Перед тем, как приступить к непосредственной установке плеера на сайт, хотелось бы немножко рассказать про сам плеер. Во-первых, это mp3 плеер для сайта.

Что в нем необычного и чем он отличается от других плееров для сайта?

1. Его можно разукрасить как вашей душе угодно. Сделать симпотичные кнопочки, разукрасить меню, а главное это можно выполнить в цветовой гамме вашего сайта.
2. Он прост в установке, тем более ниже я ее всю расписал ну очень-очень подробно.
3. С технической точки зрения он тоже крут. Он умеет проигрывать стока треков, сколько вы пожелаете, закачайте столько треков сколько у вас есть, хоть всю коллекцию битлз. Он умеет запоминать номер трека и позицию в треке во время переходов по сайту. 
Кроме этого в его функционале имеется режим повтора трека, проигрывание треков в случаной порядке и т.д.

Итак!
Приступим к установке mp3 плеера для ucoz.

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

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

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

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

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

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

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



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


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


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

Итак, как же все-таки выглядит установка плеера для сайта ucoz.

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

Качаем от сюда плеер для сайта 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 переходите во вторую часть настройки плеера.
Заполняете пункты меню согласно примеру на картинке.

Внимание: когда заполняете адрес сайта не ставьте в конце слэш /, плеер автоматически сам его поставит. Иначе у вас возникнут двойные слэши в коде.
Делайте как в примере: http://toppleer.ucoz.ru


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

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

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


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


3. Выбрав например Первый контейнер, как делал это я, вставьте тот код, который вы копировали с сайта playmju.ru в код этого контейнера.
Я его вставил прямо в самое начало, поэтому плеер на сайте находится сверху Меню.
Вообще код можно вставить куда угодно, например после статистики (пример на картинке) или после меню сайт.
Пробуйте и у вас все получится!

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

Ну вот мы и разобрались с плеером для сайта ucoz, слушайте и наслаждайтесь вашим mp3 плеером на сайте.


Внимание!!!

Нашелся баг связанный с некорректным отображением флэшек юкозом  в IE (Internet Explorer), а именно вместо флэшки ucoz делает окошко с рамкой, если у вас такое выявилось, то попробуйте в коде плеера в самом первом теге внутри object-a убрать параметры classid="....." и codebase=".....". Опытным путем проверено - помогает.
Если вы не смогли поставить плеер на ваш сайт по какой-либо причине и если вы хотите спросить совета по его установке, то вместе с описанием проблемы УКАЗЫВАЙТЕ АДРЕС СВОЕГО САЙТА, без этого я ничем не  смогу вам помочь.

Если вам пригодилась моя инструкция и вы хотите выразить благодарность в денежном эквиваленте, то ниже указаны номера кошельков, на который вы можете перевести вашу помощь, за что я вам буду искренне благодарен и с удовольствием выпью пива за ваше здоровье :)

Яндекс.Кошелек: 41001830969734
WMR: R190574259384
WMZ: Z213011084114
WME: E198836744488
Категория: Мои статьи | Добавил: Gougula (23.02.2010) | Автор: gougul
Просмотров: 86493 | Комментарии: 427 | Теги: плеер для сайта ucoz, плеер для сайта | Рейтинг: 4.5/34
Всего комментариев: 4241 2 3 ... 26 27 »
424 generaltoarmies  
Всё играет отлично http://svetanet.ucoz.ru/  . Я нубб и то разобрался. Радио поток взял здесь http://nevremya.narod.ru/transmission     tongue

423 psi-x  
а если у меня 200+ песен, я ж не бужду их всех в блокноте прописывать! Какой есть альтернативный вариант создать файл playlist.mpl?

422 Ник  
Вместо плеера пустое место!! что не так сделано????
сайт http://volga34.ucoz.net/
моя почта shtur2005@yandex.ru

421 Ник  
НЕ СТАВИЦЦА!!!Вставляю код, а плеера не видно!!!Помогите плиз!Хочу это плеер!

420 Gougula  
нет, нельзя.

419 opium  
Всем привет. У меня сайт радио на юкозе. Только проблема в том, что в файл Playlist указал ссылку на поток ( http://146.185.26.60:10346/stream.m3u - это сам поток в формате m3u) и не проигрывает. Может я не так что то сделал ?

416 Politicon1.at.ua  
Плеер пока ребята не ставили, потому не знаю один момент и хочу спросить.

1. Разве обязательно бросать плейлист в одну и ту же папку с плеером?
2. Можно ли создавать много плейлистов и с разными названиями?
3. Могут ли форумчане (кому разрешено) создавать свои плейлисты и загружать вместе со своим сообщением на форум, а потом в код ставить ссылку на этот плейлист? Будет ли играть?

418 Gougula  
1. не обязательно
2. можно, но вот только в плеер ты сможешь подтягивать только один. И если захочешь поменять, то каждый раз нужно залазить в код плеера и менять ссылки на плэйлист. Или получать заново код плеера через сайт.
3. Попробуй...не могу точно сказать smile

415 Politicon1.at.ua  
Общая ошибка при создании кода в форме на сайте плеера, это появление в адресе лишних слешев.

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

417 Gougula  
я кстати тоже ставил слэш в конце)

414 Politicon1.at.ua  
"Ты поставил - http://game-w0rlds.ucoz.ru//playmju/playlist.mp1. а надо http://game-w0rlds.ucoz.ru//playmju/playlist.mpl (вообщем вместо цифры один поставь латинскую l "

Неужели не видно. что после "ucoz.ru//" стоит лишний слеш? Как в первом варианте, так и во втором.

413 G-loading  
Все сделал по инструкции. Сайт только создаю,поэтому музыка первым делом.) Все сделал,но плеер не показывает. Находиться там же,где и на вашем сайте,но не видно. Когда в Панеле управления жму "просмотр файла" закачанного плеера(как в инструкции), то все играет,видно музыку и т.д. Но на самом сайте этого нет. Че делать-то? Можно отписать сюда и на почту? Адрес сайта: http://bld-records.clan.su/
Спасибо.

1-10 11-20 21-30 ... 251-260 261-264
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]