HTML <audio> 태그
정의 및 특징
<audio> 태그는 음악이나 오디오 스트림과 같은 사운드를 정의할 때 사용합니다.
<audio> 요소 내에 위치하는 텍스트는 사용자의 브라우저가 <audio> 요소를 지원하지 않을 경우 화면에 표시됩니다.
<audio> 요소는 현재 다음 세 가지 포맷의 파일을 지원하고 있습니다.
- MP3 : Moving Picture Experts Group에 의해 개발되었으며, MPEG-1의 오디오 규격으로 개발된 손실 압축형 파일 형식입니다.
- WAV : IBM과 Microsoft에 의해 개발되었으며, 개인용 PC에서 오디오를 재생하기 위한 IBM과 Microsoft의 표준 오디오 파일 형식입니다.
- Ogg : Xiph 재단에 의해 개발되었으며, MP3의 대안으로 개발된 특허권으로 보호되지 않는 개방형 공개 멀티미디어 파일 형식입니다.
예제
<audio controls>
<source src="/examples/media/sample_audio_ogg.ogg" type="audio/ogg">
<source src="/examples/media/sample_audio_mp3.mp3" type="audio/mpeg">
이 문장은 여러분의 브라우저가 audio 태그를 지원하지 않을 때 화면에 표시됩니다!
</audio>
지원하는 브라우저 및 버전
| 태그명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| <audio> | 3.0 | 지원함 | 9.0 | 3.5 | 3.1 | 10.5 |
각 브라우저별로 현재 지원 중인 오디오 파일 포맷은 다음과 같습니다.
| 파일 포맷 |
미디어 타입(MIME) |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| MP3 | audio/mp3 | 지원함 | 지원함 | 지원함 | 지원함 | 지원함 |
| WAV | audio/wav | 지원함 |
지원하지 않음 |
지원함 | 지원함 | 지원함 |
| Ogg | audio/ogg | 지원함 | 지원하지 않음 | 지원함 | 지원하지 않음 | 지원함 |
HTML5에서 변경된 사항
<audio> 태그는 HTML5에서 새롭게 추가된 요소입니다.
사용할 수 있는 속성
| 속성명 | 속성값 | 설명 | |
|---|---|---|---|
|
autoplay |
오디오가 실행될 준비가 끝나는 대로 자동으로 실행됨을 명시함. |
||
|
|
controls |
플레이 버튼이나 정지 버튼과 같이 오디오의 실행을 제어할 수 있는 제어기가 표시됨을 명시함. |
|
|
|
loop |
오디오의 재생이 끝나면 자동으로 또다시 재생됨을 명시함. |
|
|
|
muted |
오디오의 음성 출력이 음소거됨을 명시함. |
|
|
|
auto metadata none |
페이지가 로드될 때 오디오 파일이 같이 로드되어야 하는지 여부와 그 방법을 명시함. |
|
|
|
URL |
오디오 파일의 위치(URL)를 명시함. |
DOM 인터페이스
| [NamedConstructor=Audio(optional DOMString src)] interface HTMLAudioElement : HTMLMediaElement {}; |
