Фоновый HTML 5 звук или музыка на сайте

Теги <audio> </audio> определяют фоновый звук, музыку, в общем аудиопоток на сайте:


 <!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

</head>

<body>


<audio src="music.ogg" controls="controls">

Ваш браузер не поддерживает теги <audio> </audio>! Обновите версию браузера!

</audio>


</body>

</html>

Результат: фоновый HTML звук – музыка на сайте

Атрибуты и значения

Флажок autoplay="autoplay" определяет воспроизведение музыкального файла сразу же после загрузки страницы.
Флажок autobuffer="autobuffer" используется в паре с autoplay="autoplay" – определяет воспроизведение музыкального файла уже в момент загрузки страницы.
src="url" – источник звукового файла.
Флажок controls="controls" показывает панель управления плеером.

Строка: Ваш браузер не поддерживает теги <audio> </audio>! Обновите версию браузера! – будет показана если версия браузера пользователя не слишком новая.

Как вы видите, файл должен быть с расширением .ogg.

Теги <audio> </audio> впервые представлены в спецификации HTML 5, которая пока не получила статус официальной рекомендации. Новые теги могут не интерпретироваться устаревшими версиями браузеров!

Дата публикации: Февраль 2010 | Обновление: Май 2012

Направление текста Фоновый HTML звук – музыка на сайте HTML видео

Сохранить в сервисы и закладки