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

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

*

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

Ваш Email адрес:

Если Вам нужен качественный хостинг и Вы не против сэкономить 10% на его покупке, то Вы можете воспользоваться моим специальным предложением по скидке на хостинг от компании Ютекс.

*


Система 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

*
* Рейтинг: 0
Урок создан: 30.12.2007   Просмотров: 24881   Правила перепечатки

Оценивать уроки могут только зарегистрированные пользователи

Если хотите не упустить данный урок, добавьте его в закладки

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

*

»Создаем шаблон сайта с помощью CSS3 и HTML5
Сегодня мы создадим HTML5 шаблон для сайта используя новые возможности CSS3 и jQuery.


*

»Создание красивого меню с помощью CSS3 и jQuery
В сегодняшнем уроке мы создадим красивое меню для Вашего сайта с множеством цветовых схем.


*

»Меню для сайта с помощью jQuery
В сегодняшнем уроке мы создадим интересное меню с использованием jQuery.


*

»Слайдер изображений с помощью CSS и jQuery
Создание красивого слайдера изображений!


*

»Яркие вкладки с помощью jQuery и CSS3
Сегодня мы создадим вкладки с помощью jQuery, CSS3 и технологий AJAX.


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


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

аватар
*

Автор: Serginho (2010-01-13 15:12:18)

как воспроизводить .m3u файлы? я хочу запихнуть на сайт радио

аватар
*

Автор: mydar (2009-11-23 10:51:35)

Методом тыка выяснила, что в Мозилле и IE все работает нормально, а в Опере картинка есть, а звука нет. Может, кто подскажет, как выйти из положения?!

аватар
*

Автор: mydar (2009-11-11 00:10:59)

Попробовала проверить на локальном Apache. при включенном Интернете. Кнопки появляются, но не работают. В коде смутило, что нет указания на название mp3 файла.

аватар
*

Автор: Sergei (2009-07-18 11:04:17)

Саша,если ты работаешь с Adobe Dreamweaver,Попробуй зделать как тут. http://ogons.com/ogons1/foto/uroki/urok9/urok9.html

аватар
*

Автор: 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)

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


поиск

Ваш поисковый запрос:

Если Вы давно мечтаете о создании собственного блога на движке Wordpress, то советую Вам обратить внимание на мой новый видеокурс "Wordpress - Профессиональный блог за один день". Это более 100 видеоуроков по всем аспектам создания и ведения своего блога на самом популярном движке в мире.

*
mysql html5 центрирование joomla sql курсор css3 закладки oop wordpress часы пароль баги чат звезды ускорение twitter google maps html 5 прозрачность ie6 png seo gd library cookies rss рейтинг цитаты блог комментарии theme тема генератор captcha cycle z index позиционирование загрузка кеширование бегущая строка тест домен советы текст видео регистрация текстуры radikal.ru фото favicon слайдшоу карта лента загрузка файлов голосование опрос поля формы api чарты диаграммы mod rewrite календарь спрайты текстовое поле константа include защита multiple select htaccess выпадающие списки миниатюры сообщения чекбоксы новостной блок вкладки выезжающая панель форма шпаргалка обзоры таблица анимация верстка wysiwyg wysiwig cms faq уголок разное ссылки редакторы email mootools списки юзабилити модальные окна плагины web дизайн счетчик аудио flash ajax слайдер окна javascript html кодинг оптимизация шаблоны формы кнопка меню изображения фон подсказки css контактная форма php ротатор галерея jquery

Меня часто спрашивают, как я раскручивал данный сайт?

Мой ответ таков. Для раскрутки данного сайта использовалась методика "Мастер план по раскрутке сайта", которая была предложена Юсуфом Губайдуллиным в начале 2009-го года.

*


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