1. 程式人生 > >HTML 5 音頻Audio

HTML 5 音頻Audio

url地址 none chrom htm spa chrome row blog you

在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