HTML5音頻

autoplayautoplay如果出現該屬性,則音頻在就緒後馬上播放。

controlscontrols如果出現該屬性,則向用戶顯示控制項,比如播放按鈕。

looploop如果出現該屬性,則每當音頻結束時重新開始播放。

preloadpreload

如果出現該屬性,則音頻在頁面載入時進行載入,並預備播放。

如果使用 "autoplay",則忽略該屬性。

srcurl要播放的音頻的 URL。

基本介紹

  • 中文名:HTML5音頻
  • control :屬性供添加播放、暫停和音量控制項
  • au:音頻在就緒後馬上播放
  • ooploop:每當音頻結束時重新開始播放
Web 上的音頻,音頻格式,標籤的屬性,音頻實例,實例1,實例2,

Web 上的音頻

直到現在,仍然不存在一項旨在網頁上播放音頻的標準。
今天,大多數音頻是通過外掛程式(比如 Flash)來播放的。然而,並非所有瀏覽器都擁有同樣的外掛程式
HTML5 規定了一種通過 audio 元素來包含音頻的標準方法。
audio 元素能夠播放聲音檔案或者音頻流。

音頻格式

當前,audio 元素支持三種音頻格式:
IE 9
Firefox 3.5
Opera 10.5
Chrome 3.0
Safari 3.0
Ogg Vorbis



MP3



Wav



如何工作
control 屬性供添加播放、暫停和音量控制項。
<audio> 與 </audio> 之間插入的內容是供不支持 audio 元素的瀏覽器顯示的:

標籤的屬性

屬性值描述
autoplayautoplay如果出現該屬性,則音頻在就緒後馬上播放。
controlscontrols如果出現該屬性,則向用戶顯示控制項,比如播放按鈕。
looploop如果出現該屬性,則每當音頻結束時重新開始播放。
preloadpreload
如果出現該屬性,則音頻在頁面載入時進行載入,並預備播放。
如果使用 "autoplay",則忽略該屬性。
srcurl要播放的音頻的 URL。

音頻實例

實例1

<audio src="song.ogg" controls="controls">
Your browser does not support the audio tag.
</audio>
上面的例子使用一個 Ogg 檔案,適用於Firefox、Opera 以及 Chrome 瀏覽器。
要確保適用於 Safari 瀏覽器,音頻檔案必須是 MP3 或 Wav 類型。
audio 元素允許多個 source 元素。source 元素可以連結不同的音頻檔案。瀏覽器將使用第一個可識別的格式:

實例2

<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>

相關詞條

熱門詞條

聯絡我們