Как вставить аудио-кнопку на сайт и увеличить тем самым доверие.

В этом уроке, я расскажу Вам о том, как можно легко и быстро вставить Аудио-кнопку на Ваш сайт.

Весь процесс, с целью улучшить восприятие информации, опишу в простых шагах.

ШАГ #1

Скачайте здесь программу Sonic Memo 2.1

ШАГ #2

Создайте на локальном компьютере отдельную папку и назовите её, например SONIC. В ней создайте еще 2 папки - buttons и mp3.

ШАГ #3

Запишите своё аудиопослание в формате mp3. Дайте осмысленное название своему файлу, например - audio.mp3 и переместите его в папку mp3, которую создали ранее.

ШАГ #4

Запускайте Sonic Memo.

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

Если вы хотите, чтобы аудио играло без разрешения посетителя (не приветствуется), то поставьте галочку напротив строки Auto Play. Если Вы хотите, чтобы посетитель скорее сбежал с Вашего сайта, то смело ставьте галочку напротив Loop Audio - проигрывать по кругу, не останавливаясь.

Дальше жмите на кнопку "Adv Prefs"

Здесь впишите названия тех самых папок, который Вы создали ранее.

Player File Prefix - в неё Вы позже поместите так называемый скин (внешнее оформление), где его взять узнаете чуть дальше.

MP3 File Prefix - там хранится Ваш фаил с голосом - audio.mp3.

Жмите OK и, переместившись в главное окно, кликайте по кнопке Generate Code.

Далее появится окошко, как и на рисунке ниже. Обратите внимание на строчку помеченную стрелкой. Программа говорит нам, какой именно скин нам следует поместить в папку buttons. В данном случае это фаил a_smsqulh3d.swf ( в зависимости от оформления, название файла будет меняться). Найдите этот файл в папке skins, которая идет вместе с программой Sonic Memo и переместите его в папку buttons.

К этому моменту, у Вас в папке mp3 должен лежать фаил audio.mp3, а в папке buttons фаил a_smsqulh3d.swf.

Но это ещё не все. Программа сгенерировала для Вас код, который необходимо вставить в Вашу страничку. Нажмите кнопку Copy to Clipboard чтобы поместить этот код в буфер обмена.

ШАГ #5

Открываем ту страницу, в которую Вы собираетесь встроить свою кнопку (например, John.htm) в Вашем любимом HTML редакторе. В выбранном месте вставляете скопированный ранее код комбинацией клавиш Ctrl+V или через меню Edit -> Paste.

ШАГ #6

Переносим обновленный фаил John.htm вместе с двумя папками - mp3 и buttons на сервер с помощью FTP клиента.

Примечание: папки mp3 и buttons должны находиться в той же директории, что и фаил John.htm

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: www.ruseller.com
Автор: Евгений Попов
Урок создан: 30 Декабря 2007
Просмотров: 55342
Правила перепечатки


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

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

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

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

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

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

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

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

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

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

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

^ Наверх ^