HTML5는 오디오 파일을 재생하기위한 기준을 제공합니다.
HTML5 오디오는 브라우저에서 텍스트 오디오 입력, 재생, 합성뿐만 아니라 연설을 통합, HTML5 사양의 적용을받습니다.
웹에서 오디오
HTML5하기 전에 웹 페이지에 오디오 파일을 재생하기위한 표준이 없었다.
HTML5 전에 오디오 파일은 플러그인으로 재생 될 수있다 (like flash) .
HTML5의 <audio> 요소는 웹 페이지에 오디오를 포함하는 표준 방식을 지정한다.
브라우저 지원
테이블의 숫자는 완벽하게 지원하는 최초의 브라우저 버전 지정 <audio> 요소를.
| 요소 | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
html로 <audio> 요소
HTML에 오디오 파일을 재생하려면 사용 <audio> 요소를 :
예
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio> »그것을 자신을 시도 <오디오> 요소는 음성 또는 오디오 스트림을 나타낸다. 일반적으로 재생 / 일시 정지 / 볼륨 컨트롤과 GUI 위젯을 보여주는 웹 페이지 내에서 하나의 오디오 파일을 재생하는 데 사용됩니다.
<오디오> 요소는 다음 속성이 있습니다 :
전역 속성 (입니다 accesskey, 클래스,의 contentEditable;의 ContextMenu, 디렉토리, 드래그, DROPZONE, 숨겨진, ID, 랭, 맞춤법 검사, 스타일,의 tabindex, 제목, 번역)
자동 재생 = "자동 재생"또는 ""(빈 문자열)이나 빈은 자동으로 곧 중지하지 않고 그렇게 할 수있는 오디오 스트림의 재생을 시작하는 사용자 에이전트에 지시합니다.
프리로드 = "none"또는 "메타 데이터"또는 "자동"또는 ""(빈 문자열)이나 빈 오디오 스트림 자체 또는 메타 데이터의 낙관적 다운로드가 가치있는 것으로 간주됩니다 여부에 대한 사용자 에이전트에 힌트를 나타냅니다.
"없음": 사용자가 불필요한 트래픽을 최소화하는 것이 바람직하다, 또는 오디오 스트림을 필요로 할 것으로 예상되지 않는 사용자 에이전트에 힌트.
"메타 데이터": 사용자가 오디오 스트림을 필요로 할 것으로 예상되지 않는 사용자 에이전트에 힌트 만 (등등 기간과) 메타 데이터를 가져 오는 것이 바람직하다.
"자동"낙관적 전체 오디오 스트림을 다운로드하는 사용자 에이전트에 힌트가 바람직 간주됩니다.
컨트롤 = "컨트롤"또는 ""(빈 문자열)이나 빈 오디오 스트림의 재생을 제어하기위한 사용자 인터페이스를 노출하는 사용자 에이전트에 지시합니다.
루프 = "루프"또는 ""(빈 문자열)이나 빈은 마지막에 도달하면 다시 오디오 스트림의 시작 추구하는 사용자 에이전트에 지시합니다. MEDIAGROUP = 문자열은 복수의 비디오 및 / 또는 오디오 스트림을 연결하는 사용자 에이전트에 지시합니다.
음소거 = "음소거"또는 ""(빈 문자열)이나 빈 잠재적 사용자 환경 설정을 무시, 오디오 스트림의 기본 상태를 나타냅니다. SRC = 비어 [URL]는 잠재적으로 공간 오디오 스트림에 대한 URL을 포위.
HTML 오디오 - 이용 방법
controls 속성은 재생, 일시 정지, 볼륨처럼, 오디오 컨트롤을 추가합니다.
사이 텍스트 <audio> 및 </audio> 태그는 지원하지 않는 브라우저에 표시됩니다 <audio> 요소를.
여러 <source> 요소는 다른 오디오 파일에 링크 할 수 있습니다. 브라우저는 처음 인식 형식을 사용합니다.
HTML 오디오 - 브라우저 지원
현재 3 지원되는 파일 형식은 거기에있는 <audio> 요소 : MP3, WAV, 그리고 오그 :
| 브라우저 | MP3 | Wav를 | 오그 |
|---|---|---|---|
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | YES | NO |
| Opera | YES | YES | YES |
HTML 오디오 - 미디어 유형
| 파일 형식 | 미디어 유형 |
|---|---|
| MP3 | audio/mpeg |
| Ogg | audio/ogg |
| Wav | audio/wav |
HTML 오디오 - 메서드, 속성 및 이벤트
HTML5는 대한 DOM 메서드, 속성 및 이벤트를 정의 <audio> 요소입니다.
이것은 당신이로드 재생, 및 오디오뿐만 아니라, 설정 기간과 볼륨을 일시 정지 할 수 있습니다.
등 DOM의 오디오 재생이 시작 때 통지 수있는 이벤트, 일시 정지도있다
전체 DOM의 참고로, 우리로 이동 HTML5 오디오 / 비디오 DOM 참조 .
HTML5 오디오 태그
| 꼬리표 | 기술 |
|---|---|
| <audio> | 사운드 컨텐츠를 정의 |
| <source> | 예컨대 미디어 요소 여러 미디어 리소스 정의 <video> 및 <audio> |
HTML 오디오 - 웹 음성 API
웹 음성 API는 (키보드를 사용하지 않고) 웹 애플리케이션을위한 대체 입력 방법을 제공하는 것을 목표로하고있다. 이 API를 통해 개발자 웹은 컴퓨터의 마이크에서, 텍스트 음성을 전사 할 수있는 기능을 애플 리케이션을 제공 할 수 있습니다. 녹음 된 오디오는 텍스트가 사용자에 대한 개 입력 된 후 전사 음성 서버로 전송됩니다. 이 API 자체는 기본 음성 인식 구현의 불가지론 모두 기반 서버뿐만 아니라 내장 된 인식기를 지원할 수 있습니다. html로 음성 인큐베이터 그룹은 유니폼, 크로스 플랫폼의 API 형태로 브라우저에서 오디오 음성 기술의 구현을 제안했다. API는 모두 포함되어 있습니다 :
- 음성 입력 API
- 음성 API에 텍스트