Руководство по HTML

Полный список тегов HTML

HTML: тег <audio>

Элемент HTML <audio> используется для представления аудиоконтента в документе. Элемент <audio> может содержать несколько аудиоресурсов, которые можно описать с помощью атрибута src или элемента <source>; браузер выберет наиболее подходящий для использования. Для браузеров, которые не поддерживают элемент <audio>, элемент <audio> также может быть добавлен в документ как содержимое, которое браузер не распознает.

Онлайн пример

Прослушивание звука:

Пример

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Веб-сайт основного руководства (oldtoolbag.com)</title>　
</head>
<body>
<audio controls>
　　<source src="horse.ogg" type="audio/ogg">
　　<source src="horse.mp3" type="audio/mpeg">
　　Ваш браузер не поддерживает элемент audio.
</audio>
</body>
</html>

Проверьте <‹/›>

Совместимость браузеров

IEFirefoxOperaChromeSafari

IE 9+, Firefox, Opera, Chrome и Safari поддерживают тег <audio>.

Примечание: Браузеры IE 8 и более ранние версии не поддерживают тег <audio>.

Определение и описание использования тега

Тег <audio> определяет звук, например, музыку или другие аудиопотоки.
В настоящее время элемент <audio> поддерживает три типа файлов: MP3, WAV и Ogg.

браузер	MP3	Wav	Ogg
Internet Explorer	YES	NO	NO
Chrome	YES	YES	YES
Firefox	YES	YES	YES
Safari	YES	YES	NO
Opera	YES	YES	YES

Различия между HTML 4.01 и HTML5

Тег <audio> является новым тегом в HTML5.

Советы и注意事项

Примечание:Любой текст между <audio> и </audio> будет отображаться в браузерах, не поддерживающих тег <audio>.

Свойства

New: Новые свойства в HTML5.

Свойства	Значение	Описание
autoplayHTML5	autoplay	Если присутствует этот атрибут, аудио будет воспроизводиться сразу после загрузки.
controlsHTML5	controls	Если присутствует этот атрибут, пользователю будет отображаться аудиоконтроль (например, кнопка воспроизведения/паузы).
loopHTML5	loop	Если присутствует этот атрибут, аудио будет повторяться каждый раз после завершения.
mutedHTML5	muted	Если присутствует этот атрибут, аудиовыход будет тишина.
preloadHTML5	auto metadata none	Указать, загружается ли аудио по умолчанию при загрузке веб-страницы и как оно загружается.
srcHTML5	URL	Указать URL аудиофайла.

Глобальные свойства

Поддержка тега <audio> Глобальные свойства HTML.

Событийные свойства

Поддержка тега <audio> Событийные свойства HTML.

HTML: тег <b>HTML: тег <aside>