-Метки

baddy riche bmw bond georgia o'keeffe keiko matsui mariah carey mr_freeman Браслет а.кочетков аквариум африканские художники (танзания) бабочки балет велемир_хлебников видео видеоклип видеоролик виджет вселенная вязание генераторы гераклит голубое дети дождя дневник древние и нло женщина зеркало изучения иллюзии иллюстрации интервью искусство история клава клипарт клоун конвертер куклы лунный свет миров музыка музыкальные_дороги мульт наблюдашки назад не юмор не_юмор николай блохин цветы и натюрморты о_войне оформление палитра пикник питер плеер поисковик_музыки поисковики поэт природа притча прозрачные разные рамки раммштайн рина з. котизм россия русы санкт-петербург санскрит - русский язык саша бес сказоч-ник скульптор арсен аветисян. снежинки соловей ссылки стихи сурганова_и_оркестр схемы таблица текст тексты украина уроки флеш флешка фоны формулы фото фоторедакторы фотошоп хоронько-оркестр художник цветы цивилизация человек чужих шарики шахматы шелк юмор

 -Цитатник

Шарфик волан - (0)

Шарфик                ...

Ганзейский рыбацкий свитер: история возникновения и особенности вязания - (0)

Ганзейский рыбацкий свитер: история возникновения и особенности вязания Для начала ...

спицами эффект *клоке* - (0)

Как научиться вязать спицами эффект *клоке* Достаточно простые прие...

Лица, как иконы...Российский художник Андрей Ремнев - (0)

Лица, как иконы...Российский художник Андрей Ремнев / Andrey Remnev      ...

Современные русские художники. Андрей Ремнев - (0)

Современные русские художники. Андрей Ремнев   Современные русские художники. ...

 -Приложения

  • ТоррНАДО - торрент-трекер для блоговТоррНАДО - торрент-трекер для блогов
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Музыкальный плеер

 -Всегда под рукой

 -ТоррНАДО - торрент-трекер для блогов

 -Поиск по дневнику

Поиск сообщений в Совалена

 -Сообщества

Читатель сообществ (Всего в списке: 3) Наши_схемы Creative_world WiseAdvice

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 02.03.2010
Записей:
Комментариев:
Написано: 724


Плеер mp3

Четверг, 03 Июня 2010 г. 13:01 + в цитатник
Цитата сообщения Rost

MP3 плеер для вашего блога на ЛиРу

 

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

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


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

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

Недавно уже писал про простой 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=225
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.

Плеер имеет следующий вид:
 (420x284, 14Kb)

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

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 файла выложить на ЛиРу:
//img1.liveinternet.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.aliveinternet.ru/app/lirusound/.

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

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

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

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

LI 5.09.15

Серия сообщений "полезности":
Часть 1 - учебник пр ли.ру
Часть 2 - Полезные ссылки для оформления блога
...
Часть 5 - 13 сервисов для обработки фото
Часть 6 - Врезка в пост - плеера
Часть 7 - Плеер mp3
Часть 8 - телеканалы ON-LAIN
Часть 9 - Как убрать вирус баннер с рабочего стола компьютера
...
Часть 46 - Транслируем блоги с ЛиРу на... (часть 2).
Часть 47 - ссылки
Часть 48 - спицами эффект *клоке*

Рубрики:  оформление
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку