HTMLMediaElement: свойство readyState

Свойство HTMLMediaElement.readyState указывает на состояние готовности медиаданных.

Число, являющееся одним из пяти возможных констант состояния, определенных на интерфейсе HTMLMediaElement:

HTMLMediaElement.HAVE_NOTHING (0)

Информация о медиаресурсе отсутствует.

HTMLMediaElement.HAVE_METADATA (1)

Достаточно данных медиаресурса было получено для инициализации атрибутов метаданных. Обращение больше не будет вызывать исключение.

HTMLMediaElement.HAVE_CURRENT_DATA (2)

Данные доступны для текущей позиции воспроизведения, но недостаточно для воспроизведения более одной кадра.

HTMLMediaElement.HAVE_FUTURE_DATA (3)

Данные для текущей позиции воспроизведения, а также для хотя бы небольшой части будущего времени (например, по меньшей мере двух кадров видео).

HTMLMediaElement.HAVE_ENOUGH_DATA (4)

Достаточно данных — и скорость загрузки достаточно высока — для воспроизведения медиа до конца без прерываний.

Этот пример будет слушать загрузку аудиоданных для элемента example. Затем он проверит, загружена ли хотя бы текущая позиция воспроизведения. Если загружена, аудио будет воспроизведено.

<audio id="example" preload="auto">
  <source src="sound.ogg" type="audio/ogg" />
</audio>

const obj = document.getElementById("example");

obj.addEventListener("loadeddata", () => {
  if (obj.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA) {
    obj.play();
  }
});

• HTMLMediaElement: Интерфейс, используемый для определения свойства HTMLMediaElement.readyState