Тег <audio> используется в HTML для интеграции аудио контента на веб-страницу. Обычно он используется следующим образом:
<audio controls> <source src="myAudio.mp3" type="audio/mpeg"> Ваш браузер не поддерживает аудио элемент. </audio>
В этом примере тег
Тег <audio> может быть укомплектован атрибутом controls, который добавляет элементы управления воспроизведением (плей, пауза, громкость и т.д.).
Текст между тегами <audio> и </audio> будет отображён только в том случае, если браузер пользователя не поддерживает элемент <audio>.
Если вам нужно воспроизводить аудио автоматически, вы можете добавить атрибут autoplay, но эту функцию следует использовать с осторожностью, так как автоматическое воспроизведение может быть навязчивым для пользователей.
Пример с автовоспроизведением:
<audio controls autoplay> <source src="myAudio.mp3" type="audio/mpeg"> Ваш браузер не поддерживает аудио элемент. </audio>
Атрибуты
Атрибуты | Описание |
src | Определяет источник аудиофайла. Значение этого атрибута должно быть URL-адресом аудиофайла. |
controls | Добавляет на плеер кнопки управления (пауза/воспроизведение, перемотка и громкость). |
autoplay | Автоматически запускает воспроизведение аудиофайла при загрузке страницы. |
loop | Зацикливает воспроизведение аудиофайла, чтобы он повторялся бесконечно. |
preload | Определяет, как браузер должен предзагружать аудиофайл. Возможные значения этого атрибута: "none" (не предзагружать), "metadata" (загружать только метаданные), "auto" (предзагружать весь файл). |
muted: | Устанавливает звук на беззвучный. |
volume | Определяет громкость аудиофайла. Значение должно быть числом от 0 до 1, где 0 - без звука, а 1 - полная громкость. |
controlslist | Определяет, какие кнопки управления должны отображаться на плеере. Возможные значения: "nodownload" (убирает кнопку загрузки), "nofullscreen" (убирает кнопку полноэкранного режима), "noremoteplayback" (убирает кнопку удаленного воспроизведения). |
Синтаксис
<audio src="URL"></audio> <audio> <source src="URL"> </audio>
Закрывающий тег
Обязателен.