<오디오>
HTML <audio> 태그
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <audio controls> <source src="horse.ogg" > <source src="horse.mp3" > 您的浏览器不支持 audio 元素。 </audio> </body> </html>
인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
브라우저 지원
IE 9 +, Firefox, Opera, Chrome 및 Safari는 모두 <audio> 태그를 지원합니다.
참고: IE 8 이하 버전의 IE 브라우저는 <audio> 태그를 지원하지 않습니다.
태그 정의 및 사용 지침
<audio> 태그는 음악이나 기타 오디오 스트림과 같은 사운드를 정의합니다.
현재 <audio> 요소는 MP3, Wav 및 Ogg의 3가지 파일 형식을 지원합니다.
| Browser | MP3 | Wav | Ogg |
|---|---|---|---|
| Internet Explorer | 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> 태그를 지원하지 않는 브라우저에 표시됩니다.
Attributes
New: HTML5의 새로운 속성.
| Property | Value | Description |
|---|---|---|
| autoplayNew | autoplay | 이 속성이 있는 경우 오디오는 준비되는 즉시 재생됩니다. |
| controlsNew | controls | 있는 경우 오디오 컨트롤(예: 재생/일시 중지 버튼)을 사용자에게 표시합니다. |
| loopNew | loop | 이 속성이 있으면 오디오가 끝날 때마다 재생이 다시 시작됩니다. |
| mutedNew | muted | 이 속성이 있으면 오디오 출력이 음소거됩니다. |
| preloadNew | auto 메타데이터 none | 은 웹 페이지가 로드될 때 기본적으로 오디오가 로드되는지 여부와 방법을 지정합니다. |
| srcNew | URL | 오디오 파일의 URL을 지정합니다. |
전역 속성
<audio> 태그는 HTML 전역 속성을 지원합니다.
이벤트 속성
<audio> 태그는 HTML 이벤트 속성을 지원합니다.
