HTML 5 音頻Audio

標籤：html5音頻   ack   提醒   ogg   snippet   controls   content   迴圈   相容   

在HTML5標準網頁裡面，我們能夠運用audio標籤來完畢我們對聲音的調用及播放。

下面是最常常見到的運用HTML5三種基本格式：

1.最少的代碼

<audio src="song.ogg" controls="controls"></audio>

2.帶有不相容提醒的代碼

<audio src="song.ogg" controls="controls">Your browser does not support the audio tag.</audio>

 

3.盡量相容瀏覽器的寫法

<audio controls="controls"><source src="song.ogg" type="audio/ogg"><source src="song.mp3" type="audio/mpeg">Your browser does not support the audio tag.</audio>

 

HTML5音頻格式

當前，HTML5 Audio標籤支援三種格式的音頻，各自是wav mp3和ogg格式。

而眼下主流瀏覽器對他們的支援例如以下：

	IE 9	Firefox 3.5	Opera 10.5	Chrome 3.0	Safari 3.0
Ogg Vorbis		√	√	√
MP3	√			√	√
Wav		√	√		√

IE8以及IE8下面不支援HTML5的audio標籤。

 

HTML 5 Audio屬性

1. autoplay:唯一可選值為autoplay。出現autoplay屬性並準確賦值時，音頻將會自己主動播放
2. controls：唯一可選值為controls。出現controls屬性並準確賦值時，音頻播放控制項將會顯示，控制項包含：播放、暫停、定位、音量、全屏切換、字幕（假設可用）、音軌（假設可用）。
3. loop：唯一可選值為loop。出現loop屬性並準確賦值時，音頻將會迴圈播放。
4. preload：可選值有auto(當頁面載入後載入整個音頻)、meta(當頁面載入後僅僅載入中繼資料)和none(當頁面載入後不載入音頻) 假設設定了前面的autoplay屬性，那麼preload將會被忽略。
5. src：指定音頻URL地址。能夠是相對的URL也能夠是絕對的URL 當然還能夠像第2和第3個範例一樣，用source標籤來指定源。

 

HTML 5 音頻Audio