Всем здравствуйте... После моего проста про В. С. Высоцкого, у меня попросили код плеера, который был в том посте. Я решила не высылать его в комментарии, а показать всем, в виде урока, может кому ещё пригодится...))) Конечно, такие плеера больше подходят для тёмного фона, но можно сделать и для светлого, ведь в коде плеера можно поменять цвет плеера, цвет обводки, сделать его закруглённым или оставить прямоугольным. Ниже вы видите несколько плееров с песнями, разного цвета, разного оформления, при наведении курсора на плеер можно увидеть название песни.

Серия сообщений "Помощь по сайту":
Часть 1 - Оформление дневника
Часть 2 - Оформление дневника
...
Часть 23 - Плееры на основе HTML с кодами и уроком, как заменить музыку
Часть 24 - Если пропала часть или весь ваш Дневник, что делать?
Часть 25 - Плеер для ваших постов с html кодом
Часть 26 - И снова флешки уже в новом браузере...))
Часть 27 - Как удалить рекламу из Почты майла, с сайта ОК, с Лиру и т.д...
Часть 28 - Как я делаю работы в Сodepen
Часть 29 - Как сделать схему на Лиру

Серия сообщений "Уроки":
Часть 1 - ПЛЕЕР ДЛЯ МУЗЫКИ С ЮТУБ
Часть 2 - ИЗУЧАЕМ МОДИФИКАТОРЫ.
...
Часть 28 - Как сделать аудио плейлист на сайте uppod.ru
Часть 29 - Add Music to Photo - Добавить музыку к фотографии
Часть 30 - Плеер для ваших постов с html кодом
Часть 31 - И снова флешки уже в новом браузере...))
Часть 32 - ФЛЕШКА НЕ ФОРМАТИРУЕТСЯ: ПОЧЕМУ И ЧТО ДЕЛАТЬ.
...
Часть 36 - Как сделать схему на Лиру
Часть 37 - Как скинуть фото с телефона на компьютер
Часть 38 - Как скачать видео на комп с Дзена

Плееры на основе HTML с кодами и уроком, как заменить музыку

Музыку в этих плеерах можно менять на свою. Как это сделать, смотрим в конце сообщения
































А теперь я расскажу, как вставить свою музыку.
Для этого достаточно в формуле изменить прямую ссылку на музыку.
Она всегда начинается с http:// и заканчивается на mp3
На скрине посмотрите, где это надо сделать


Получить прямую ссылку очень просто на сайте http://music-pesni.com/
Как показал мой опыт, ссылки с этого сайта самые "живучие"...)




Если я сейчас здесь в дневнике нажму на компьютере Ctrl + V (вставить), то получим такую ссылку

http://music-pesni.com/music/55cfcdb8846ee0548ede63d223eddfca.mp3

Это и есть прямая ссылка на музыку.

Теперь возьмем первый плеер без украшалок:






и вставим вместо подчеркнутой ссылки нашу, то получим плеер с другой музыкой




Все просто. Надеюсь, вам все было понятно. Удачи!

для вас Лариса Гурьянова

Серия сообщений "* Плееры":

Часть 1 - Как вставить музыку с сайта «privet.ru»?
Часть 2 - Как создать плейлист на Привет.ру Урок.
...
Часть 40 - Как сделать аудио и видео плейлист на сайте uppod.ru
Часть 41 - Как сделать Плейлист с песнями, который будет работать без Adobe Flash
Часть 42 - Плееры на основе HTML с кодами и уроком, как заменить музыку
Часть 43 - Red - Hymn for the Missing
Часть 44 - Делаем плеер на сайте grooveshark.com
...
Часть 47 - Учимся делать музыкальную открытку
Часть 48 - Плеер для музыки с ЮТУБ
Часть 49 - А хочешь, я открою тебе тайну..?

Серия сообщений "* Как получить ссылку на музыку?":

