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


Создаём музыкальный плеер с плейлистом.Урок 29-05-2013 17:00 к комментариям - к полной версии - понравилось!




[460x4]


Создаём музыкальный плеер
с русским плейлистом и любым цветом.

 

В этом уроке я расскажу Вам, как сделать свой музыкальный

плеер с плей листом.

Для того,что бы создать плеер, нам понадобятся прямые ссылки

на музыку, которую мы будем вставлять в конструктор плеера.

Прямые ссылки на музыку, можно брать в разных местах.

Для своего урока, я воспользовался ссылками своих

сайтов (блогов) Мой мир и Привет.ру.

(урок, Как взять ссылку с сайта Мой Мир и не только...)

И так, заходим на Привет.ру

и в строке Поиск задаём то что Вы желаете найти.

Находим нужную музыку - песню.

(смотрим скриншoт 1)

[показать]

 Нажав на название открываем нужную песню.

(смотрим скиншoт 2) 

[показать]

Жмём на слово "Код для вставки".

Откроется окно с кодом.

Что бы полностью разглядеть весь код, растяните его,

потянув за край рамки.

(Смотрим сриншoт 3)

[показать]

Нам понадобится часть кода, на скрине она выделена и выглядит так 

http%3A%2F%2Fstat19.privet.ru%2Fmp3%2F0d13c9ee46165aa7eb75f5b8d2ca6489

Выделяем и копируем её.

Далее идём на сайт  "Музыка хорошего вкуса"

НА нём мы и будем собирать свой плеер.

(Смотрим сриншoт 4)

[показать]

Вводим название песни и вставляем наш код, скопированный с Привет.ру

Жмём на слово "Добавить в плейлист" 

Итак, мы добавили одну песню в наш плей лист. 

Для вставки второй и последующих песен, повторяем наши действия,

копируем с Привет. ру и вставляем в генератор плеера.

Прямую ссылку на песню,можно брать и с других мест,

например с сайта Мой мир,

не имеет значения, лишь бы была прямая ссылка на песню.

Хочу сказать Вам,что наш плеер может содержать до 8 - 16 песен,

всё зависит от веса музыки, на большее плеер не расчитан.

После того как мы наолнили плейлист,выбираем цветовую схему плеера.

(Смотрим скриншот 5)

[показать]

Определившись с цветом плеера жмём на слово "Выбрать",

или же, созать свою расцветку плеера,

 нажав на строку "Своя настройка цветовой схемы".

Создав свою схему,или же выбрав из предложенных,

жмём на слово "Посмотреть результат".

Откроется вкладка с готовым кодом нашего плеера.

(Смотри скриншот 6)

[показать]

Копируем наш код плеера и вставляем к себе на ЛиРу!

Вставив наш код плеера к себе, его можно подредактировать,

увеличить или же уменьшить размеры плеера.

(Смотри скриншот 7)

[показать]

Так же, если вам не понравились цвета плеера, их можно поменять в коде.

(Смотри скриншот 8)

[показать]

После окончательной настройки цвета плеера,

его можно опубликовать на сайте.

(Смотри скриншот 9)

[показать]

 

Ниже я приведу пример  назначения и расшифровки некоторых настроек.

Хочу заметить, они относятся не обязательно к этому плееру, 

и не стоит вставлять другие значения,которые не содержатся в плеере.

 

 

autoplay = авто воспроизведение (0-нет: 1-да)

volume = Первоначальный уровень звука (от 0 до 200)

showstop = Установите значение данного параметра равным 1, чтобы кнопка "Стоп" отображалась на панели плеера, в противном случае укажите showstop=0

showinfo = Установите значение данного параметра равным 1, чтобы кнопка "Информация" отображалась на панели плеера, в противном случае укажите showinfo =0.

showvolume = Установите значение данного параметра равным 1, чтобы кнопка "Уровень Громкости" отображалась на панели плеера, в противном случае укажите showvolume=0.

showslider = Установите значение данного параметра равным 1, чтобы отображать панель плеера, в противном случае укажите showslider=0.

loadingcolor = Задает цвет полосы загрузки.

bgcolor = Задает фон плеера.

bgcolor1 = Задает первый (верхний) цвет фона плеера (в случае использования градиентной заливки).

bgcolor2 = Задает второй (нижний) цвет фона плеера (в случае использования градиентной заливки).

buttoncolor = Задает цвет кнопок.

