무민이의 반반무많이

audio 태그로 오디오 파일 삽입하기 본문

HTML5

audio 태그로 오디오 파일 삽입하기

M00min 2016.12.07 22:10

(공감과 댓글 하나는 글쓴이에게 큰 힘이 됩니다.)


<audio> 태그는 웹 브라우저에서 플러그인의 도움 없이 음악을 재생할 수 있게 만들어주는 HTML5 태그로, HTML5에서 추가된 기능이므로 IE8 이하에서는 사용할 수 없다.




웹 브라우저에 따라 지원하는 음악 파일 형식이 다르다. 즉, 자신이 올린 오디오 파일이 어떤 브라우저에서는 재생이 되지 않을 수도 있다는 의미이다. 오디오 파일을 여러 확장자로 만든 후, <source> 태그를 사용하여 각각의 파일을 지정해주면, 해당 브라우저에서 지원하는 형식의 음악이 자동으로 연결된다. (type 속성을 사용하지 않으면, 웹 브라우저가 음악을 내려받은 뒤에 재생 가능한 파일인지 확인하므로 트래픽이 낭비된다. 따라서 type 속성을 꼭 지정해야한다.)

0 Comments
댓글쓰기 폼