HTML <audio> 태그

 

정의 및 특징

・<audio> 태그는 음악이나

　오디오 스트림과 같은 사운드를 정의할 때 사용한다

 

・<audio> 요소 내에 위치하는

　텍스트는 사용자의 브라우저가

　<audio> 요소를 지원하지 않을 경우

　화면에 표시된다

 

・<audio> 요소는

　현재 다음 세 가지 포맷의 파일을 지원하고 있다

　- MP3 : Moving Picture Experts Group에 의해 개발되었으며

　　　　　MPEG-1의 오디오 규격으로 개발된

　　　　　손실 압축형 파일 형식

　- WAV : IBM과 Microsoft에 의해 개발되었으며

　　　　　개인용 PC에서 오디오를 재생하기 위한

　　　　　IBM과 Microsoft의 표준 오디오 파일 형식

　- Ogg : Xiph 재단에 의해 개발되었으며

　　　　　MP3의 대안으로 개발된 특허권으로 보호되지 않는

　　　　　개방형 공개 멀티미디어 파일 형식

 

・<audio> 태그는 HTML5에서 새롭게 추가된 요소

 

 

지원하는 브라우저 및 버전

3.0	지원함	9.0	3.5	3.1	10.5

 

파일 포맷	미디어 타입 (MIME)
MP3	audio/mp3	지원함	지원함	지원함	지원함	지원함
WAV	audio/wav	지원함	지원하지 않음	지원함	지원함	지원함
Ogg	audio/ogg	지원함	지원하지 않음	지원함	지원하지 않음	지원함

 

속성

속성명	속성값	설명
autoplay	autoplay	오디오가 실행될 준비가 끝나는 대로 자동으로 실행됨을 명시한다
controls	controls	플레이 버튼이나 정지 버튼과 같이 오디오의 실행을 제어할 수 있는 제어기가 표시됨을 명시한다
loop	loop	오디오의 재생이 끝나면 자동으로 또다시 재생됨을 명시한다
muted	muted	오디오의 음성 출력이 음소거됨을 명시한다
preload	auto metadata none	페이지가 로드될 때 오디오 파일이 같이 로드되어야 하는지 여부와 그 방법을 명시한다
src	URL	오디오 파일의 위치(URL)를 명시한다

 

예제

<audio controls>
    <source src="/media/sample_audio_ogg.ogg" type="audio/ogg">
    <source src="/media/sample_audio_mp3.mp3" type="audio/mpeg">
    이 문장은 여러분의 브라우저가 audio 태그를 지원하지 않을 때 화면에 표시됩니다!
</audio>

 

 

■HTML 태그 레퍼런스

HTML 태그 레퍼런스 - MAIN 돌아가기