"Скоро научусь вставлять крутые плеера. С плейлистами и т.д."

Как то обмолвился у себя в блоге 21 Января 2009 года. Теперь вы понимаете, почему этот пост - это...

Долгожданное дополнение в

Хотите вместо "стандартного" музыкального плеера получить в ваш дневник примерно вот такой плеер?

Нет ничего проще! Прочитайте это сообщение и сделайте такой плеер себе!

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

Недавно уже писал про простой mp3-плеер для блога из комплекта программ Free Studio.
Там и есть тот плеер, который вы можете видеть или в начале поста, или у меня в дневнике в левой панели и профиле.

Про то, как сделать такой плеер самому и про его настройки можно прочитать тут. Плохо то, что это описание немного сложное, не совсем верное и не отвечает на многие вопросы. Поэтому решил описать этот плеер сам.

Часть 1. Плейлист
Вот мой плейлист, который находится в файле "http://rostislav.narod.ru/flash/playlist.txt"
Процитирую его полностью:

//m1.li.ru/b/7/mp3/3/26510/2651003_gosti_iz_budushego__za_zvezdoy.mp3|Гости из будущего - За звездой
//media.li.ru/c/1/mp3/3/33604/3360483_Del_fin__Lyubov__radio_edit.mp3|Дельфин - Любовь
//img1.liveinternet.ru/images/attach/c/1//3785/3785898_Zvuki_Mu__SHubaduba_blyuz.mp3|Звуки Му - Шуба-дуба блюз
http://files.getdropbox.com/u/1504158/Vse_eto-rok-n-roll.mp3|Всё это - рок'н'ролл!
//img1.liveinternet.ru/images/attach/c/1//3783/3783628_krasnaya_strela.mp3|Браво - Красная стрела
//m1.li.ru/b/0/mp3/1/34957/349571_09__Goluboy_angel.mp3|Гости из будущего - Голубой ангел
http://www.yapfiles.ru/get/10b412376187f54c0bf53b2b3449cae5/89140/593714a706a2d476d47bb692ed84b95a.mp3|Пикник - Я почти итальянец

Как вы видите, ничего сложного. Структура плейлиста очень простая:
«ссылка на mp3-файл»|«Название песни»
Сразу 2 примечания:
1. Название песни может отсутствовать.
2. mp3-файл может находится в любом месте интернета. Например у меня песни находятся в 3-х разных местах.

Ну, как? Пока не сложно? Не расслабляйтесь! Сложность будет расти!

Часть 2. Настройки
Настройки моего плеера находятся в файле "http://rostislav.narod.ru/flash/player.txt".
Его тоже процитирую полностью:

playlist=http://rostislav.narod.ru/flash/playlist.txt
width=230
height=75
volume=100
showlist=1
showvolume=1
showinfo=1
autoplay=0
loop=1
shuffle=0
loadingcolor=dddddd
bgcolor1=7e8282
bgcolor2=5b5e5e
bgcolor=7e8282
buttoncolor=ffffff
buttonovercolor=999999
slidercolor1=ffffff
slidercolor2=b0aca7
sliderovercolor=989a9a
textcolor=d9d9d9
playlistcolor=ffffff
playlistalpha=25
currentmp3color=ffffff
scrollbarcolor=d9d9d9
scrollbarovercolor=d9d9d9
showslider=1
showloading=always
showplaylistnumbers=1

Значения некоторые параметров

Параметры воспроизведения

playlist
Задает ссылку на плейлист (см. часть 1).

autoplay
Определяет, будет ли воспроизведение трека начинаться автоматически или нет.
Если установлено значение равное "1", то воспроизведение аудио начинается автоматически после загрузки веб-страницы, иначе (autoplay=0) проигрывание mp3 файла начинается после нажатия кнопки "Воспроизведение".

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

loop
Устанавливает циклическое воспроизведение трека.
Проигрывание будет зациклено при "loop=1".

volume
Задает первоначальный уровень звука. Допустимые значения данного параметра от 0 до 200.

Плеер имеет следующий вид:


Отображение или скрытие элементов и кнопок

showlist
Установите значение данного параметра равным "1", чтобы отображать плейлист (playist). В противном случае укажите "showlist=0".

showinfo
Установите значение данного параметра равным "1", чтобы кнопка "Информация" (info) отображалась на панели плеера. В противном случае укажите "showinfo=0".

showvolume
Установите значение данного параметра равным "1", чтобы кнопка "Уровень Громкости" (volume) отображалась на панели плеера. В противном случае укажите "showvolume=0".

showslider
Установите значение данного параметра равным "1", чтобы отображать панель плеера (ту часть, где находятся loading bar и seek bar), в противном случае укажите "showslider=0".

showloading
Задает режим отображения полосы загрузки (loading bar) текущего mp3 файла. Возможные значения данного параметра: "always" (отображать всегда), "autohide" (автоматически скрывать по завершению загрузки файла) или "never" (никогда не показывать).

showplaylistnumbers
Установите значение данного параметра равным "1", чтобы отображать порядковые номера треков в плейлисте. В противном случае укажите "showplaylistnumbers=0".

Параметры внешнего вида

loadingcolor
Задает цвет полосы загрузки.

bgcolor
Задает фон плеера.

bgcolor1
Задает первый (верхний) цвет фона плеера (в случае использования градиентной заливки).

