HTMLMediaElement.readyState

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

HTMLMediaElement.readyState 속성은 미디어의 준비 상태를 나타냅니다.

아래의 unsigned short 값 중 하나입니다.

상수	값	설명
`HAVE_NOTHING`	0	미디어 리소스에 대한 정보가 없습니다.
`HAVE_METADATA`	1	메타데이터 속성이 초기화될 만큼 충분한 미디어 리소스가 검색되었습니다. seeking에서 더 이상 예외를 발생시키지 않습니다.
`HAVE_CURRENT_DATA`	2	현재 재생 위치에 대한 데이터를 사용할 수 있지만 실제로 한 프레임 이상을 재생하기에는 충분하지 않습니다.
`HAVE_FUTURE_DATA`	3	현재 재생 위치 및 미래의 최소한의 시간에 대한 데이터를 사용할 수 있습니다(이 뜻은 비디오의 최소 두 프레임이 있다는 뜻입니다).
`HAVE_ENOUGH_DATA`	4	충분한 데이터를 사용할 수 있고 다운로드 속도가 충분히 높아 미디어를 중단 없이 끝까지 재생할 수 있습니다.

이 예제는 example 요소에 대해 로드할 오디오 데이터를 수신합니다. 그런 다음 최소한 현재 재생 위치가 로드되었는지 확인합니다. 있는 경우 오디오가 재생됩니다.

html

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

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

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

Specification
HTML Standard # dom-media-readystate-dev

BCD tables only load in the browser