HTMLAudioElement: Конструктор Audio()

Конструктор Audio() создаёт и возвращает новый элемент HTMLAudioElement, который может быть прикреплён к документу для взаимодействия пользователя и/или прослушивания, или может использоваться вне экрана для управления и воспроизведения аудио.

url Необязательный

Необязательная строка, содержащая URL аудиофайла, который будет связан с новым элементом аудио.

Новый объект HTMLAudioElement, настроенный для воспроизведения аудио из файла, указанного в url. Свойство preload нового объекта устанавливается в значение auto, а свойство src устанавливается в указанный URL или null, если URL не указан. Если URL указан, браузер начинает асинхронную загрузку медиаресурса до возвращения нового объекта.

Вы также можете использовать другие методы создания элементов, такие как метод document объекта createElement(), для создания нового HTMLAudioElement.

Существует три способа определить, когда загрузилась достаточно аудио, чтобы начать воспроизведение:

• Проверьте значение свойства readyState. Если оно равно HTMLMediaElement.HAVE_FUTURE_DATA, то доступно достаточно данных для начала воспроизведения, и воспроизведение будет происходить по крайней мере в течение короткого времени. Если оно равно HTMLMediaElement.HAVE_ENOUGH_DATA, то доступно достаточно данных, чтобы, учитывая текущую скорость загрузки, вы могли воспроизвести аудио до конца без прерываний.
• Прислушайтесь к событию canplay. Оно отправляется элементу <audio> при наличии достаточного аудио для начала воспроизведения, хотя возможны прерывания.
• Прислушайтесь к событию canplaythrough. Оно отправляется, когда ожидается, что аудио воспроизведётся до конца без прерываний.

Наилучшим подходом является использование событий:

myAudioElement.addEventListener("canplaythrough", (event) => {
  /* the audio is now playable; play it if permissions allow */
  myAudioElement.play();
});

Если все ссылки на элемент аудио, созданный с помощью конструктора Audio(), будут удалены, сам элемент не будет удалён из памяти механизмом сборки мусора JavaScript-движка, если воспроизведение в данный момент происходит. Вместо этого аудио будет продолжаться воспроизведение, а объект останется в памяти до завершения воспроизведения. В этот момент объект становится доступным для сборки мусора.

• Веб-медиа технологии
• Элемент HTML, реализующий этот интерфейс: <audio>.