Записи Друзья Комментарии
Марина 55
Аватар Марина_55

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

Поиск сообщений в Марина_55

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

 

 -Сообщества

Участник сообществ (Всего в списке: 2) Только_для_женщин соо-шпаргалка

 -Статистика

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


Как добавить к своей картинке плеер.

Пятница, 09 Февраля 2018 г. 10:59 + в цитатник
Цитата сообщения Галерея_Дефне
Прочитать целикомВ свой цитатник или сообщество!
Как добавить к своей картинке плеер.


По многим просьбам моих читателей я хочу вам рассказать как установить плеер на свою картинку.Например как на моей картинке.

Это один из способов, которому я научилась у господина Rost За что ему большое спасибо!Формулу я взяла у Ростислава и хочу подробно описать как я это делаю.

Вам понадобится естественно ваша картинка,её ссылка и прямая ссылка на музыку. Я специально выделила красным цветом "прямая ссылка",потому как другие не будут работать в нашем плеере. Картинки могут быть любыми, а вот с музыкальной ссылкой нам немного надо будет поработать. Я пользуюсь сайтом http://music-pesni.com/ Заходим на сайт, находим свою музыку в поисковике
defne1 (700x173, 42Kb)
После того как вы найдёте свою композицию,нажимаете правой кнопкой мыши на "скачать" и далее в выпавшем окне нажимаете на "открыть ссылку в новой вкладке".
defne2 (700x326, 97Kb)
Вас перебрасывает на страницу, где вы с правой стороны опять нажимаете на кнопку скачать правой кнопкой мыши выбираете "копировать адрес ссылки".Это и будет ваша прямая ссылка на музыку!
defne3 (700x307, 97Kb)
defne (109x6, 0Kb)defne (109x6, 0Kb)defne (109x6, 0Kb)
Мы получили все что нам требуется:
1. Из кода картинки мы берем только её ссылку
https://img1.liveinternet.ru/images/attach/d/0/140/531/140531859_defne.gif

2.Далее нам нужны размеры картинки, они находятся в ее коде
Ширина картинки-width
Высота-height

3.Прямую ссылку на музыку mp3 файл вы уже имеете
http://music-pesni.com/music/13d12d77eec65dc53ff815c83bd75237.mp3

Теперь все эти данные помещаем в формулу,которую нам любезно предоставил господин Rost
<video controls="controls" width="ширина картинки" height="высота картинки" poster="ссылка на картинку" src="ссылка на mp3 файл"></video>

Вот и всё дорогие друзья! Ваша музыкальная картинка готова! Желаю вам чудесного творчества! Ваша Татьяна.
93684894_defne_uroki (285x58, 11Kb)

Серия сообщений "плееры":
Часть 1 - Плееры с разными радиостанциями
Часть 2 - Радио - плеер "Кассета"
...
Часть 26 - HTML5 для ЛиРу - коды плееров
Часть 27 - Плеер с Привет.ру теперь и с Лирушной пропиской!
Часть 28 - Как добавить к своей картинке плеер.
Часть 29 - Про плеер, прямые ссылки и другое
Часть 30 - Код плеера и плейлиста с Яндекс музыки
...
Часть 33 - Про HTML5 плеер
Часть 34 - ПЛЕЕР С МУЗЫКОЙ ИЗ YOUTUBE
Часть 35 - Аудиоплееры для вас

Метки:  
Понравилось: 1 пользователю
Нравится

Таня_Зинченко   обратиться по имени Суббота, 10 Февраля 2018 г. 01:32 (ссылка)
Мариночка, спасибо!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 10 Февраля 2018 г. 10:12ссылка
Марина_55
Пожалуйста, Танечка!
ОтветитьС цитатойВ цитатникОбратиться по имени
Комментировать — К дневнику — Страницы: [1] [Новые]
 

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

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

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

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


О проекте