HTML5中的 audio 標簽可以插入音頻,control屬性可以控制音頻的播放,暫停,調節音量等。布局時可以根據需要設置音頻的長width和高height。
audio 與 /audio 標簽里面的內容用于給不支持 audio 標簽的瀏覽器顯示的。
插入音頻需要用到的相關標簽的描述:
audio 用來設置聲音內容
source 用于設置音頻的資源,一般在 video 與 audio 標簽中使用,可以使用多個
注意:在使用 audio 音頻標簽時,要注意瀏覽器的兼容性問題,瀏覽器的兼容性如下如所示:

實例示范1:HTML5中怎么插入音頻
實例詳解:
首先創建一個 audio 標簽,用于顯示音頻內容,然后用 source 標簽引入需要插入的音頻,src引入文件時要注意文件的路徑,具體代碼如下:
audio controls source src= horse.mp3 type= audio/mpeg 您的瀏覽器不支持 audio 元素。 /audio
效果圖:

實例示范2:HTML5中怎么插入自動播放的音頻
實例描述:
audio 標簽中的autoplay 屬性規定一旦視頻就緒馬上開始播放,如果設置了該屬性,視頻將自動播放。且所有主流瀏覽器都支持 autoplay 屬性。
HTML5中插入自動播放音頻的方法和上面介紹的插入音頻的方法一樣,只是多加了一個屬性,即 audio 標簽中的autoplay 屬性,它可以實現音頻自動播放的效果,具體代碼如下:
audio controls autoplay source src= horse.mp3 type= audio/mpeg 您的瀏覽器不支持 audio 元素。 /audio
以上給大家介紹了HTML5中怎么插入音頻,以及如何插入可以自動播放的音頻,講解詳細,比較容易理解。初學者可以自己動手嘗試,找一個音頻,將其插入頁面。看看你的代碼能不能實現自動播放的效果,希望這篇文章對你有所幫助!
【相關教程推薦】
1. Html5視頻教程
2. HTML開發手冊
3. bootstrap教程
4. HTML5怎么插入視頻
以上就是html5如何插入可自動播放的音頻(圖文)的詳細內容,其它編程語言
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答