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 |