Eddy@Joomla!

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

評論：