Предлагаю вам еще один плеер в блог :  

В чем его плюс? В том что это:

1. Плеер с плейлистом.  Но для него не нужно никаих дополнительных файлов. И в блог ЛиРу его можно встравить просто так - будет играть несколько файлов. Достаточно иметь прямые ссылки (URL) mp3  файлов.

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

2. Плеер понимает русские буквы. Т.е. можно в плейлисте указать русское название песни и/или автора - и работает :)

3. Плеер можно настроить в желаемой цветовой схеме. Натсроек целых 18... правда и настраивать его довольно долго. Поэтому можно выбрать одну из готовых цветовых схем.

4. Самому собирать код плеера не нужно. Можно воспользоваться скриптом, который сам соберет код. Вам нужно лишь определиться с тем какие mp3 файлы вам нужны в плеере, и воспользоваться конструктором http://www.favormusic.ru/generator_ru.html , а потом просто скопировать полученный код себе в блог.

5. Плеер помнит свое текущее состояние, поэтому при переходе со страницы на страницу корректно продолжает играть.

На странице конструктора есть инструкция, но я напишу подробнее, с пошаговым примером.

Для примера я взял 3 композиции, заранее залью их на ЛиРу:

Ва-банк - Я без тебя - img1.liveinternet.ru/images/attach/c/0//3735/3735434_baletvabankya_bez_tebya.mp3
he Bad Touch- The Bloodhound Gang - http://img1.liveinternet.ru/images/attach/c/1//3781/3781722_bloodhound_gang__the_bad_touch.mp3
Hit The Road, Jack - Ray Charles - http://img0.liveinternet.ru/images/attach/c/1//3784/3784442_ray_charles__hit_the_road_jack_.mp3

