Тег &ltaudio>

Тег <audio> используется в HTML для интеграции аудио контента на веб-страницу. Обычно он используется следующим образом:

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

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

Тег <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>

Закрывающий тег

Обязателен.