Новинка! Бесплатный миникурс для новичков - "4 причины, по которым у Вас должен быть сайт.".

Если Вы не знаете, для чего нужен сайт и как на нём можно заработать, то этот курс для Вас.

Ваше имя на русском:

Ваш Email адрес:


Система Orphus


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

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

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

ШАГ #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

Данный урок подготовлен для Вас командой сайта http://ruseller.com
Источник урока: www.ruseller.com

Урок создан: 30.12.2007    Просмотров: 18433    Правила перепечатки
Если хотите не упустить данный урок, добавьте его в закладки:  

Пять последних добавленных уроков в рубрике Для сайта:

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


»5 трюков с файлом .htaccess
Сегодня я расскажу о нескольких полезных вещах, которые можно сделать с файлом htaccess. Эти вещи, которые вы сможете использовать на своих веб-сайтах, сделают работу с сайтами более удобной.


»Форма обратной связи в модальном окне
В этом уроке мы будем делать полноценную форму обратной связи, причем появляться она будет в модальном окне по нажатию на кнопку на странице. Данный урок я делал сам, с нуля, воспользовавшись только фреймфорком jQuery и одним небольшим JavaScript'ом. Урок очень интересный, поэтому прошу не проходить мимо!


»Выпадающее меню на Ajax
В данном уроке мы сделаем красивое меню-вкладки, которое существенно расширит функциональность любого сайта.


»8 решений структурирования для улучшения дизайна
Структурировать информацию в одно хорошо сложенное целое – основная задача при создании вебсайта, которую нужно решать до его оформления.


Зарегистрируйтесь, чтобы иметь возможность добавлять комментарии


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

аватар

Автор: Einy (2009-05-19 01:15:38)

А как добавить плеер для прослушивания аудио и просмотра видео как на сайте youtube ?

аватар

Автор: Санечка (2009-04-23 19:19:07)

подскажите, пожалуйста, куда в программе Aleo Flash MP3 Player Builder надо нажать, чтобы при загрузке страницы музыка не начинала играть сама по себе, а только после нажатия кнопки play на плеере? или что надо исправить в коде чтобы работало только после нажатия play ?

аватар

Автор: Аксель (2008-12-11 21:11:12)

Всё супер!!! Но если б была дорожка что бы самому перематовать песню

аватар

Автор: Юрий (2008-10-07 13:00:46)

можно скачать здесь: http://partneru.info/archive/programmi/p_28_Sonic-Memo-2.1.zip

аватар

Автор: FreeStyler (2008-10-04 20:11:54)

Ссылка на программу Sonic Memo 2.1 у меня не работает (у других я думаю тоже)

аватар

Автор: Кирилл (2008-09-14 08:32:05)

В некоторые моменты так не хватает скриншотов в подобных уроках..

аватар

Автор: Дмитрий (2008-08-03 22:23:51)

НЕ пойму половина файлов работает половина нет. всего вставлял 10, по одному и тому же самому алгоритму. Думал причина в том что названия файлов не одним словом, зделал одним всеравно не помагает....

аватар

Автор: Александр (2008-07-25 22:42:52)

Только что устанавил! Клас работает, огромное спасибо!

аватар

Автор: Николай (2008-07-25 02:46:43)

Всё работает, огромное спасибо!

аватар

Автор: Сергей (2008-07-03 01:55:34)

а у меня вместо файла сайт открывается

аватар

Автор: саша (2008-06-01 15:02:04)

кнопки получились, жму-жму, а играть не хочет. , хотя всё переместил как тут указано.



Copyright © 2008 Евгений Попов.| Все права защищены. | Служба поддержки