사용자 도구

사이트 도구


html:html5:audio

HTML5 Audio

Cross Browser Audio Tag

아래는 Javascript없이 크로스 브라우저를 지원하는 Audio 태그이다.

단, Android 2.2(Froyo)는 원래 <audio> 태그를 인식은 하지만 어떠한 포맷도 지원하지 않는 이상한 상태라서 플레이가 안된다. Android 2.2 를 지원하려면 HTML5 Audio Player with Flash Fallback 같은 Javascript Fallback을 고려해야한다.

Firefox는 mp3를 지원하지 않으므로 ogg 도 추가하였다.

  • Firefox, Chrome, IE 9 : Audio 태그로 재생
  • Safari(5) : Quicktime이 깔려있으면 audio 태그로 재생, 아니면 Flash 로 재생
  • IE 6 ~ 8 : Flash 재생
  • Flash MP3 플레이어는 http://flash-mp3-player.net 을 예제로 든 것이며, 각자 원하는 MP3 플레이어를 찾아서 쓰면 된다.
<audio controls>
<source type="audio/mpeg" src="audio.mp3">
<source type="audio/ogg" src="audio.ogg">
<object width="200" height="20" type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf">
	<param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
	<param name="bgcolor" value="#ffffff" />
	<param name="FlashVars" value="mp3=audio.mp3" />
	<p>오디오를 플레이할 수 없습니다.</p>
</object>
</audio>
html/html5/audio.txt · 마지막으로 수정됨: 2013/02/13 11:14 저자 kwon37xi