Аудиоплеер на сайт

Аудио / Слушаем / Слушаем

Аудиоплеер на сайт

Вставляем в <head>

<script 
language="JavaScript" 
src="player/audio-player.js">
</script>

Вставляем в <body>

<object type="application/x-shockwave-flash" 
data="player/player.swf" 
id=audioplayer1 
height=24 width=290>
<param name=movie 
value="player/player.swf">
</param>
<param name=FlashVars 
value="playerID=1&soundFile=radio-t.com/downloads/rt_podcast139.mp3">
</param>
<param name=quality 
value=high>
</param>
<param name=menu 
value=false>
</param>
<param name=wmode 
value=transparent>
</param>
</object>

Вместо radio-t.com/downloads/rt_podcast139.mp3 пишем адрес нашего аудиофайла или подкаста.

И вам надо скачать сам скрипт плеера и разместить в папку player.

Скачать плеер и пример скрипта можно здесь

Аудиоплеер на HTML5

autoplay - начинает играть сразу после загрузки страницы.
controls - панель управления плеера.
loop - воспроизведение по кругу без конца.
preload - подзагрузка аудио файла с открытием веб-страницы.

Можно указать адрес аудиофайла или ссылку аудиопотока, например, радио.

так

<audio 
src='audiofile.mp3' 
controls preload>
</audio>

Или так

<audio controls preload>
    <source src='audiofile.mp3' />
</audio>

Или так

<audio controls>
  <source 
  src="audiofile.ogg" 
  type="audio/ogg">
  <source 
  src="audiofile.mp3" 
  type="audio/mpeg">
  Ваш браузер 
  не поддерживает 
  аудиоплер
</audio>

Можно дать несколько файлов браузеру на выбор, он сам найдет, что поддерживает. Если он ничего не поддерживает, можно предложить текст, напр. "Ваш браузер не поддерживает аудиоплер".


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