Плеер-картинка

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


Чтобы заиграла песня группы "Браво" под названием "Плохой, хороший, злой", надо один раз нажать на кнопку и подождать некоторое время. Вот сегодня научу, как из любой картинки и музыки сделать вот такой плеер.

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

[flash=194,60,http://img0.liveinternet.ru/images/attach/c/1/3804/3804531_jp.swf?image=image=http://img1.liveinternet.ru/images/attach/c/9/105/610/105610117_play.png&file=http://img0.liveinternet.ru/images/attach/c/7//4030/4030817_bravoplohoi_horoshii_zloi.mp3&controlbar=off&icons=false&link=http://www.aliveinternet.ru/]

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

"194,60" - размеры картинки (изменяется в зависимости от ширины и высоты картинки)

"http://img0.liveinternet.ru/images/attach/c/1/3804/3804531_jp.swf" - адрес плеера (не изменяется)

"image=image=http://img1.liveinternet.ru/images/attach/c/9/105/610/105610117_play.png" - адрес картинки (при составлении кода после "image=" необходимо вставить адрес вашей картинки, формат картинки - jpeg, gif или png)

"file=http://img0.liveinternet.ru/images/attach/c/7//4030/4030817_bravoplohoi_horoshii_zloi.mp3" - адрес mp3-файла (при составлении кода после "file=" необходимо вставить адрес вашего mp3-файла)

"controlbar=off" - отключение кнопок управления (не изменяется)

"icons=false" - отключение показа кнопки "play"(не изменяется)

"link=http://www.aliveinternet.ru/" - ссылка в плеера (может отсутствовать)

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

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

Дополнение

Как и куда грузить mp3 файлы?
Где взять ссылки на файлы mp3?

(см. часть 1 и 2)

Тэги: блог, дневник, музыка, оформление, плеер, рисунок, сообщение