<audio>

Тип HTML

Описание

Элемент <audio> представляет способ для воспроизведения  и управления звуком в html документе. Так как не все браузеры поддерживают разные форматы аудио файлов, следует с помощью <source> добавлять несколько форматов для воспроизведения аудио файлов. Ниже приведен в таблице список совместимости браузеров и поддерживаемых форматов. Любой текст, заключенный внутри элемента <audio> будет отображаться на странице при невозможности воспроизвести файл браузером.

Браузер mp3 wav ogg aac
Internet Explorer да нет нет да
Chrome да да да да
FireFox да да да нет
Safari да да нет да
Opera да да да нет

Синтаксис

<audio>
   <source src="URL">
</audio>
или
<audio src="URL"></audio> 

Атрибуты

  • src              url адрес ресурса 
  • crossorigin определяет как элемент обрабатывает CORS запросы
  • preload      указывает на необходимость загрузки медиафайла при загрузке страницы
  • autoplay    указывает на то, что медиа ресурс можно запустить автоматически при загрузке страницы
  • loop           произвести зацикливание воспросизведения медиа ресура
  • muted        режим работы по умолчанию 
  • controls     показывать или нет элементы управления в браузере

Спецификация

версия HTML 3.2 HTML 4.01 HTML 5.0 XHTML 1.0 XHTML 1.1
поддержка нет нет да нет нет

Поддержка браузерами

браузер IE Chrome Opera Firefox Safari
версия 9.0+ 4.0+ 10.5+ 3.5+ 4.0+
поддержка да да да да да

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Применение элемента audio | develweb.ru</title>
 </head>
 <body>
     <audio controls autoplay>
	  <source src="music.mp3">
	   Ваш браузер не поддерживает mp3.
	 </audio>
 </body>
</html>
Результат примера
Пример элемента HTML5 audio
Рис.1 Результат примера элемента audio