HTML5 Audio(音訊)
HTML5 Audio(音訊)
#HTML5 提供了播放音訊檔案的標準。
網路上的音訊
# 直到現在,仍然不存在一項旨在網頁上播放音訊的標準。
今天,大多數音訊是透過外掛程式(例如 Flash)來播放的。然而,並非所有瀏覽器都擁有相同的插件。
HTML5 規定了在網頁上嵌入音訊元素的標準,即使用 <audio> 元素。
瀏覽器支援
Internet Explorer 9+, Firefox, Opera, Chrome, 和Safari 都支援<audio> 元素.
##注意: Internet Explorer 8 及更早IE版本不支援<audio> 元素.
#HTML5 Audio - 如何運作
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php中文网(php.cn)</title> </head> <body> <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的浏览器不支持 audio 元素。 </audio> </body> </html>control 屬性供添加播放、暫停和音量控件。 在<audio> 與 </audio> 之間你需要插入瀏覽器不支援的<audio>元素的提示文字 。 <audio> 元素允許使用多個<source> 元素. <source> 元素可以連結不同的音訊文件,瀏覽器將使用第一個支援的音訊檔案
音訊格式及瀏覽器支援
目前, <audio>元素支援三種音訊格式檔案: MP3, Wav, 和Ogg:瀏覽器 | MP3 | # Wav | Ogg |
##Internet Explorer 9+ | 是 | 否 | |
Chrome 6+ | 是 | # 是 | |
# 是 | ## 是# | Firefox 3.6+ |
Safari 5+ | YES | YES | NO |
Opera 10 + | YES | YES | # NO |
音訊格式的MIME類型
# # | MIME-type |
MP3 | audio/mpeg |
# Ogg | audio/ogg |
# Wav | audio/wav |
HTML5 Audio 標籤
標籤 | #屬性 |
# # <audio>
定義了聲音內容