사용자 도구

사이트 도구


html:html5:audio

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판 이전 판
다음 판
이전 판
html:html5:audio [2011/07/06 00:23]
kwon37xi
html:html5:audio [2013/02/13 11:14] (현재)
kwon37xi [HTML5 Audio]
줄 1: 줄 1:
 ====== HTML5 Audio ====== ====== HTML5 Audio ======
 +  * [[http://www.catswhocode.com/blog/mastering-the-html5-audio-property|Mastering the HTML5 <audio> tag]]
   * http://www.w3schools.com/html5/html5_audio.asp 참조.   * http://www.w3schools.com/html5/html5_audio.asp 참조.
   * [[http://www.brianhadaway.com/audio/test.html|Audio 태그 지원 여부 및 지원 포맷 테스트]]   * [[http://www.brianhadaway.com/audio/test.html|Audio 태그 지원 여부 및 지원 포맷 테스트]]
     * Android 2.2 의 경우 <audio> 태그 자체는 인지하지만, 지원하는 포맷은 없는 것으로 나온다. 실제로도 그렇게 작동한다.     * Android 2.2 의 경우 <audio> 태그 자체는 인지하지만, 지원하는 포맷은 없는 것으로 나온다. 실제로도 그렇게 작동한다.
 +  * [[http://goldfirestudios.com/blog/104/howler.js-Modern-Web-Audio-Javascript-Library|howler.js - Modern Web Audio Javascript Library]]
   * [[http://www.brianhadaway.com/html5-audio-player-with-flash-fallback/|HTML5 Audio Player with Flash Fallback | Brian Hadaway]]   * [[http://www.brianhadaway.com/html5-audio-player-with-flash-fallback/|HTML5 Audio Player with Flash Fallback | Brian Hadaway]]
 +  * [[http://kolber.github.com/audiojs/|audio.js]] 
 +  * [[http://www.catswhocode.com/blog/10-awesome-html5-audio-players|10 Awesome HTML5 Audio players]] 
 +  * [[http://firezenk.github.com/html5player/|HTML5 Audio player - last.fm 앨범아트 지원]]
 ===== Cross Browser Audio Tag ===== ===== Cross Browser Audio Tag =====
 아래는 Javascript없이 크로스 브라우저를 지원하는 Audio 태그이다. 아래는 Javascript없이 크로스 브라우저를 지원하는 Audio 태그이다.
줄 10: 줄 14:
 단, Android 2.2(Froyo)는 원래 <audio> 태그를 인식은 하지만 어떠한 포맷도 지원하지 않는 이상한 상태라서 플레이가 안된다. Android 2.2 를 지원하려면 [[http://www.brianhadaway.com/html5-audio-player-with-flash-fallback/|HTML5 Audio Player with Flash Fallback]] 같은 Javascript Fallback을 고려해야한다. 단, Android 2.2(Froyo)는 원래 <audio> 태그를 인식은 하지만 어떠한 포맷도 지원하지 않는 이상한 상태라서 플레이가 안된다. Android 2.2 를 지원하려면 [[http://www.brianhadaway.com/html5-audio-player-with-flash-fallback/|HTML5 Audio Player with Flash Fallback]] 같은 Javascript Fallback을 고려해야한다.
  
-Firefox는 ogg 만 지원하므로 ogg 도 추가하였다.+Firefox는 mp3를 지원하지 않으므로 ogg 도 추가하였다.
  
   * Firefox, Chrome, IE 9 : Audio 태그로 재생   * Firefox, Chrome, IE 9 : Audio 태그로 재생
-  * Safari(5) : Quicktime이 깔려있으면 audio 태그로 재, 아니면 Flash 로 재생+  * Safari(5) : Quicktime이 깔려있으면 audio 태그로 재, 아니면 Flash 로 재생
   * IE 6 ~ 8 : Flash 재생   * IE 6 ~ 8 : Flash 재생
  
html/html5/audio.1309879402.txt.gz · 마지막으로 수정됨: 2011/07/06 00:23 저자 kwon37xi