h36. HTML5 오디오

HTML5 오디오

웹 페이지에서 오디오의 실행은, HTML5 이전에는 표준이 없었습니다. 

이때는 플레시 같은 플러그-인으로 플레이 할 수 있었습니다.

HTML5 <audio> 태그는 웹 페이지에 오디오를 삽입하는 표준 방법을 제공합니다.

크롬, 사파리, 파이어 폭스, 오페라에서 지원하며 IE9 이상에서도 <audio> 태그를 완벽하게 지원합니다.

HTML Audio 태그에서 controls 속성으로 오디오 컨트롤을 생성할 수 있는데, 플레이, 일시정지, 볼륨 컨트롤을 나타나게 합니다.

<audio> 태그와 </audio> 태그 사이에 텍스트를 넣으면 <audio> 태그를 지원하지 않는 브라우저나 사이트에서, 텍스트가 보이게 됩니다.

오디오 태그를 지원하지 않는 사이트 또는 브라우저 입니다.

<source> 태그를 여러개 만들어서 다른 형식의 오디오 파일을 링크해 놓으면 브라우저는 맨 처음 인식할 수 있는 형식의 오디오 파일을 사용합니다.

3가지 오디오 파일 형식중에 .mp3, 또는 .mp4(오디오만 있는) 는 모든 브라우저에서 잘 동작합니다. 

그러나 인터넷 익스플로러에서는 .wav 와 .ogg 형식은 실행되지 않고 또 와 사파리에서도 .ogg 파일이 지원되지 않으니 주의 합니다.

<audio controls autoplay>
<source src="http://www.sample-videos.com/audio/mp3/crowd-cheering.mp3" type="audio/mpeg">
오디오 태그를 지원하지 않는 사이트 또는 브라우저 입니다.
</audio>

---

[광고] Udemy 동영상 강의로 보기