본문 바로가기
Programming/HTML+CSS

오디오 태그

by 막이 2012. 11. 29.

 

속성이름   설명
 src  음악 파일의 경로 지정
 preload

 음악을 재생하기 전에 모두 불러올지 지정

 autoplay  음악을 자동 재생할지 지정

 loop

 음악을 반복할지 지정
 controls  음악 재생 도구를 출력할지 지정

 

예제 :  <audio src="Kalimba.mp3" controls="controls"></audio>

 

웹 브라우저에서 지원하는 음악 파일 형식

 

IE 

크롬 

파이어폭스 

사파리 

오페라 

 MP3

 O

 O

 X

 O

 X

 OGG

 X

 O

 O

 O

 O

 WAV

 X

 O

 O

 X

 O

 

이러한 문제를 해결 하기 위해 아래와 같이 코드를 사용한다

<audio controls="controls">
        <source src="aa.mp3" type="audio/mp3" />
        <source src="bb.ogg" type="audio/ogg" />
    </audio> 

 

'Programming > HTML+CSS' 카테고리의 다른 글

select 태그  (0) 2012.11.29
track 태그 (자막태그)  (0) 2012.11.29
테이블 태그, <col>,<colgroup>태그  (0) 2012.11.29
정의 목록  (0) 2012.11.29
글자 형태 태그  (0) 2012.11.29