HTML ?? ???
/ <audio>
<audio>
HTML <audio> 標簽 實例 播放聲音: <audio controls> <source src='horse.ogg' type='audio/ogg'> <source src='horse.mp3' typ..
HTML <audio> 標簽
實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <audio controls> <source src="horse.ogg" > <source src="horse.mp3" > 您的瀏覽器不支持 audio 元素。 </audio> </body> </html>
運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
瀏覽器支持
IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <audio> 標簽。
注釋: IE 8 或更早版本的 IE 瀏覽器不支持 <audio> 標簽。
標簽定義及使用說明
<audio> 標簽定義聲音,比如音樂或其他音頻流。
目前,<audio> 元素支持的3種文件格式:MP3、Wav、Ogg。
瀏覽器 | MP3 | Wav | Ogg |
---|---|---|---|
Internet Explorer | YES | NO | NO |
Chrome | YES | YES | YES |
Firefox | YES | YES | YES |
Safari | YES | YES | NO |
Opera | YES | YES | YES |
HTML 4.01 與 HTML5之間的差異
<audio> 標簽是 HTML5 的新標簽。
提示和注釋
提示:可以在 <audio> 和 </audio> 之間放置文本內(nèi)容,這些文本信息將會被顯示在那些不支持 <audio> 標簽的瀏覽器中。
屬性
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
autoplayNew | autoplay | 如果出現(xiàn)該屬性,則音頻在就緒后馬上播放。 |
controlsNew | controls | 如果出現(xiàn)該屬性,則向用戶顯示音頻控件(比如播放/暫停按鈕)。 |
loopNew | loop | 如果出現(xiàn)該屬性,則每當音頻結束時重新開始播放。 |
mutedNew | muted | 如果出現(xiàn)該屬性,則音頻輸出為靜音。 |
preloadNew | auto metadata none | 規(guī)定當網(wǎng)頁加載時,音頻是否默認被加載以及如何被加載。 |
srcNew | URL | 規(guī)定音頻文件的 URL。 |
全局屬性
<audio> 標簽支持 HTML 的全局屬性。
事件屬性
<audio> 標簽支持 HTML 的事件屬性。