<audio>

정의 및 사용

브라우저 자체에서 음악을 재생할 수 없었기 때문에 플래시 플레이어, 윈도우 미디어 플레이어, 퀵타임 등의 프로그램을 이용해 음악을 재생했지만 html5에서는 <audio>태그가 추가되어 웹 브라우저에서 바로 음악을 재생할 수 있다.

사용법이나 속성 등은 <video>태그와 거의 동일하다.

브라우저 지원

IE6  지원안함IE7  지원안함IE8  지원안함Chrome 지원Firefox 지원Opera 지원Safari 지원

IE를 제외한 모든 브라우저에서 지원(각 브라우저별로 어떤 코덱을 지원하는지도 주의해야 한다.)

구문

속성 값 설명
속성 설명
src 오디오 파일의 경로 지정
preload auto, metadata, none 값으로 오디오가 페이지 로드될 때 같이 로드 될지 아닐지 지정
autoplay 오디오 자동 재생
loop 재생 반복 횟수 지정
controls 콘트롤 막대바 추가

예제

  • 기본적으로 audio태그만 사용하여 코딩하지만, 현재 각 브라우저마다 지원 파일 형식과 코덱이 달라서 css3를 사용할 때 벤더 접두사(-moz-, -webkit-, -o-)를 사용하듯 audio태그 안에 source태그를 사용해서 파일 형식과 코덱들을 모두 적어주어야 한다.

버그 및 이슈

브라우저별 지원 오디오 파일 형식

브라우저별 오디오 파일 형식
브라우저 오디오 파일형식
파이어폭스 ogg, wav
오페라 wav
사파리 mp3, wav
크롬 ogg, mp3

목록 으로

댓글