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

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>

Можете ниже посмотреть пример этого плеера и нажать для прослушивания

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