Открытая группа
1418 участников
Администратор Микола-Админ



←  Предыдущая тема Все темы Следующая тема →

Как сделать СВОЙ pleer - на своем сайте / подробные картинки

Итак,  у меня возникла задача – разместить плеер на своем сайте. Есть раздел «Песни для души». У посетителя есть возможность почитать историю, связанную с песней, текст песни, скачать mp3 и послушать (но после скачивания!).

Нужно повышать сервис, решил я. Потому как сам я люблю перед скачиванием сначала послушать, а потом уже принимать решение: скачивать/не скачивать. И, скорее всего, другие посетители думают так же.

 

Нашел сервис, который предоставляет такую услугу. Сразу оговорюсь. Сильно не мониторил, не анализировал – нашел первый, через поисковик, попробовал: получилось-понравилось. Теперь использую и делюсь, как использовать другим.

 

Начали.

Есть страница «Песни для души» , вначале она выглядела так:

 

Как сделать СВОЙ pleer - на своем сайте

 

 

У посетителя была возможность только скачать mp3 без предварительно прослушивания.

 

Как сделать СВОЙ pleer - на своем сайте

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Идем на сайт uppod.ru , регистрируемся, заходим в свой кабинет, выбираем раздел «Аудио».

 

Как сделать СВОЙ pleer - на своем сайте

 

 

 

Скачиваем себе сам плеер - Скачать плеер (0.9.4.11)

 

А теперь переделываем его под себя.

 

Создаем Стиль своего будущего плеера. Даем этому стилю имя, например: `PКак сделать СВОЙ pleer - на своем сайтеesni_bt`. Поехали!

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

желательно сразу выставить цвет своего сайта, чтобы сразу «прикидывать» - как будет выглядеть плеер уже у вас на сайте. Конечно, выбираем:

  • нужный размер,
  • скругленность углов,
  • цвета,
  • кнопки,
  • подсказки,
  • … все что вам нравится! – вы сразу видите, как преобразуется ВАШ плеер.

 

 

 

Как сделать СВОЙ pleer - на своем сайте

 

 

 

 

 

Как сделать СВОЙ pleer - на своем сайте

 

 

 

 

 

Как сделать СВОЙ pleer - на своем сайте

 

 

 

 

 

 

 «Вылепили» свой? Теперь сохраняем этот стиль, его мы можем использовать потом многократно!

 

Как сделать СВОЙ pleer - на своем сайте

 

 

 

скачиваем себе этот стиль (потом вместе с плеером мы будем забрасывать его на свой сайт)

 

Как сделать СВОЙ pleer - на своем сайте

 

 

 

Так, стиль (можно сказать внешний вид) плеера готов. Теперь же нужно в него загрузить нужную/нужные песни.

(Можно и несколько, да потом еще и плей-лист сделать -  у меня пока задача сделать прослушивание одной конкретной песни).

 

Как сделать СВОЙ pleer - на своем сайте

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

При указании нужной песни (пути, где «лежит» наш mp3), выбираем уже созданный нами ранее Стиль плеера. Даем название. В моем случае это песня «Харон» - в исполнении автора, барда Сергея Матвиенко.

 

 

Как сделать СВОЙ pleer - на своем сайте

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

И сразу проверяем – «Показать». Так мы сразу:

  • видим как будет выглядеть НАШ плеер
  • проверяем – играет ли наш mp3

 

Как сделать СВОЙ pleer - на своем сайте

 

 

Как сделать СВОЙ pleer - на своем сайте

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Все нормально, песню слышно, плеер управляется, внешний вид подходит (стиль всегда можно подкорректировать )?

 

 

Тогда берем код!

 

Как сделать СВОЙ pleer - на своем сайте

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Полученный код вставляем в код нашей страницы:

 

Как сделать СВОЙ pleer - на своем сайте

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Если присмотритесь: вот оно – прописано, где плеер находится, где mp3 находится (обычно я для этого создаю отдельную папку), и стиль – вот он НАШ под НАШ сайт.

 

Выкладываем все это теперь на свой сайт:

  • сам плеер
  • стиль
  • если несколько песен, то еще и плейлист (тогда в коде добавятся и этот параметр)

 

 

Как сделать СВОЙ pleer - на своем сайте

 

 

 

 

 

 

 

 

Готово! Теперь посетитель перед скачиванием mp3  может сначала послушать

 

Как сделать СВОЙ pleer - на своем сайте

 

 

Будут вопросы – обращайтесь

Вступите в группу, и вы сможете просматривать изображения в полном размере

b-t-com-ua-pesni.gif b-t-com-ua-pesni1.gif b-t-com-ua-pesni2.gif b-t-com-ua-pesni3.gif b-t-com-ua-pesni4.gif b-t-com-ua-pesni5.gif b-t-com-ua-pesni6.gif b-t-com-ua-pesni7.gif b-t-com-ua-pesni8.gif b-t-com-ua-pesni9.gif b-t-com-ua-pesni10.gif b-t-com-ua-pesni11.gif b-t-com-ua-pesni12.gif b-t-com-ua-pesni13.gif b-t-com-ua-pesni14.gif b-t-com-ua-pesni15.gif b-t-com-ua-pesni16.gif

Это интересно
+5
 

14.05.2011 , обновлено  14.05.2011
Пожаловаться Просмотров: 3338  
←  Предыдущая тема Все темы Следующая тема →


Комментарии 3

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

Умница!

 Спасибо!

maximum***@g*****.com 20.05.2011

Здорово.