Question

Как сделать на свой сайт плеер (аудио) со своим плейлистом?

Answer 1

Возможно, что данный вопрос уже решен, но здесь он остается без ответа. Так вот, я постараюсь рассказать о том, как можно установить на сайт бесплатный MP3-плеер WebMinster WebPlayer.

WebMinster WebPlayer - это мощный MP3-плеер, основанный на Flash MX Macromedia. С помощью этого MP3-плеера можно воспроизводить MP3-файлы непосредственно c сайта.

Размер плеера (ширина)может быть любой задается в его коде при установке на страницу сайта.

Плеер может работать и с плей-листом. Т.е. он может воспроизводить только одну мелодию, а может проигрывать несколько мелодий, которые указаны в его плей-листе.

У этого плеера есть включаемые функции автозапуска и проигрывания по циклу. Если включить автозапуск, то плеер будет воспроизводить записи сразу, как только посетитель заходит на страницу, где он установлен.

Для начала надо скачать архив с файлами со страницы разработчика программы аудиоплеера http://www.webminster.org/webplayer

Затем следует разархивировать файлы в любую папку (куда удобно) на компьютере. Нам понадобятся: файл самого проигрывателя webplayer.swf, файл плей-листа playlist.xml и файл, содержащий ссылку на HTML код проигрывателя quickstart.html.

Загружаем на наш сайт файл плеера webplayer.swf и желаемые файлы аудиозаписей. Все аудиозаписи должны быть в формате mp3. Загрузить файлы можно любым удобным и доступным способом. Например (как один из вариантов) через админ-панель (Консоль) нашего сайта. В таком случае, заходим в консоль сайта и выбераем закладку "Медиафайлы". Затем нажимаем на "Добавить новый" и поочередно загружаем желаемые файлы. После загрузки желательно записать в Блокнот ссылки на загруженные файлы (ниже - поймете для чего).

Теперь будем учиться вставлять плеер куда нужно: на нужную страницу сайта или в сайдбар. Для этого необходим сам HTML код плеера. Этот код мы копируем со страницы, на которую попадаем, щелкнув по файлу quickstart.html (содержится в скачанном архиве). Сам код выглядит таким образом:

Вместо вставки "webplayer.swf" в двух местах вставляем ссылку на файл проигрывателя, уже закачанного на наш сайт (смотри выше - запись в блокноте). А вместо вставки "sound.mp3" вставляем ссылку на закачанную запись (также - из своего блокнота). Пример, как это выглядит для тестового сайта, смотрите ниже:

Корректировку HTML кода проще всего делать в обычной программе Блокнот. Если изменить высоту плеера на 16 вмест 64, то на нашей страничке появится плеер без дисплея. Если мы желаем, чтобы плеер автоматически начинал проигрывать записи, то заменяем значение "no" в параметре "autostart" на "yes". Для воспроизведения по кругу, указываем "yes" для параметра "loop". Все готово! Остается только вставить откорректированный HTML код плеера на страницу нашего сайта.

Важное замечание! Наименования аудиозаписей должны содержать только латинские буквы!