Как предварительно загрузить аудио в HTML5?

Опубликовано: 26 Августа, 2022

В этой статье мы предварительно загрузим аудио в формате HTML. Мы используем атрибут preload="auto" для предварительной загрузки аудиофайла. Атрибут HTML Audio Preload используется для указания того, как, по мнению автора, аудио должно загружаться при загрузке страницы. Атрибут предварительной загрузки аудио позволяет автору указать браузеру, как должен быть реализован пользовательский интерфейс веб-сайта. В некоторых случаях этот атрибут можно игнорировать.

Вы должны знать об атрибуте предварительной загрузки HTML <audio>

Примечание. Если присутствует автовоспроизведение , атрибут предварительной загрузки игнорируется.

Ниже приведены примеры, иллюстрирующие использование атрибута предварительной загрузки .

Пример 1: когда предзагрузка = «авто»

HTML

<!DOCTYPE html>
<html>
<body>
  <h1>GFG</h1>
  <p>Hit the button for audio</p>
  <audio controls preload="auto">
     <source src="gfg.ogg" type="audio/ogg">
     <source src="gfg.mp3" type="audio/mpeg">
  </audio>
</body>
    
</html>

Выход:

Пример 2: Когда предварительная загрузка = «нет»:

HTML

<!DOCTYPE html>
<html>
    
<body>
  <h1>GFG</h1>
  <p>Hit the button for audio</p>
  
  <audio controls preload="none">
     <source src="gfg.ogg" type="audio/ogg">
     <source src="gfg.mp3" type="audio/mpeg">
  </audio>
</body>
    
</html>

Выход:

Picked HTML

Как предварительно загрузить аудио в HTML5?

HTML

HTML

РЕКОМЕНДУЕМЫЕ СТАТЬИ