bgcolor2
Задает второй (нижний) цвет фона плеера (в случае использования градиентной заливки).

buttoncolor
Задает цвет кнопок.

buttonovercolor
Задает цвет кнопок при наведении мыши.

slidercolor1
Задает первый (верхний) цвет градиентной заливки бегунка временной шкалы.

slidercolor2
Задает второй (нижний) цвет градиентной заливки бегунка временной шкалы.

sliderovercolor
Определяет цвет бегунка при наведении мыши.

textcolor
Задает цвет текста.

playlistcolor
Задает фон плеера.

playlistalpha
Задает прозрачность фона плеера. Возможные значения для данного параметра от 0 до 100.

currentmp3color
Задает цвет текущего трека.

scrollbarcolor
Задает цвет полосы прокрутки плейлиста.

scrollbarovercolor
Задает цвет полосы прокрутки при наведении мыши.

Ну как? Всё понятно? Проверим.
Таким образом, для нормальной работы плеера вам придётся создать 2 файла
1. Файл с настройками. Создаётся один раз. Внутри него указывается путь на файл плейлиста.
2. Плейлист. Меняется каждый раз, когда вы хотите добавить или удалить песню из вашего плеера. Должен находится в месте, которое вы указали в файле настроек.

Часть 3. Где разместить файлы плеера, настроек и плейлиста?
К моему величайшему сожалению, у этого плеера есть одно очень критическое ограничение: все 3 файла (сам плеер, файл настроек и плейлист) должны лежать на одном сайте. Что будет, если вы поступите иначе? Он просто не будет работать.

Например, можно все 3 файла выложить на ЛиРу:
http://img1.aliveinternet.ru/images/attach/c/1/3789/3789588_player_mp3_multi.swf - плеер
//img1.liveinternet.ru/images/attach/c/1/3789/3789593_player.txt - файл с настройками
//img1.liveinternet.ru/images/attach/c/1/3789/3789591_playlist.txt - плейлист

Долго мучил Гугл и своих знакомых, но пока отыскал всего 3 места, где возможно осуществить такое размещение файлов:
1. ЛиРу (как разместить файлы на ЛиРу).
Достоинство:
Для размещения файлов не надо регистрироваться на сторонних сайтах и/или ставить какое-то программное обеспечение.
Недостаток:
Загруженный файл нельзя редактировать, а можно только заменить. Каждый загруженный заново файл имеет новый адрес. Поясню.
1. Сначала вы грузите на ЛиРу файл с плейлистом.
2. Берёте его адрес и добавляете в файл настроек.
3. Грузите на ЛиРу файл настроек.
В случае изменения плейлиста, вам необходимо будет всё это повторить.

2. Народ.Ру (как разместить файлы на Народ.Ру, спасибо, Legionary!)
Достоинство:
Загруженный файл можно менять и/или редактировать. При этом его адрес в интернете не изменяется.
Недостаток:
Для загрузки файла вам придётся сначала зарегистрироваться на Yandex.Ru, потом каждый раз заходить туда.

3. DropBox.com (как разместить файлы на DropBox)
Достоинство:
Для размещения и/или редактирования файла не обязательно заходить на какой-то сайт, всё делается прямо у вас на компьютере.
Недостаток:
Необходимо зарегистрироваться на сайте и установить на компьютер специальное программное обеспечение.

Часть 4. Как разместить плеер в профиле и левой панели?
Конечно, для размещения кода плеера можно использовать приложение "Всегда под рукой". Но мне показалось это немного не логичным. Почему бы не создать специальное приложение, которое будет заменять панель "музыка" в профиле и левой панели?

И такое приложение было создано V.exeR! За что ему огромное спасибо! Оно так и называется "Музыкальный плеер". Его легко можно найти в каталоге приложений ЛиРу. Или просто пойти по этой ссылке:
http://www.liveinternet.ru/app/lirusound/.

Что это приложение делает?
Вы должны ему дать ссылки на файл плеера ("swf") и файл настроек ("txt"), а приложение само не только создаст плеер, но и разместит его у вас в профиле и левой панели блога. Вот вам файлы для проверки:
Файл плеера: http://rostislav.narod.ru/flash/player_mp3_multi.swf
Файл настроек: http://rostislav.narod.ru/flash/player.txt
Ну, как? Проверили? Получилось?

Примечание
Плеер и файл настроек должны находится на одном домене.
Например, если файл настроек загрузился на домен "img1.liveinternet.ru", надо использовать адрес плеера - "//img1.liveinternet.ru/images/attach/c/1/3789/3789588_player_mp3_multi.swf". А если файл настроек загрузился на домен "img0.liveinternet.ru", надо использовать адрес плеера - "//img0.liveinternet.ru/images/attach/c/9/4078/4078832_player_mp3_multi.swf".

И последнее примечание
Плейлист надо сохранять в кодировке UTF-8! Если вы этого не сделаете, то вместо русских букв будут "крякозябры".

Очевидно, что у многих останутся 2 вопроса:
1. Где брать прямые ссылки на mp3 файлы?
2. Как вставить такой плеера в эпиграф дневника?
Не волнуйтесь, скоро специально отвечу и на них.

P.S. Очень буду благодарен за цитирование этого поста. Поверьте, труда в него было вложено немало.

LI 5.09.15