HTML5 오디오
HTML5 오디오(오디오)
HTML5는 오디오 파일 재생에 대한 표준을 제공합니다.
인터넷상의 오디오
지금까지는 웹페이지에서 오디오를 재생하는 것에 대한 표준이 없었습니다.
현재 대부분의 오디오는 플러그인(Flash 등)을 통해 재생됩니다. 그러나 모든 브라우저에 동일한 플러그인이 있는 것은 아닙니다.
HTML5는 <audio> 요소를 사용하여 웹 페이지에 오디오 요소를 삽입하기 위한 표준을 지정합니다.
브라우저 지원
참고: Internet Explorer IE 8 이하에서는
HTML5 오디오 - 작동 방식
HTML5에서 오디오를 재생하려면 다음 코드를 사용해야 합니다.
<!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>
control 속성은 재생, 일시 정지 및 볼륨 컨트롤을 추가하는 데 사용됩니다.
<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 | NO |
음악적 MIME 유형
<테이블 너비="-642">
| 格式 | MIME-type |
| MP3 | audio/mpeg |
| Ogg | audio/ogg |
| Wav | audio/wav |
HTML5 오디오 标签
| 标签 | 属性 |
| <audio> | 定义了声音内容 |
| <source> | 规定了多媒体资源, 可以是多个，在 <video> 与 <audio>标签中使用 |
<!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>
