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

Веб-мастеру / Формы на сайт / Медиа на сайт

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

Аудиоплеер на 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>

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


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