Узнайте, как легко вставить аудио в веб-страницу с помощью тега

Как вставить аудио в HTML

Есть несколько способов вставить аудио на веб-страницу. Один из них - использование тега <audio>.

Пример с использованием тега <audio>

Для начала, нужно указать путь к аудиофайлу в атрибуте src тега <audio>.

    <audio src="audio.mp3" controls>
      Ваш браузер не поддерживает тег audio.
    </audio>
  

В приведенном выше примере, файл audio.mp3 находится в той же директории, что и HTML-файл. Тег controls добавляет стандартные элементы управления, такие как кнопка воспроизведения и ползунок громкости.

Также, можно добавить атрибут autoplay, чтобы аудио начинало воспроизводиться автоматически при загрузке страницы:

    <audio src="audio.mp3" controls autoplay>
      Ваш браузер не поддерживает тег audio.
    </audio>
  

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

Тег <audio> также поддерживает другие атрибуты, такие как loop для повтора аудио и preload для предварительной загрузки аудиофайла. Например:

    <audio src="audio.mp3" controls loop preload="auto">
      Ваш браузер не поддерживает тег audio.
    </audio>
  

Таким образом, с использованием тега <audio> можно легко вставить аудио на веб-страницу и добавить пользовательские элементы управления.