HTML5 Audio on the Web(웹상의 오디오)

HTML5 Audio on the Web(웹상의 오디오)

HTML5 이전에는 오디오 파일을 플러그인과 같은 브라우저에서만 재생할 수있었습니다 (예 : 플래시).

HTML5 <audio> 요소는 웹 페이지에 오디오를 삽입하는 표준 방법을 지정합니다.

브라우저 지원

표의 숫자는 <audio> 요소를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.

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>

HTML 오디오 - 작동 원리

컨트롤 속성은 재생, 일시 정지, 볼륨처럼, 오디오 컨트롤을 추가합니다.

<소스> 요소는 브라우저에서 선택할 수 있습니다 다른 오디오 파일을 지정할 수 있습니다. 브라우저는 인식 된 첫 번째 형식을 사용합니다.

<audio>와 </ audio> 태그 사이의 텍스트는 <audio> 요소를 지원하지 않는 브라우저에서만 표시됩니다.

HTML 오디오 - 브라우저 지원

HTML5에는 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

HTML 오디오 - 미디어 유형

File Format Media Type

MP3               audio/mpeg

Ogg              audio/ogg

Wav              audio/wav

HTML 오디오 - 메서드, 속성 및 이벤트

HTML5는 <audio> 요소에 대한 DOM 메소드, 속성 및 이벤트를 정의합니다.

이를 통해 오디오를로드, 재생 및 일시 중지 할 수있을뿐만 아니라 기간 및 볼륨을 설정할 수 있습니다.

오디오가 재생되기 시작하거나 일시 중지 된 경우 사용자에게 알릴 수있는 DOM 이벤트도 있습니다.

전체 DOM 참조는 HTML5 오디오 / 비디오 DOM 참조로 이동하십시오 .

---

HTML5 오디오 태그

Tag Description

<audio> Defines sound content

<source> Defines multiple media resources for media elements, such as <video> and <audio>