Ярлыки

Поиск по этому блогу

понедельник, 10 октября 2016 г.

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


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


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

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

[flash=194,60,http://img0.liveinternet.ru/images/attach/c/1/3804/3804531_jp.swf?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=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-файлах показывается только первый кадр.
3. По неясной причине использовать музыку с "privet.ru" для этого плеера не получается. Если объясните, как это сделать, охотно дополню это сообщение вашим объяснением.

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


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

Комментариев нет:

Отправить комментарий