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

Этот вопрос проверяет знание тега <audio> и умение работать с аудиофайлами на веб-страницах.

Короткий ответ

Для вставки аудио в HTML используется тег <audio>. Как и в случае с видео, можно указывать несколько форматов аудиофайлов через тег <source>, а атрибуты controls, autoplay, и loop управляют воспроизведением аудио.

Длинный ответ

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

  • controls — добавляет панель управления для пользователя.
  • autoplay — автоматически начинает воспроизведение аудио.
  • loop — повторяет аудиофайл по кругу.
  • muted — заглушает звук аудио по умолчанию.

 

Пример:

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

 

Этот код вставляет аудиофайл с кнопками управления воспроизведением. Как и с видео, несколько <source> позволяют поддерживать различные форматы аудио для разных браузеров.

Уровень

  • Рейтинг:

    1

  • Сложность:

    3

Навыки

  • HTMl

    HTMl

Ключевые слова

Подпишись на React Developer в телеграм