Как добавить (вставить) аудио на сайт

Жирный шрифт и курсив в html
Дата: 2012-03-01
Автор: admin

Как добавить сайт в поисковики
Дата: 2010-11-26
Автор: Олег Каминский

Кроссбраузерная верстка. Полезные советы
Дата: 2011-08-31
Автор: Олег Каминский

Как вставить видео с youtube на сайт
Дата: 2011-02-16
Автор: Олег Каминский

Как раскрутить интернет-магазин бесплатно
Дата: 2012-01-16
Автор: Олег Каминский

Как добавить аудио на сайт



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

И так, давайте логически поразмышляем, что нам необходимо для реализации данной задумки. Нам необходим сам ауди файл, нам необходим плеер, который будет его воспроизводить и нам необходим кусок кода, который заставит все это дело работать.

Давайте по порядку, что за чем нужно делать.

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

2. Закачайте в только что созданную папку audio плеер, который можете скачать отсюда: «Скачать audio плеер для сайта» .

3. Подготовьте audio файл в формате mp3. Это может быть песня либо записанное вами голосовое сообщение. Закачайте данный файл в ту же папку audio.

4. В том месте, где необходимо разместить плеер, вставьте данный код, который универсальный и подойдет любому сайту, только вставьте свое доменное имя и название сайта:

<script language="JavaScript" src="http://ваш_домен/audio/audio-player.js"></script>
<object type="application/x-shockwave-flash" data="http:// ваш_домен /audio/player.swf" id="audioplayer1" height="24" width="290">
<param name="movie" value="http:// ваш_домен /audio/player.swf">
<param name="FlashVars" value="playerID=1&amp;soundFile=http:// ваш_домен /audio/название_файла.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object>

Если пользуетесь блоговым движком Wordpress, то код должен быть следующим:

<script language="JavaScript" src="http://ваш_домен/wp-content/themes/ваша_тема/audio/audio-player.js"></script>
<object type="application/x-shockwave-flash" data="http://ваш_домен/wp-content/themes/ваша_тема/audio/player.swf" id="audioplayer1" height="24" width="290">
<param name="movie" value="http://ваш_сайт.ru/wp-content/themes/ваша_тема/audio/player.swf">
<param name="FlashVars" value="playerID=1&amp;soundFile=http://ваш_домен/wp-content/themes/ваша_тема/audio/название_файла.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object>

Плеер на сайте у вас должен выглядеть следующим образом:



Поделитесь статьёй с друзьями:


Автор: Олег Каминский| Дата: 2011-03-20| Просмотров:(20066)| Комментов:(18)



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

Автор:
Дата: (2015-10-09)

Автор: Наталья
Дата: (2013-12-24)

Подскажите пожалуйста, можно ли в этом скрипте выставить параметры звука 20%, а так же прописать что бы мелодия автоматически подключалась при входе на сайт?

Автор: Наталья Попова
Дата: (2013-12-04)

Здравствуйте Олег! Подскажите пожалуйста что надо изменить в коде чтобы плеер начинал звучать сразу при открытии сайта,не пойму никак.Спасибо.

Автор: Мурад
Дата: (2013-01-03)

есть возможность добавить этот плеер на joomla?

Автор: Admin
Дата: (2012-11-20)

Да, можно на сайт, написанный на html.

Автор: Ростик
Дата: (2012-11-19)

А можно это плеер на сайт Html??

Автор: Пашок
Дата: (2012-05-01)

Как стелать чтобы плеер сразу несколько песен воспроизводил?...

Автор: Admin
Дата: (2012-04-25)

Для joomla можно отсюда качнуть: http://www.joomlan.ru/article/65.html

Автор: Рамис
Дата: (2012-02-16)

А есть такой плеер для Joomla 1.5

Автор: Михаил
Дата: (2011-11-30)

Огромное спасибо Вам, а то я долго не мог найти способ о вставки аудио. СПАСИБО

Автор: Admin
Дата: (2011-11-06)

to алексей. У меня работает в эксплорере, 7-ю версию запускал, вроде тоже все нормально. В какой конкретно версии этого уникального браузера скрипт не работает?

Автор: Оксана
Дата: (2011-09-15)

Спасибо, сейчас буду делать

Автор: алексей
Дата: (2011-09-12)

В Internet Explorer не работает. А жаль :(

Автор: Admin
Дата: (2011-08-22)

to Светлана. При чем тут выбор музыки, Вы используете сервис "Яндекс-видео" как хостинг для своих аудио файлов, а сами файлы с музыкой закачивайте туда откуда хотите

Автор: Светлана
Дата: (2011-08-22)

Мне не понравилось, во первых выбор музыки никакой. Там же восновном видео.

Автор: tvoidryzya@gmail.com
Дата: (2011-08-22)

Спасибоза ответ, прямо сейчас и попробую

Автор: Admin
Дата: (2011-08-17)

to Светлана. Воспользуйтесь сервисом "Яндекс видео". Туда можно и аудиофайлы загружать, а для того чтобы размещать на сайтах, достаточно просто код скопировать, как в Ютубе и Ваш сервак не будет нагружаться.

Автор: Светлана
Дата: (2011-08-16)

Плеер установили а аудио файлы куда и откуда загружать? Если со своих папок, займут слишком много места. И долго будут грузится. Можно ли музыку закачивать так как видео с ютуба например. Может и для аудио есть такие же сайты где можно взять только код и поставить на сайт.

Добавить Ваш комментарий:

Введите сумму чисел с картинки: