"Скоро научусь вставлять крутые плеера. С плейлистами и т.д."
Как то обмолвился у себя в блоге 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".
Его тоже процитирую полностью:
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 места, где возможно осуществить такое размещение файлов: 1. ЛиРу (как разместить файлы на ЛиРу). Достоинство:
Для размещения файлов не надо регистрироваться на сторонних сайтах и/или ставить какое-то программное обеспечение. Недостаток:
Загруженный файл нельзя редактировать, а можно только заменить. Каждый загруженный заново файл имеет новый адрес. Поясню.
1. Сначала вы грузите на ЛиРу файл с плейлистом.
2. Берёте его адрес и добавляете в файл настроек.
3. Грузите на ЛиРу файл настроек.
В случае изменения плейлиста, вам необходимо будет всё это повторить.
2. Народ.Ру (как разместить файлы на Народ.Ру, спасибо, Legionary!) Достоинство:
Загруженный файл можно менять и/или редактировать. При этом его адрес в интернете не изменяется. Недостаток:
Для загрузки файла вам придётся сначала зарегистрироваться на Yandex.Ru, потом каждый раз заходить туда.
3. DropBox.com (как разместить файлы на DropBox) Достоинство:
Для размещения и/или редактирования файла не обязательно заходить на какой-то сайт, всё делается прямо у вас на компьютере. Недостаток:
Необходимо зарегистрироваться на сайте и установить на компьютер специальное программное обеспечение.
Часть 4. Как разместить плеер в профиле и левой панели?
Конечно, для размещения кода плеера можно использовать приложение "Всегда под рукой". Но мне показалось это немного не логичным. Почему бы не создать специальное приложение, которое будет заменять панель "музыка" в профиле и левой панели?
Что это приложение делает?
Вы должны ему дать ссылки на файл плеера ("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! Если вы этого не сделаете, то вместо русских букв будут "крякозябры".