HTML5 오디오

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

인터넷상의 오디오

지금까지는 웹페이지에서 오디오를 재생하는 것에 대한 표준이 없었습니다.

현재 대부분의 오디오는 플러그인(Flash 등)을 통해 재생됩니다. 그러나 모든 브라우저에 동일한 플러그인이 있는 것은 아닙니다.

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

브라우저 지원

Internet Explorer 9+, Firefox, Opera, Chrome 및 Safari는 모두 <audio> 요소를 지원합니다.

참고: Internet Explorer 8 및 이전 IE 버전은 <audio> 요소를 지원하지 않습니다.

HTML5 오디오 - 작동 방식

필요한 경우 HTML5에서 오디오를 재생하려면 다음 코드를 사용해야 합니다:

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

</body>
</html>

Run Instance»

온라인 예제를 보려면 "예제 실행" 버튼을 클릭하세요.

제어 속성은 재생, 일시 정지 및 볼륨 제어를 추가하는 데 사용됩니다.

<audio>와 </audio> 사이에는 브라우저가 지원하지 않는 <audio> 요소의 프롬프트 텍스트를 삽입해야 합니다.

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

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

浏览器	MP3	Wav	Ogg
Internet Explorer 9+	YES	NO	NO
Chrome 6+	YES	YES	YES
Firefox 3.6+	YES	YES	YES
Safari 5+	YES	YES	NO
Opera 10+	YES	YES	YES

MIME 유형의 오디오 형식

Format	MIME-type
MP3	audio/mpeg
Ogg	audio/ogg
Wav	audio/wav

HTML5 오디오 태그

标签	描述
<audio>	定义了声音内容
<source>	规定了多媒体资源, 可以是多个，在 <video> 与 <audio>标签中使用