본문 바로가기
웹표준/HTML5 훑어보기

HTML5 audio, source 엘리먼트(element)

by 샷타이거 2010. 7. 21.

HTML5 audio, source 엘리먼트(element)

audio 엘리먼트가 사운드나 오디오 스티림을 제공하는 것은 잘알려진 것이고 video엘리먼트와 차이점은 사운드제공이니 속성엘리먼트 가로,세로, poster(첫화면 엘리먼트) 이것이 없다는 점이다.

<audio autoplay controls loop preload="" src="" ></audio>

source

source는 비디오, 오디오 엘리먼트의 자식엘리먼트이다. 비디오 오디오 엘리먼트의 경우 src 속성에 지정하다보니 하나밖에 지정할 수 밖에없다. source는 자식엘리먼트로 다수의 미디어소스를 지정하게한다. 하지만 본목적은 이들이 순차적이거나,선택적인것은 아니란접이다. 여러개를 스는이유는 적합한 경우(즉 브라우저나,코덱지원등에 따라)에 따라 지정된 것을 재생해주도록한다.


<audio controls>
 <source src="test_01.ogg" type="audio/ogg; media="screen"/>
 <source src="test_02.ogg" type="audio/ogg; codecs="vorbis" />
</audio>

댓글