HTML <audio> 元素用于在文檔中表示音頻內(nèi)容。 <audio> 元素可以包含多個音頻資源， 這些音頻資源可以使用 src 屬性或者 <source> 元素來進(jìn)行描述； 瀏覽器將會選擇最合適的一個來使用。對于不支持 <audio>元素的瀏覽器， <audio>元素也可以作為瀏覽器不識別的內(nèi)容加入到文檔中。
播放聲音：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(cainiaoplus.com)</title> </head> <body> <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的瀏覽器不支持 audio 元素。 </audio> </body> </html>測試看看 ?/?
IEFirefoxOperaChromeSafari
IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <audio> 標(biāo)簽。
注釋： IE 8 或更早版本的 IE 瀏覽器不支持 <audio> 標(biāo)簽。
<audio>標(biāo)簽定義聲音，例如音樂或其他音頻流。
當(dāng)前，<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 |
<audio>標(biāo)記是HTML5中的新標(biāo)記。
注意：<audio>和</ audio>之間的任何文本將在不支持<audio>標(biāo)記的瀏覽器中顯示。
New ：HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| autoplayHTML5 | autoplay | 如果出現(xiàn)該屬性，則音頻在就緒后馬上播放。 |
| controlsHTML5 | controls | 如果出現(xiàn)該屬性，則向用戶顯示音頻控件（比如播放/暫停按鈕）。 |
| loopHTML5 | loop | 如果出現(xiàn)該屬性，則每當(dāng)音頻結(jié)束時(shí)重新開始播放。 |
| mutedHTML5 | muted | 如果出現(xiàn)該屬性，則音頻輸出為靜音。 |
| preloadHTML5 | auto metadata none | 規(guī)定當(dāng)網(wǎng)頁加載時(shí)，音頻是否默認(rèn)被加載以及如何被加載。 |
| srcHTML5 | URL | 規(guī)定音頻文件的 URL。 |
<audio> 標(biāo)簽支持 HTML 的全局屬性。
<audio> 標(biāo)簽支持 HTML 的事件屬性。