Developer Factory

[HTML5] 오디오 태그 -브라우저마다 지원하는형식이 다를때 본문

Developer/Html

[HTML5] 오디오 태그 -브라우저마다 지원하는형식이 다를때

Jeremy.Park 2014. 6. 12. 00:43
<html>
<head>
    <title></title>
</head>
<body>
    <audio src="Kalimba.mp3" controls></audio>
    <audio src="Kalimba.ogg" controls></audio>

    <hr />
    <p>브라우저마다 지원하는 음악파일 형식이 다르므로 source태그를 사용한다.</p>
    <p>source태그의 type속성을 입력하지 않아도 되지만 브라우저가 음악을 내려받은뒤 재생 가능한지 확인하므로 트래픽이 낭비됨</p>
    <audio controls="controls">
        <source src="Kalimba.mp3" type="audio/mp3" />
        <source src="Kalimba.ogg" type="audio/ogg" />
    </audio>
</body>
</html>


'Developer > Html' 카테고리의 다른 글

[HTML5] div, span의 차이  (0) 2014.06.12
[HTML5] 기본 TEXT 형식  (0) 2014.06.12
[HTML5] 폼태그 - Basic form tag  (0) 2014.06.12
[HTML5] 비디오 태그 - vidio.js, 플러그인, 자막  (0) 2014.06.12
[HTML5] 테이블, 이미지 태그  (0) 2014.06.12