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