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

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

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

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

Поиск по сайту

Поиск по разделам

Тестируем сайт

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

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