Но вы можете воспользоваться любым муз. файлом - достаточно того чтобы у него был прямой URL.
(О прямых ссылках на файлы и о том как их получить можно почитать вот тут:  http://www.aliveinternet.ru/post127898103/ ).

1. Собираем плейлист.

Заходим на страницу конструктора, и по одному вводим каждую композицию (название, автора или исполнителя, и адрес файла).
Вводим первую композицию, нажимаем кнопку "Добавить в плейлист"; вводимв вторую, опять назимаем кнопку  "Добавить в плейлист", вводим 3-ю и опять жмем "Добавить в плейлист". Чуть ниже отображается то что находится в плейлисте на текущий момент.

Если при вводе допущена ошибка - можно очистить плейлист и начать с начала - для этого есть кнопка "Очистить плейлист"; но лучше сразу вводить акуратно, т.к. кнопка ситрает все, и придется вводить все с начала.

После того как все нужные композиции занесены в плейлист, можно заняться цветовыми схемами.

 

2. Настравиваем  цвета плеера.

Есть готовые цветовые схемы (пока их немного, но надеюсь будет больше). Просто выбираем подходящую и жмем справа от нее на кнопку "Выбрать". Хотя можно этого и не делать: по умолчаниюактивна схема №1 - та что использована в плеере в заголовке. 
 

Если ни одна схема не подходит - то можно самому выбрать цвета плеера. Жму "Своя настройка цветовой схемы " - разворачивается конструктор цветовых схем. Тут можно поставить свои цвета, но есть нюанс: после того как вы введете код цвета следует нажать рядом кнопочку "Установить цвет". По нажатиии кнопки скрип проверит верность ввода цвета и окрасит в него проверочное поле. Если кнопку не нажать - скрипт не поймет введенный цвет.
Это сделано для того чтобы вы могли менять цвета, подбирать их под дизайн своего блога независимо от плейлиста, и в случае чего изменить один или насколько цветов без того чтобы набирать плейлист заново.
Ввести нужно все цвета. Коды цветов можно найти в сети; на странице есть ссылка на более-менее удобную таблицу цветов.

Устанавливаем желаемые цвета, и после этого нажимаем кнопку "Установить выбранную схему цветов" - только после этого выбранная схема станет активной. Если эту кнопку не нажать - ее скрипт просто не воспримет.

3. Смотрим результат и получаем код.

Для этого служит кнопка "Посмотреть результат и получить код для вставки". Откроется окошко, в котором вы увидете собранный вами плеер, в т.ч. и собранный вами плейлист и цветовую схему плейлиста; а так же код этого плеера для вставки в блог.

Если что-то вас не устраивает - просто закройте окошко, при этом в основном окне конструктора ничего не потеряется. Вы сможете довести  цветовую схему до желаемой, добавить в плейлист композиции или же набрать плейлист заново. Когда все готово - опять жмите  "Установить выбранную схему цветов" (если вы вносили изменения в цветовую схему)  и "Посмотреть результат и получить код для вставки".

Когда плейлист и цвета плеера вас устроят - просто скопируйте код плеера и вставьте его в свой блог.
Разумеется, для ЛиРушного блога нужно копировать код в поле "Код для ЛиРу", для ЖЖ и других блогов следует копировать код из поля "Код для HTML".
"Код для HTML" годится для автономных блогов, страниц на HTML.... ну и может быть еще для каких-то блогов, которые понимают  HTML.

4. Последние  штрихи.

Стндартная высота плеера установлена в 247; но вы можете руками изменить это значение. Я рекомендую ставить не меньше чем 87, но вы можете сами пожкспериментировать с высотой плеера.
Если хотите чтобы все композиции были видны - установите высоту так: количество композиций умножить на 20 плюс 27; т.е. для моих 3-х композиций я поставил 3х20+27=87.
 

Плеер имеет свою память. Поэтому если Вы его, например, разместите в шаплке блога, то при переходе по вашим страницам плеер будет продолжать играть (так же как и "Музыка" в боковой панели блога. Разница лишь в том что будут видны играемые композиции, и можно  будет переходить с одной на другую как вам захочется, а не проматывая по одной. Плюс цвет можно ствой поставить.

5. Добавить цветовую схему на страницу конструктора

Если у вас вышла удачная цветовая схема и вы хотите чтобы я ее добавил на страницу конструктора .... тогда вашей схемой смогут воспользоваться другие блоггеры. И Вы сами в следующий раз :)
Для этого надо отправить мне схему. Проще всего отправить мне ЛС или емейл со ссылкой на уже собранный плеер с вашей цветовой схемой, и я сам разберусь где там  коды цвета и как их добавить на страницу конструктора.
Мой емейл указан на странице конструктора.
Автораство схем укажу там же, рядом с Вашей схемой.

Предлагаю Вашему вниманию еще  4 мр3-плеера  для Вашего блога, а также простой в использовании генератор кода для плеера с плейлистом.

I. Плеер с плейлистом dewplayer-playlist.
Возможно, наиболее интересный плеер из линейки dewplayer.

Плюсы: интересный дизайн, возможность организовать плейлист без использования xml или txt файла, имеется генератор кода для вставки, умеет проигрывать мр3 файлы которые.находятся на разных сайтах.
Минусы: не поддерживает русские буквы. Проигрывает не все мр3 файлы (но те файлы которые умеет играть стандартный лирушный плеер - наверняка воспроизведутся).
Код для вставки можно получить тут: http://www.favormusic.ru/generator.htm

Устанавливаем плеер себе в пост.

В качестве примера я использую 3 файла:
http://img0.liveinternet.ru/images/attach/c/1//3796/3796919_bizet__carmen_suite_no.mp3 
http://img0.liveinternet.ru/images/attach/c/1//3796/3796920_brahms__hungarian_dance_no.mp3
http://img0.liveinternet.ru/images/attach/c/1//3796/3796921_dukas__the_sorcerers_apprentice.mp3
и 3 строки, которые будут служить заголовками в плейлисте:
bizet - carmen suite
brahms - hungarian dance
dukas - the sorcerers apprentice
(Обратите внимание: пробелы и дефис отображаются вполне корректно)
 

1. Заходим на страницу генератора кода http://www.favormusic.ru/generator.htm.

2.Вводим в поле “Введите полный URL файла (включая http://)” полный адрес mp3 файла вида http://www.site.dz/misic/mp3/song.mp3/
(как получить прямую ссылку для mp3 файла - читаем тут --> http://www.aliveinternet.ru/post127898103/ ).
В нашем примере я в это поле ввожу строку
http://img0.liveinternet.ru/images/attach/c/1//3796/3796919_bizet__carmen_suite_no.mp3  

Следует принять к сведению что некоторые мр3 файлы плеер проиграть не может (видимо файлы с переменным битрейтом).
Как проверить: те мр3, которые проигрывает стандартный лирушный плеер (или любой флеш-плеер на любом сайте), и здесь корректно воспроизведутся.
Но файл из примера я проверил заранее - он будет корректно воспроизводиться.

3. Вводим в поле “Введите строку title” тот текст, который будет отображаться в плейлисте.

В нашем примере я в это поле ввожу строку
bizet - carmen suite

Следует принять к сведению: русские буквы не отображаются, и это серьезный минус. Постараемся в будущем это исправить.

4. Нажимаем кнопку “Получить код”.
Страница сгенерирует код , котрый будет выведен в полях “Код для вставки - ЛиРу” и “Код для вставки - ЖЖ”.
Это уже готовый код, который можно использовать в Вашем блоге.
Если Вы хотите добавить еще одну композицию - Обратите внимание что поля “Введите полный URL файла (включая http://)” и “Введите строку title” очистились.
Да - это приглашение повторить пункты 1,2 и 3 - скрипт добавит в готовый код еще один трек. И еще один. И еще один…
Столько сколько Вам требуется.

Сейчас меня интересует только код для ЛиРу, и я хочу добавить еще 2 композиции.

Поэтому в очистевшееся поле "Введите полный URL файла (включая http://)" я ввожу
http://img0.liveinternet.ru/images/attach/c/1//3796/3796920_brahms__hungarian_dance_no.mp3
А в очистевшееся поле "Введите строку title (без русских букв)" я ввожу
brahms - hungarian dance

Жму кнопку "Получить код" - опять нужные мне поля освободились (а в код уже включено две композиции). Но я хочу три, и поэтому в очистевшееся поле "Введите полный URL файла (включая http://)" я ввожу
http://img0.liveinternet.ru/images/attach/c/1//3796/3796921_dukas__the_sorcerers_apprentice.mp3
а в очистевшееся поле "Введите строку title (без русских букв)" я ввожу
dukas - the sorcerers apprentice

Жму "Получить код" - вот теперь в строке "Код для вставки - ЛиРу" находится именно тот код который мне нужен.

5. С помощью комбинаций Ctrl-a и Сtrl-c копируете полученный код и вставляете его себе в блог.
Поскольку он длинный - намного длиннее чем отображаемое поле - я навожу на него курсор и нажимаю 2 комбинации: Ctrl-a Сtrl-c.
Теперь перехожу в свой блог, жму Ctrl-v - вуаля, вот он мой код:

[flash=240,200,http://www.favormusic.ru/player/dewplayer-playlist.swf?showtime=true&autoreplay=true&xml=http://www.favormusic.ru/player/playlist.php?pl=http://img0.liveinternet.ru/images/attach/c/1//3796/3796919_bizet__carmen_suite_no.mp3 |dew|bizet - carmen suite|http://img0.liveinternet.ru/images/attach/c/1//3796/3796920_brahms__hungarian_dance_no.mp3|dew|brahms - hungarian dance|http://img0.liveinternet.ru/images/attach/c/1//3796/3796921_dukas__the_sorcerers_apprentice.mp3|dew|dukas - the sorcerers apprentice|]

Именно результат вставки этого кода Вы видели в начале этого поста.

*Небольшое уточнение: поскольку я использовал всего 3 композиции - мне не нужен плеер высотой "200"  (200 - это стандартное значение для этого плеера). Поэтому я мог бы изменить код и на [flash=240,90,... т.е. по 30 единиц на песню. Может быть не идеально с т.з. разработчиков, но это уже зависит от Вашего эстетического вкуса. Для примера я оставил стандартное значение, но можно его сделать и менее высоким.

II.  Плеер dewplayer,
годится в качестве замены стандартного тэга [мр3]

Тоже может проигрывать мр3, имеющие прямую ссылку.

код для вставки этого плеера: [flash=200,20,http://www.favormusic.ru/player/dewplayer.swf?mp3= --->вот сюда вписываем адрес файла<--- &autoreplay=1&showtime=1]
В моем примере это 
http://img0.liveinternet.ru/images/attach/c/1//3784/3784042_paul_mccartney__hope_of_deliverence.mp3
 получается такой код:
[flash=200,20,http://www.favormusic.ru/player/dewplayer.swf?mp3=http://img0.liveinternet.ru/images/attach/c/1//3784/3784042_paul_mccartney__hope_of_deliverence.mp3&autoreplay=1&showtime=1]

Подробная информация от авторов (на англ. языке) тут --> http://www.alsacreations.fr/dewplayer-en.html
dewplayer.swf можно заменить на dewplayer-mini.swf или dewplayer-bubbe.swf : отличие в дизайне Вы можете увидеть на авторской странице, функциональные различия невелики.

III. Плеер dewplayer-multi, 
проигрывает несколько мр3

Почти то же самое, но может играть несколько мр3; их слдеует разделять символом |

код для вставки этого плеера:[flash=240,20,http://www.favormusic.ru/player/dewplayer-multi.swf?mp3=--->вот сюда вписываем адреса файлов, раздеоенные символом |<---&autoreplay=1&showtime=1]
В моем примере это 
http://img0.liveinternet.ru/images/attach/c/1//3784/3784049_jon_bon_jovi__blaze_of_glory.mp3|http://img1.liveinternet.ru/images/attach/c/1//3785/3785046_pink__u_and_ur_hand.mp3|http://img0.liveinternet.ru/images/attach/c/1//3790/3790225_the_offspring__hit_that.mp3
получается такой код:
[flash=240,20,http://www.favormusic.ru/player/dewplayer-multi.swf?mp3=http://img0.liveinternet.ru/images/attach/c/1//3784/3784049_jon_bon_jovi__blaze_of_glory.mp3|http://img1.liveinternet.ru/images/attach/c/1//3785/3785046_pink__u_and_ur_hand.mp3|http://img0.liveinternet.ru/images/attach/c/1//3790/3790225_the_offspring__hit_that.mp3&autoreplay=1&showtime=1]

IV. Плеер dewplayer-rect,
проигрывает несколько мр3 

Отличается от предыдущего дизайном (и названием svf файла)

Тоже может играть несколько мр3; их слдеует разделять символом |

код для вставки этого плеера:[flash=240,20,http://www.favormusic.ru/player/dewplayer-rect.swf?mp3=--->вот сюда вписываем адреса файлов, разделенные символом |<---&autoreplay=1&showtime=1]
В моем примере это 
http://img0.liveinternet.ru/images/attach/c/1//3784/3784049_jon_bon_jovi__blaze_of_glory.mp3|http://img1.liveinternet.ru/images/attach/c/1//3785/3785046_pink__u_and_ur_hand.mp3|http://img0.liveinternet.ru/images/attach/c/1//3790/3790225_the_offspring__hit_that.mp3
получается такой код:
[flash=240,20,http://www.favormusic.ru/player/dewplayer-rect.swf?mp3=http://img0.liveinternet.ru/images/attach/c/1//3784/3784049_jon_bon_jovi__blaze_of_glory.mp3|http://img1.liveinternet.ru/images/attach/c/1//3785/3785046_pink__u_and_ur_hand.mp3|http://img0.liveinternet.ru/images/attach/c/1//3790/3790225_the_offspring__hit_that.mp3&autoreplay=1&showtime=1]