audio元素

1 標籤

<audio id="audio">  
  <source src="music/only.mp3"/>  
</audio  >

 

2 <audio> 標籤屬性

　　  src：音樂的URL

        preload：預加載

　　  autoplay：自動播放

　　  loop：循環播放

　　  controls：瀏覽器自帶的控制條

3 audio對象屬var audio = document.documentById('audio'); // 獲取audio對象

3.1 audio.volunm: (讀/寫) 媒體資源的音量
3.2 audio.src: (讀/寫) 媒體資源的地址
3.3 audio.currentTime: (讀/寫) 媒體資源當前已播放時長。
3.4 audio.duration:(讀) 媒體資源的總長度。
3.5 audio.paused: (讀, Boolean)媒體資源當前是否處於暫停狀態。
3.6 audio.ended:(讀, Boolean)媒體資源當前是否播放完畢

4 audio對象的方法

4.1 audio.play()： 使媒體資源播放。


4.2 audio.pause()： 使媒體資源暫停。

4.3 audio.load(): 使媒體資源重載。

4.4 audio.getStartDate(): 返回新的 Date 對象，表示當前時間線偏移量。

4.5 audio.canPlayType(): 檢查當前瀏覽器是否支持某種音頻類型。

4.6 audio.fastSeek(): 指定音頻播放時間。

5 audio對象事件

事件	描述
audio.oncanplay = fn()	當歌曲下載完以後調用fn
audio.onvolumechange = fn()	當audio.volume發生變換的時候調用fn
audio.onplay = fn()	歌曲開始播放以後調用fn
audio.onpause = fn()	歌曲暫停以後調用fn
audio.ontimeupdate = fn()	歌曲在播放的過程當中會一直調用fn
audio.onended = fn()	一首歌曲播放完以後調用fn