Лучший подарок - подарок сделанный своими руками. Как его сделать? Соберите себе в блоге открытку к 8-му марта! Как? А вот хотя бы так!

Сегодня научу, как сделать вот такой музыкальный плеер (музыкальную открытку):


Посмотрим на код этого плеера:

[flash=400,360,http://postovoj.ru/jwplayer.swf?image=//img1.liveinternet.ru/images/attach/c/2//71/535/71535139_cover.jpg&file=http://www.yapfiles.ru/files/202749/5b6993bf1f76982ca3b2af3cfacb9909.mp3&controlbar=over&width=400&height=360&link=http://www.aliveinternet.ru/&skin=http://postovoj.ru/skins/special/overlay.swf]

Что здесь есть что:

• "400,360" - размеры картинки (изменяется в зависимости от длины и ширины картинки)
• "http://postovoj.ru/jwplayer.swf" - адрес плеера (не изменяется)
• "image=//img1.liveinternet.ru/images/attach/c/2//71/535/71535139_cover.jpg" - адрес картинки (при составлении кода после "image=" необходимо вставить адрес вашей картинки, формат картинки - jpeg, gif или png)
• "file=http://www.yapfiles.ru/files/202749/5b6993bf1f76982ca3b2af3cfacb9909.mp3" - адрес mp3-файла (при составлении кода после "file=" необходимо вставить адрес вашего mp3-файла)
• "controlbar=over" - как находятся кнопки управления (не изменяется)
• "width=400" и "height=360" - длина и ширина картинки соответственно (изменяются в зависимости от длины и ширины картинки)
• "link=http://www.aliveinternet.ru/" - ссылка в плеера (может отсутствовать)
• "skin=http://postovoj.ru/skins/special/overlay.swf" - адрес скина (не изменяется)

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

Примечания
1. Если хотите, чтобы музыка начинала играть автоматически, добавьте в код плеера "&autostart=true". Но настоятельно не рекомендую.
2. В анимированных gif-файлах показывается только первый кадр.

Спасибо сайту postovoj.ru за предоставленный хостинг для плеера и скина и лично ppmax за создание этого сайта.

LI 5.09.15

Дополнение
Как и куда грузить mp3 файлы?
Где взять ссылки на файлы mp3? (см. часть 1 и 2)