buttonovercolor = Задает цвет кнопок при наведении мыши.

slidercolor1 = Задает первый (верхний) цвет градиентной заливки бегунка временной шкалы.

slidercolor2 = Задает второй (нижний) цвет градиентной заливки бегунка временной шкалы.

sliderovercolor = Определяет цвет бегунка при наведении мыши.

textcolor = Задает цвет текста.

Вот мы и создалисвой полноценный музыкальный плеер, с любимыми исполнителями и с русскими названиями плейлиста!

Удачи Вам уважаемые друзья и жители ЛиРу!


Для Вас урок создал:

4360286_95814963_anime_005 (15x17, 0Kb)

 

вверх^ к полной версии понравилось! в evernote
Комментарии (93): вперёд» последняя»
Спасибо огромное,в ближайший же свободный день попробую освоить.
DED_c_B9ITKU 01-06-2013-20:18 удалить
Ответ на комментарий Осенний_романс # успехов!
DED_c_B9ITKU 06-06-2013-00:29 удалить
Ответ на комментарий Лариса_Никитина # ...на радось!...возникнут вопросы,пишите.
Expositor 07-06-2013-13:29 удалить
Спасибо большое! Даже мне, почти блондинке, все понятно. Если что-то не получится, буду стучаться... не против?
DED_c_B9ITKU 07-06-2013-16:46 удалить
Ответ на комментарий Expositor # конечно же, в любое время, дня и ночи!
Добрый день. Спасибо за урок. Прочитав его , я поняла ,что вы достаточно понятно все описали и стоит только потренироваться и все получится. Пропустив через принтер ваш урок, я надеюсь ,что он мне пригодится. Благодарю вас. [300x135]
DED_c_B9ITKU 10-06-2013-13:05 удалить
Ответ на комментарий апонк_Наталья # ...конечно же всё получится!!!
Наталья05 12-06-2013-07:51 удалить
Спасибо! Буду учиться!
DED_c_B9ITKU 01-07-2013-17:19 удалить
Ответ на комментарий НАДЕЖДА_БЫКОВСКИХ # Пользуйтесь на радость!
DED_c_B9ITKU 02-07-2013-00:09 удалить
Ответ на комментарий milana07 # на радость Вам!
DED_c_B9ITKU 02-07-2013-09:48 удалить
Ответ на комментарий valentuka # всегда пожалуйста!
Спасибо большое за урок, процитировала,надо разбираться!
Спасибо за подробный урок! Хотя мне и в Любашином посте все понятно, но возьму и ваш для новичков, им легче будет разобраться...))
DED_c_B9ITKU 27-11-2013-23:40 удалить
Ответ на комментарий Лариса_Гурьянова # спасибо за коментарий!....урок создал для новичков, старался что б понятней было
Ответ на комментарий DED_c_B9ITKU # Отличный урок, Сергей!!!! Все очень понятно разжевано, только глотай..)) Еще раз спасибо!
DED_c_B9ITKU 27-11-2013-23:45 удалить
Ответ на комментарий Лариса_Гурьянова # на радость! http://www.liveinternet.ru/users/sergg62/post275729595/
jzayka 28-11-2013-00:25 удалить
Спасибо за подробный,доступный урок.Я летом видела ваш пост..но почему-то тогда не процитировала..Пробовала,все получилось..только со ссылками были проблемы. А по уроку все понятно..очень побробно все расписано.Благодарю вас и в этот раз цитирую с благодарностью..)
Н_НИНА 28-11-2013-13:00 удалить
спасибо большое, пора научиться этому, приятного дня
koreckolga 28-11-2013-13:45 удалить
Спасибо огромное Вам! Процитирую!
mtv59 28-11-2013-16:06 удалить
Спасибо за урок!
Огромное спасибо за понятный урок!Попробовала - получилось!Давно мечтала найти такой урок!
DED_c_B9ITKU 28-11-2013-17:42 удалить
Ответ на комментарий Татьяна_-_Танечка # пользуйтесь на радость!
Большое спасибо за подробный урок!!!


Комментарии (93): вперёд» последняя» вверх^

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

Дневник Создаём музыкальный плеер с плейлистом.Урок | DED_c_B9ITKU - ~ ВЯТСКИЙ ДЕД ~ | Лента друзей DED_c_B9ITKU / Полная версия Добавить в друзья Страницы: раньше»