본문 바로가기

HTML5

W3Schools HTML5 튜토리얼 (한글) -6

W3Schools HTML5 튜토리얼

HTML5 홈
HTML5 소개
HTML5 새 엘리먼트 (Elements)
HTML5 비디오 (Video)
HTML5 비디오/Dom (Video/DOM)
HTML5 오디오 (Audio)
HTML5 캔버스 (Canvas)
HTML5 웹 저장공간 (Web Storage)

HTML5 폼 (Forms)

HTML5 입력타입 (Input Types)
HTML5 폼 엘리먼트 (Form Elements)
HTML5 폼 속성 (Form Attributes)

HTML5 참조목록 (Reference)

HTML5 태그 (Tags)
HTML5 속성 (Attributes)
HTML5 이벤트 (Events)
HTML5 2D 캔버스 (Canvas 2d)
HTML 유효 DTD (Valid DTDs)



HTML5 오디오 파일 재생의 표준을 지원합니다.


웹상에서의 오디오

지금껏 웹페이지에서 오디오 파일을 재생하는 표준이 없었습니다.

오늘날 대부분의 오디오 파일들이 플래시와 같은 플러그인을 통해 재생되고 있습니다. 하지만 브라우저마다 각각의 플러그인이 필요합니다

HTML5는 웹페이지에 오디오파일을 내장하기 위한 표준안을 새 엘리먼트에 정의하였습니다 : <audio> 엘리먼트.



어떻게 작동하나요

To HTML5로 오디오 파일을 재상하려면 이것만 있으면 됩니다:

예제

<audio controls="controls">
  <source src="song.ogg" type="audio/ogg" />
  <source src="song.mp3" type="audio/mpeg" />
  Your browser does not support the audio element.
</audio>

직접 해보기 »

재생, 일시정지, 볼륨과 같은 오
디오를 제어하기위한 속성들이 추가 되었습니다.

또한 <audio> 엘리먼트를 지원하지않는 브라우저를 위해 <audio>와 </audio> 태그 사이에 자막문구를 삽입해야합니다.

<audio> 엘리먼트는 복수개의 <source> 엘리먼트를 허용하는데 <source> 엘리먼트는 서로 다른 오디오 파일들을 링크할수있습니다. 브라우저는 첫번째로 인식한 포멧을 사용할것입니다.



오디오 포멧과 지원하는 브라우저

현재 <audio> 엘리먼트는 3가지 파일 포멧을 지원합니다: MP3, Wav, Ogg:

브라우저MP3WavOgg
인터넷 익스플로러 9 지원 비지원 비지원
파이어폭스 4.0 비지원 지원 지원
구글 크롬 6 지원 지원 지원
애플 사파리 5 지원 지원 비지원
오페라 10.6 비지원 지원 지원



HTML5 오디오 태그 (audio Tags)

태그설명
<audio> 음악 컨텐츠를 정의함
<source> <video> 나 <audio>와 같은 미디어 엘리먼트에 복수개의 미디어 리소스를 정의함