首頁 HTML&CSS HTML5 HTML5:Audio
HTML5:Audio 列印 填寫電子郵件
(0 位用戶參與評分, 當前平均得到 0 顆星星)
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+有支援,而一般的電腦的瀏覽器要下面這個版本才有支援:

 

每個瀏覽器中也長得不太一樣:

 

各種聲音格式的支援表:

詳細的相容性和格式對照關閉,可以到下面的網站看得更詳細(上面圖片是轉貼自下面這個網站):

http://msdn.microsoft.com/en-us/hh550090

手機設備中的瀏覽器HTML5和CSS3規格比較表:

http://mobilehtml5.org/

目前一般瀏覽器和手機設備瀏覽器HTML5和CSS3支援規格比較表:

http://caniuse.com/#cats=HTML5

評論:

新增回應


驗證碼
更新

關於我something about me

eddy

Eddy Chang

Joomla!台灣站長、資擘(股)軟體工程師

最新留言Latest Comment