• Авторизация


Плеер в блог с русским плейлистом 08-01-2011 14:01 к комментариям - к полной версии - понравилось!


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




 

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

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

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

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

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

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

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

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

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

Ва-банк - Я без тебя - http://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. Добавить цветовую схему на страницу конструктора

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

вверх^ к полной версии понравилось! в evernote
Комментарии (36): вперёд»
VALJ 10-01-2011-14:38 удалить
Добрый день! А вот только не поняла где взять конструктор для плеера. Зашла по указанному адресу, но... пусто.
zis_3 10-01-2011-16:09 удалить
Ответ на комментарий VALJ # VALJ, странно, у меня страница открывается. http://www.favormusic.ru/generator_ru.html
M_i_K_a_z_Z_z 27-03-2011-18:44 удалить
Спасибо большое за информацию!
Rost 15-04-2011-00:04 удалить
"Автораство схем" ;)
zis_3 15-04-2011-00:23 удалить
Ответ на комментарий Rost # Rost, спасибо, исправил.
Vasha-Svetlost 08-05-2011-14:18 удалить
Помогите пожалуйста! У меня музыка не звучит при переходе на другую страницу, а также не могу вставить плеер на левую панель, а только в приложение "Всё под рукой", а это меня не устраивает. Если можно, подскажите, что делать.
zis_3 08-05-2011-14:40 удалить
"а также не могу вставить плеер на левую панель, а только в приложение "Всё под рукой" Да, так оно и работает. - "У меня музыка не звучит при переходе на другую страницу" - тут мне сложно что-то подсказать, т.к. я сам не разработчик, и а у меня при переходе играть продолжает.
vic2009 17-12-2011-18:57 удалить
Спасибо попробую...!
zis_3 19-12-2011-11:18 удалить
Ответ на комментарий vic2009 # Пользуйтесь на здоровье :)
vic2009 19-12-2011-11:23 удалить
Ответ на комментарий zis_3 # Извините за назойливость...ссылки ,где "выпрямляете"(сайт)?
zis_3 19-12-2011-16:21 удалить
Ответ на комментарий vic2009 # vic2009, я постараюсь ответить на ваш вопрос, если Вы его переформулируете в понятной для меня форме.
vic2009 19-12-2011-19:07 удалить
Ответ на комментарий zis_3 # Ссылку можно взять с компа и отправить на определ. сайт, где из него автоматом сделают прямую ссылку..(просто потерял адрес, и думал, что ,Вы, знаете..!) Извините...
zis_3 19-12-2011-19:46 удалить
Ответ на комментарий vic2009 # Для этого подходит лиру, как ни странно :) Ну и другие сайты тоже. На мой взгляд наиболее удобным для этих целей является Dropbox. Как им пользоваться я описал вот тут.
vic2009 21-12-2011-03:34 удалить
Ответ на комментарий zis_3 # Спасибо!
levira51 24-02-2013-18:31 удалить
Спасибо!Не очень понятно,но попробую пожевать...
Violetta_Leblan 27-08-2013-14:35 удалить
Спасибо, Вам! Надо будет попробовать сделать.
Венера01 15-01-2014-13:16 удалить
zis_3, Благодарю за информацию! Давно искала.
Спасибо большое.Надеюсь, что разберусь.
V_i_O 29-03-2014-16:29 удалить
Спасибо за плеер!! Какое количесто файлов музыки, можно загрузить в этот плеер. У меня больше 34 не грузятся и то половина воспроизводится.
zis_3 30-03-2014-00:00 удалить
Ответ на комментарий V_i_O # В самом плеере ограничений нет, но механизм его работы таков, что есть ограничение на общее количество знаков в названиях и урлах композиций. Честно говоря, я удивлен что у вас поместилось 34 файла, мне казалось что должно поместиться не более 20 штук.
V_i_O 30-03-2014-01:24 удалить
Ответ на комментарий zis_3 # Да. я тоже так думал что шт.20 в первом плей листе именно 19 и все они функционируют,а вот 34 работают сразу после загрузке,а потом только часть файлов. Спасибо за ответ.буду переделывать на 20 шт.
Talya6 08-02-2015-00:05 удалить
Спасибо большое. На Ваш плеер вышла случайно, нажав поиск. Сама разобралась, а потом решила посмотреть, был ли он на Лиру и тогда я опять по поиску нашла Ваш пост. Плеер понравился. Жаль, что мала цветовых схем, а самой настраивать, я поняла, что нужно время. Еще раз спасибо.
key-note 12-02-2015-16:23 удалить
А у меня почему-то плохо играет, возможно долго загружается...
zis_3 12-02-2015-23:09 удалить
Ответ на комментарий Talya6 # Пожалуста :) А по поводу схем могу сказать что я сам я не очень дизайнер, поэтмоу для меня составить приятную схему довольно сложно.
zis_3 12-02-2015-23:11 удалить
Ответ на комментарий key-note # Не могу сказать почему, т.к. не знаю откуда вы берете МП3 файл. Сам не раз замечал, что файлы с лиру бывает долго грузятся, но это не потому что плеер плохой, а потому что на лиру много пользователей, и вероятно поэтому сервер иногда подтормаживает. Ну и от скорости интернета зависит, конечно.
key-note 13-02-2015-01:31 удалить
Ответ на комментарий zis_3 # Спасибо за разъяснение, возможно скорость. Самый хороший плеер у меня с просто.плеер устанавливается. Ищу еще что-нибудь с подобной загрузкой. Некоторые 3 дня только играли и замолкали, пришлось все на просто.плеер переписать.
key-note 13-02-2015-01:33 удалить
Ответ на комментарий zis_3 # А сейчас вот и ваш хорошо играет, разошелся!
zis_3 13-02-2015-09:51 удалить
Ответ на комментарий key-note # просто плеер берет файлы только с собственного сервера, сторонние файлы, насколько я помню, в нем не подключишь. Неплохой вариант - завести себе Dropbox, с него и скорость хорошая, и работать с ним проще простого. http://www.aliveinternet.ru/post106476676/


Комментарии (36): вперёд» вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Плеер в блог с русским плейлистом | zis_3 - Зис , а это значит Здесь и Сейчас :) | Лента друзей zis_3 / Полная версия Добавить в друзья Страницы: раньше»