Как добавить аудиокнопку на Ваш сайт?

В этом уроке Вы узнаете как вставить простую аудиокнопку на свой сайт с помощью аудиоплеера.

Аудиоплеер это простой бесплатный mp3 плеер основанный на технологии flash. Он выглядит как простая кнопка play.

Он хорошо подходит в качестве фонового музыкального плеера для Вашего сайта.

С помощью фаила конфигурации Вы сможете настроить некоторые параметры этого плеера, такие как: фоновый цвет, цикличность и автозапуск музыки при загрузке страницы. Также Вы можете изменить внешний вид кнопок запуска и остановки музыки, подготовив свои собственные изображения. Плюс ко всему этот аудиоплеер имеет легкий "вес", всего 3 Кб.

Пример работы плеера

Скачать исходные файлы для этого плеера (Версия 0.9.3 от 03.01.2009)

Ответы на частые вопросы:

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

Скачайте архив со всеми необходимыми для проигрывателя файлами. Распакуйте архив и перенесите эти файлы:

на свой сайт в ту же директорию, где у Вас находится html фаил, в который Вы планируете вставить плеер.

Добавьте в Ваш html фаил такой код:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="30" height="30">

<PARAM NAME=movie VALUE="audioplay.swf?playerid=1">

<PARAM NAME=quality VALUE=high>

<PARAM NAME=bgcolor VALUE=#000000>

<embed src="audioplay.swf?playerid=1" quality=high bgcolor=#000000 width="30" height="30"

align="" TYPE="application/x-shockwave-flash"

pluginspage="http://www.macromedia.com/go/getflashplayer">

</embed>

</object>

Это случай когда у Вас всего один плеер на страницу.

Если же Вам нужно несколько плееров, то Вам для каждого следующего нужно вставить такой же код, но в нем надо менять значение в конце строки 'audioplay.swf?playerid=XXX' т.е. для второго включения поставьте 2, для третьего 3 и т.д.

Следующее, что Вам в этом случае надо будет сделать это изменить значение атрибута 'playerid' в файле config.xml.

В этом файле между строками

<player playerid="1">



</player>

Вы настраиваете работу первого плеера, а между строками

<player playerid="2">



</player>

второго плеера, если он Вам нужен.

Если Вы хотите использовать более крупные изображения кнопок, то Вы можете создать их самостоятельно, а затем в том коде, который Вы вставляете в html фаил (см. выше) поменяйте значения ширины и высоты width="30" height="30" на те, что получились у Вас.