HTML5 audio 音頻標籤講解,輕鬆玩轉音頻標籤!

audio 音頻標籤

音頻使用<audio>標籤定義。

其實音頻和視頻的用法大體一樣的。(沒有學過視頻標籤的點這裡:HTML5 video 視頻標籤屬性詳解

<audio src="music.mp3" controls="controls">您的瀏覽器不支持音頻</audio>

audio 元素允許多個 source 元素。source 元素可以鏈接不同的音頻文件。瀏覽器將使用第一個可識別的格式:

實例:

音頻格式

當前,audio 元素支持三種音頻格式:

audio屬性

autoplay 值為『autoplay』,音頻在就緒后馬上播放。

controls 值為『controls』,向用戶顯示控制項,比如播放按鈕。

Advertisements

loop 值為『loop 』,每當音頻結束時重新開始播放。

preload 值為『preload』 ,如果出現該屬性,則音頻在頁面載入時進行載入,並預備播放。如果使用 "autoplay",則忽略該屬性。

愛學習的孩子運氣不會差哦~

關注小白前端,持續收到文章推送!

Advertisements

你可能會喜歡