Часть 1 - Как во флеш-плеере поменять музыку...
Часть 2 - Как получить ссылку на музыку
...
Часть 12 - Ссылки на красивую музыку
Часть 13 - Ссылки MP3 - ко Дню Победы
Часть 14 - Плееры на основе HTML с кодами и уроком, как заменить музыку
Часть 15 - Ресурсы для скачивания музыки MP3 на компьютер
Часть 16 - Как извлечь звук из видео? Аудио-конвертер онлайн

Серия сообщений "Помощь по сайту":
Часть 1 - Оформление дневника
Часть 2 - Оформление дневника
...
Часть 21 - Как сделать и как вставить флешплеер в приложение Музыкальный плеер
Часть 22 - Как сделать Плейлист с песнями, который будет работать без Adobe Flash Player
Часть 23 - Плееры на основе HTML с кодами и уроком, как заменить музыку
Часть 24 - Если пропала часть или весь ваш Дневник, что делать?
Часть 25 - Плеер для ваших постов с html кодом
...
Часть 27 - Как удалить рекламу из Почты майла, с сайта ОК, с Лиру и т.д...
Часть 28 - Как я делаю работы в Сodepen
Часть 29 - Как сделать схему на Лиру

Серия сообщений "Уроки":
Часть 1 - ПЛЕЕР ДЛЯ МУЗЫКИ С ЮТУБ
Часть 2 - ИЗУЧАЕМ МОДИФИКАТОРЫ.
...
Часть 16 - Урок. Промежуточные кадры.»
Часть 17 - Как сделать Плейлист с песнями, который будет работать без Adobe Flash Player
Часть 18 - Плееры на основе HTML с кодами и уроком, как заменить музыку
Часть 19 - Делаем анимацию из видео на youtube. Урок
Часть 20 - Если Папки на компьютере открываются каскадно
...
Часть 36 - Как сделать схему на Лиру
Часть 37 - Как скинуть фото с телефона на компьютер
Часть 38 - Как скачать видео на комп с Дзена

Как сделать Плейлист с песнями, который будет работать без Adobe Flash Player

Здравствуйте... Сегодня я расскажу где и как сделать Плейлист, чтобы его можно было видеть и главное слышать тогда, когда Адобе флеш плеер перестанет работать в браузерах. Для этого нам нужен Архив.орг, про него я писала в своём уроке вот тут. урок провела Любаша К

Серия сообщений "Помощь по сайту":
Часть 1 - Оформление дневника
Часть 2 - Оформление дневника
...
Часть 20 - Как заставить музплеер играть в эпиграфе?
Часть 21 - Как сделать и как вставить флешплеер в приложение Музыкальный плеер
Часть 22 - Как сделать Плейлист с песнями, который будет работать без Adobe Flash Player
Часть 23 - Плееры на основе HTML с кодами и уроком, как заменить музыку
Часть 24 - Если пропала часть или весь ваш Дневник, что делать?
...
Часть 27 - Как удалить рекламу из Почты майла, с сайта ОК, с Лиру и т.д...
Часть 28 - Как я делаю работы в Сodepen
Часть 29 - Как сделать схему на Лиру

Серия сообщений "Уроки":
Часть 1 - ПЛЕЕР ДЛЯ МУЗЫКИ С ЮТУБ
Часть 2 - ИЗУЧАЕМ МОДИФИКАТОРЫ.
...
Часть 15 - Урок. Анимация " Капельки"»
Часть 16 - Урок. Промежуточные кадры.»
Часть 17 - Как сделать Плейлист с песнями, который будет работать без Adobe Flash Player
Часть 18 - Плееры на основе HTML с кодами и уроком, как заменить музыку
Часть 19 - Делаем анимацию из видео на youtube. Урок
...
Часть 36 - Как сделать схему на Лиру
Часть 37 - Как скинуть фото с телефона на компьютер
Часть 38 - Как скачать видео на комп с Дзена