<audio> 태그의 preload 속성
HTML <audio> 태그 ⇒
정의 및 특징
<audio> 태그의 preload 속성은 페이지가 로드될 때 오디오 파일이 같이 로드되어야 하는지 여부와 그 방법을 명시합니다.
preload 속성은 저자(author)가 생각하는 최적의 사용자 경험(user experience, UX)은 무엇인지에 대한 힌트를 브라우저에 제공해 줍니다.
단, autoplay 속성이 설정되어 있다면, preload 속성은 무시됩니다.
문법
| <audio preload="auto|metadata|none"> |
속성값
| 속성값 | 설명 | |
|---|---|---|
|
auto |
저자는 페이지가 로드될 때 브라우저가 전체 오디오 파일도 같이 로드해야 된다고 생각함. |
|
| metadata |
저자는 페이지가 로드될 때 브라우저가 메타데이터(metadata)만 로드해야 된다고 생각함. |
|
| none |
저자는 페이지가 로드될 때 브라우저가 오디오 파일을 로드해서는 안 된다고 생각함. |
예제
<audio controls preload="none">
<source src="/examples/media/sample_audio_ogg.ogg" type="audio/ogg">
<source src="/examples/media/sample_audio_mp3.mp3" type="audio/mpeg">
이 문장은 여러분의 브라우저가 audio 태그를 지원하지 않을 때 화면에 표시됩니다!
</audio>
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| preload | 3.0 | 지원함 | 9.0 | 4.0 | 3.1 | 15.0 |
HTML5에서 변경된 사항
<audio> 태그는 HTML5에서 새롭게 추가된 요소입니다.
