編程教程HTML < audio> 標簽
<audio> 標簽是 HTML5 提供的用來播放音頻文件的。
實例
播放聲音：
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的瀏覽器不支持 audio 元素。
</audio>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的瀏覽器不支持 audio 元素。
</audio>
瀏覽器支持
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 |
提示：這 3 種音頻的 MIME-type 分別是：
| 音頻格式 | MINE-type |
|---|---|
| MP3 | audio/mpeg |
| Ogg | audio/ogg |
| Wav | audio/wav |
HTML 4.01 與 HTML5之間的差異
<audio> 標簽是 HTML5 的新標簽。
提示和注釋
提示：可以在 <audio> 和 </audio> 之間放置文本內容，這些文本信息將會被顯示在那些不支持 <audio> 標簽的瀏覽器中。
屬性
New ：HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| autoplayNew | autoplay | 如果出現該屬性，則音頻在就緒后馬上播放。 |
| controlsNew | controls | 如果出現該屬性，則向用戶顯示音頻控件（比如播放/暫停按鈕）。 |
| loopNew | loop | 如果出現該屬性，則每當音頻結束時重新開始播放。 |
| mutedNew | muted | 如果出現該屬性，則音頻輸出為靜音。 |
| preloadNew | auto metadata none | 規定當網頁加載時，音頻是否默認被加載以及如何被加載。 |
| srcNew | URL | 規定音頻文件的 URL。 |
全局屬性
<audio> 標簽支持 HTML 的全局屬性。
事件屬性
<audio> 標簽支持 HTML 的事件屬性。
相關文章
JavaScript 和 HTML DOM 參考手冊： HTML DOM Audio 對象