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

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

Аудиоплеер это простой бесплатный 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" на те, что получились у Вас.

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: www.strangecube.com/audioplay
Перевел: Евгений Попов
Урок создан: 3 Марта 2009
Просмотров: 42706
Правила перепечатки


5 последних уроков рубрики "Для сайта"

  • Эффекты блочного раскрытия

    Сегодня мы хотели бы поделиться несколькими идеями касающегося эффекта блочного раскрытия, которую вы можете использовать для своих проектов.

  • 15 полезных .htaccess сниппета для сайта на WordPress

    Если вы хотите существенно повысить уровень безопасности вашего сайта на WordPress, то вам не избежать конфигурации файла .htaccess. Это позволит не только уберечься от целого ряда хакерских атак, но и организовать перенаправления, а также решить задачи связанные с кэшем.

  • 20 бесплатных тем для WordPress в стиле Material Design

    Material Design — это набирающий обороты тренд от Google. В данной подборке собраны бесплатные темы для WordPress, выполненные в этом популярном стиле.

  • 20 сайтов с креативным MouseOver эффектом

    Эффекты на то и существуют чтобы впечатлять наших посетителей. В этой подборке собрано несколько десятков ресурсов, чьи создатели очень постарались впечатлить своих посетителей.

  • 45+ бесплатных материалов для веб дизайнеров за август 2016

    Под конец месяца предлагаем ознакомиться с набором бесплатных материалов для веб дизайнеров за прошедший месяц.

^ Наверх ^