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.
io error: No such file or directory (os error 2) (/home/runner/work/yari/yari/mdn/translated-content/files/ko/web/api/htmlmediaelement/index.md)
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>
js
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
같이 보기
- readyState를 정의하는 인터페이스는
HTMLMediaElement
입니다.