HTMLMediaElement.readyState

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