HTML5
30Nov
HTML5：Audio
HTML&CSS / HTML5 / Eddy Chang 列印 填寫電子郵件
週三, 30 十一月 2011 22:51

HTML5的Audio和Video都有類似的情況：①檔案格式與②瀏覽器版本相容的問題。雖然最終還是會用Javascript函式庫來協助加這些標籤或進行控制，不過還是得先了解一下基本的格式：

<audio controls="controls" autoplay loop>
 <source src="/sound/cartoonimpact.mp3" type="audio/mp3" />
 <source src="/sound/cartoonOGG.ogg" type="audio/ogg" />
 <source src="/sound/cartoonimpact.aac" type="audio/aac" />
 <source src="/sound/cartoonimpact.wma" type="audio/wma" />
 <source src="/sound/cartoonimpactwav.wav" type="audio/x-wav" />
 </audio>

看到了嗎，這些格式的轉換就會搞死人了，為什麼需要這麼多不同的格式，原因是有些格式在某些瀏覽器中不支援，有些格式在特定的瀏覽器才能支援，至於要能用audio這個HTML5的瀏覽器，在手機上目前iOS 4+、Android 2.3+和Opera Mobile 11+有支援，而一般的電腦的瀏覽器要下面這個版本才有支援：

閱讀全文...
 

關於我something about me

eddy

Eddy Chang

Joomla!台灣站長、資擘（股）軟體工程師

最新留言Latest Comment