HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <audio> 태그

HTML <audio> 요소는 문서에서 오디오 내용을 표현하는 데 사용됩니다. <audio> 요소는 여러 오디오 리소스를 포함할 수 있으며, 이 오디오 리소스는 src 속성이나 <source> 요소를 사용하여 설명할 수 있습니다. 브라우저는 가장 적합한 하나를 선택하여 사용합니다. <audio> 요소는 <audio> 요소를 지원하지 않는 브라우저에도 문서에 추가할 수 있습니다.

온라인 예제

오디오 재생：

예제

!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>기본 튜토리얼 웹(oldtoolbag.com)</title>　
</head>
<body>
<audio　controls>
　　<source　src="horse.ogg"　type="audio/ogg">
　　<source　src="horse.mp3"　type="audio/mpeg">
　　브라우저는 audio 요소를 지원하지 않습니다。
</audio>
</body>
</html>

테스트해 보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

IE 9+Firefox, Opera, Chrome, Safari 모두 <audio> 태그를 지원합니다。

주의사항： IE 8 또는 이전 버전의 IE 브라우저는 <audio> 태그를 지원하지 않습니다。

태그 정의 및 사용 설명

<audio> 태그는 음악이나 다른 오디오 스트림을 정의합니다。
현재，<audio> 요소가 지원3종류의 파일 포맷：MP3，WAV와 OGG.

브라우저	MP3	Wav	Ogg
인터넷 익스플로어	YES	NO	NO
Chrome	YES	YES	YES
Firefox	YES	YES	YES
Safari	YES	YES	NO
Opera	YES	YES	YES

HTML 4.01 와 HTML5사이의 차이

<audio> 태그는 HTML5속성에서 새로운 태그입니다。

알림과 주의사항

주의:<audio>와</ audio>사이의 모든 텍스트는 <audio> 태그를 지원하지 않는 브라우저에서 표시됩니다。

속성

New　：HTML5 속성에서 새로운 속성입니다。

속성	값	설명
autoplayHTML5	autoplay	이 속성이 등장하면, 오디오가 준비되면 즉시 재생됩니다。
controlsHTML5	controls	이 속성이 등장하면, 사용자에게 오디오 컨트롤러(예를 들어, 재생/정지 버튼）。
loopHTML5	loop	이 속성이 등장하면, 오디오가 끝나면 다시 재생됩니다。
mutedHTML5	muted	이 속성이 등장하면, 오디오 출력이 무음이 됩니다。
preloadHTML5	auto metadata none	웹 페이지가 로드될 때, 오디오가 기본적으로 로드되고 어떻게 로드되는지 정의합니다。
srcHTML5	URL	오디오 파일의 URL을 정의합니다。