kwork banner 468x60kwork banner 728x90kwork banner 930x180smsc banner 468x60smsc banner 728x90smsc banner 930x180etxt banner 468x60etxt banner 728x90etxt banner 930x180

используется для встраивания аудиоконтента в документ HTML

Тип:Block
Контент:<source>, <track>, и текст
Открывающий тег:Обязательный
Закрывающий тег:Обязательный
Версия:Новый в HTML5

Синтаксис

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

HTML / XHTML: <audio> ... </audio>

Примеры написания кода тега <audio>:

<audio controls="controls" src="birds.mp3">
    Ваш браузер не поддерживает элемент HTML5 Audio.
</audio>

Аудио, использующее набор элементов управления по умолчанию браузера, с альтернативными источниками.

<audio controls="controls">
    <source src="birds.mp3" type="audio/mpeg">
    <source src="birds.ogg" type="audio/ogg">
    Ваш браузер не поддерживает элемент HTML5 Audio.
</audio>

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

Специальные атрибуты тега

В следующей таблице приведены атрибуты, которые относятся к тегу <audio>:

АтрибутЗначениеОписание
autoplayautoplayЭтот логический атрибут указывает, что звук автоматически начнет воспроизводиться не дожидаясь завершения загрузки данных.
controlscontrolsЕсли указано, браузеры будут отображать элементы управления, чтобы позволить пользователю управлять воспроизведением звука, например, воспроизведение/пауза, громкость и т. д.
looploopЭтот логический атрибут указывает, что аудио будет автоматически начинаться заново, по достижении конца.
mutedmutedЭтот логический атрибут указывает, будет ли звук изначально отключен. Значением по умолчанию является false, что означает, что звук будет воспроизводиться.
preloadauto
metadata
none
Предоставляет подсказку браузеру о необходимости загрузки самого аудио или его метаданных. Атрибут autoplay может переопределить этот атрибут, потому что если вы хотите автоматически воспроизводить аудио, браузер, очевидно, должен будет загрузить его.
srcURLОпределяет местоположение аудиофайла. Кроме того, вы можете использовать предпочтительный тег <source>, поскольку он допускает несколько вариантов.

Глобальные атрибуты

Как и все другие HTML-теги, тег <audio>поддерживает все глобальные атрибуты в HTML5.

Атрибуты для событий

Тег <audio> так же поддерживает атрибуты событий в HTML5.

Поддержка браузеров

Тег <audio> поддерживается во всех основных браузерах.

kwork banner 480x320kwork banner 728x90kwork banner 120x600skillbox banner 480x320skillbox banner 728x90skillbox banner 120x600beget banner 480x320beget banner 728x90beget banner 120x600

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.

Похожие посты

HTML-тег <header>

Определяет заголовок документа или раздела

HTML-тег <base>

Определяет базовый URL для всех связанных объектов на странице

HTML-тег <legend>

Определяет заголовок для элемента <fieldset>