<audio> 標(biāo)簽定義聲音,比如音樂或其他音頻流。
目前,<audio> 元素支持的3種文件格式:MP3、Wav、Ogg。
如需在 HTML5 中播放音頻,你需要使用以下代碼:
<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的瀏覽器不支持 audio 元素。 </audio>
control 屬性供添加播放、暫停和音量控件。
<audio> 元素允許使用多個 <source> 元素. <source> 元素可以鏈接不同的音頻文件,瀏覽器將使用第一個支持的音頻文件。
<audio controls> <source ="test.ogg" type="audio/ogg" > <source src="test.mp3" type="audio/mpeg" > </ >
<audio> 元素在瀏覽器中創(chuàng)建一個音頻播放器:
<audio controls> <source src="audio.mp3" type="audio/mpeg"> <source src="audio.ogg" type="audio/ogg">您的瀏覽器不支持 audio 元素。</audio>
運行顯示結(jié)果如下圖:
提示:可以在 <audio> 和 </audio> 之間放置文本內(nèi)容,這些文本信息將會被顯示在那些不支持 <audio> 標(biāo)簽的瀏覽器中。
<audio> 元素中的常見的屬性:
src 屬性
規(guī)定音頻文件的 URL。
controls 屬性
如果出現(xiàn)該屬性,則向用戶顯示音頻控件(比如播放/暫停按鈕)。
autoplay 屬性
如果出現(xiàn)該屬性,則音頻在就緒后馬上播放。
loop 屬性
如果出現(xiàn)該屬性,則每當(dāng)音頻結(jié)束時重新開始播放。