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

Поиск сообщений в SwtEvil

 -Подписка по e-mail

 

 -Статистика

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


Хорошая вещь!

Четверг, 10 Июня 2010 г. 23:32 + в цитатник
Цитата сообщения zis_3 Плеер с плейлистом - это просто

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

 

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

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


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

В качестве примера я использую 3 файла:
//img0.liveinternet.ru/images/attach/c/1//3796/3796919_bizet__carmen_suite_no.mp3 
//img0.liveinternet.ru/images/attach/c/1//3796/3796920_brahms__hungarian_dance_no.mp3
//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/ ).
В нашем примере я в это поле ввожу строку
//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://)" я ввожу
//img0.liveinternet.ru/images/attach/c/1//3796/3796920_brahms__hungarian_dance_no.mp3
А в очистевшееся поле "Введите строку title (без русских букв)" я ввожу
brahms - hungarian dance

Жму кнопку "Получить код" - опять нужные мне поля освободились (а в код уже включено две композиции). Но я хочу три, и поэтому в очистевшееся поле "Введите полный URL файла (включая 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=//img0.liveinternet.ru/images/attach/c/1//3796/3796919_bizet__carmen_suite_no.mp3 |dew|bizet - carmen suite|//img0.liveinternet.ru/images/attach/c/1//3796/3796920_brahms__hungarian_dance_no.mp3|dew|brahms - hungarian dance|//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]
В моем примере это 
//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=//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]
В моем примере это 
//img0.liveinternet.ru/images/attach/c/1//3784/3784049_jon_bon_jovi__blaze_of_glory.mp3|//img1.liveinternet.ru/images/attach/c/1//3785/3785046_pink__u_and_ur_hand.mp3|//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=//img0.liveinternet.ru/images/attach/c/1//3784/3784049_jon_bon_jovi__blaze_of_glory.mp3|//img1.liveinternet.ru/images/attach/c/1//3785/3785046_pink__u_and_ur_hand.mp3|//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]
В моем примере это 
//img0.liveinternet.ru/images/attach/c/1//3784/3784049_jon_bon_jovi__blaze_of_glory.mp3|//img1.liveinternet.ru/images/attach/c/1//3785/3785046_pink__u_and_ur_hand.mp3|//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=//img0.liveinternet.ru/images/attach/c/1//3784/3784049_jon_bon_jovi__blaze_of_glory.mp3|//img1.liveinternet.ru/images/attach/c/1//3785/3785046_pink__u_and_ur_hand.mp3|//img0.liveinternet.ru/images/attach/c/1//3790/3790225_the_offspring__hit_that.mp3&autoreplay=1&showtime=1]


 

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

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

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

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