HTML5 기본 가이드

HTML5 API

HTML5 미디어

HTML5 그래픽

HTML5 폼 요소 HTML5 비디오(비디오)

HTML5 오디오(오디오)

HTML5 오디오 파일을 재생하는 표준을 제공합니다.

인터넷의 오디오

지금까지, 웹 페이지에서 오디오를 재생하기 위한 표준은 존재하지 않습니다.

오늘날, 대부분의 오디오는 플러그인(예: Flash)을 통해 재생됩니다. 그러나 모든 브라우저가 동일한 플러그인을 가지고 있지 않습니다.

HTML5 웹 페이지에 오디오 요소를 삽입하는 표준을 정의합니다. 즉, <audio> 요소를 사용합니다.

브라우저 지원

인터넷 익스플로러 9+, Firefox, Opera, Chrome, 및 Safari는 <audio> 요소를 지원합니다.

주의: 인터넷 익스플로러 8 및 이전 IE 버전은 <audio> 요소를 지원하지 않습니다.

HTML5 오디오 - 작동 방식

HTML에서 오디오를 재생하려면5 HTML에서 오디오를 재생하려면 다음 코드를 사용해야 합니다:

예제

!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>

테스트를 보세요.‹/›

control 속성을 사용하여 재생, 일시정지 및 볼륨 컨트롤을 추가할 수 있습니다.

<audio>과 </브라우저가 지원하지 않는 <audio> 요소에 대한 알림 텍스트를 삽입해야 합니다.

<audio> 요소는 여러 개의 <source> 요소를 사용할 수 있습니다. <source> 요소는 다른 오디오 파일을 링크할 수 있으며, 브라우저는 지원되는 첫 번째 오디오 파일을 사용합니다.

오디오 형식 및 브라우저 지원

현재, <audio> 요소는 세 가지 오디오 형식 파일을 지원합니다: MP3, Wav, 및 Ogg:

브라우저	MP3	Wav	Ogg
인터넷 익스플로러 9+	YES	NO	NO
크롬 6+	YES	YES	YES
파이어폭스 3.6+	YES	YES	YES
사파리 5+	YES	YES	NO
오퍼라 10+	YES	YES	YES

오디오 형식의 MIME 타입

형식	MIME-type
MP3	audio/mpeg
Ogg	audio/ogg
Wav	audio/wav

HTML5 오디오 태그

태그	설명
<audio>	사운드 내용을 정의
<source>	멀티미디어 자원을 정의하며, 여러 개가 될 수 있으며, <video>와 <audio> 태그에서 사용

HTML5 폼 요소 HTML5 비디오(비디오)