方法
| 方法 | 描述 |
|---|
| load() | 加载媒体文件，为播放器做准备。通常用于播放前的预加载，也会用于重新加载媒体文件 |
| play() | 播放媒体文件。如果音频没有加载，则加载并播放，如果音频是暂停的，则变为播放 |
| pause() | 暂停播放媒体文件 |
| canPlayType() | 测试浏览器是否支持指定的媒体类型 |
用法
this.$refs.range.play()
属性
| 属性 | 描述 |
|---|
| currentSrc | 返回当前音频的URL |
| currentTime | 设置或返回音频中的当前播放位置(以秒计) |
| duration | 返回音频的长度（以秒计） |
| ended | 返回音频的播放是否已结束（true/false） |
| error | 返回表示音频错误状态的MediaError对象 |
| paused | 设置或返回音频是否暂停 |
| muted | 设置或返回是否关闭声音 |
| volume | 设置或返回音频的音量 |
用法
this.$refs.range.currentSrc
事件
| 事件 | 描述 |
|---|
| play | 当执行方法play()时触发 |
| playing | 正在播放时触发 |
| pause | 当执行了方法pause()时触发 |
| timeupdate | 当播放位置被改变时触发 |
| ended | 当播放结束后停止播放时触发 |
| waiting | 在等待加载下一帧时触发 |
| ratechange | 在当前播放速率改变时触发 |
| volumechange | 在音量改变时触发 |
| canplay | 以当前播放速率，需要缓冲时触发 |
| canplaythrough | 以当前播放速率，不需要缓冲时触发 |
| durationchange | 当前播放时长改变时触发 |
| loadstart | 在浏览器开始在网上寻找数据时触发 |
| progress | 当浏览器正在获取媒体文件时触发 |
| suspend | 当浏览器暂停获取媒体文件，且文件获取并没有正常结束时触发 |
| abort | 当终止获取媒体数据时触发，但是这种终止不是由错误引起的 |
| error | 当获取媒体过程中出错时触发 |
| emptied | 当所在网络变为初始化状态时触发 |
| stalled | 浏览器尝试获取媒体数据时触发 |
| loadedmetadata | 在加载完当前位置的媒体播放数据时触发 |
| loadeddata | 在加载完当前位置的媒体播放数据时触发 |
| seeking | 浏览器正在请求数据时触发 |
| seeked | 浏览器停止请求数据时触发 |
用法
<audio
id=""
src=""
controls //显示控件
@error=""
@play=""
@pause=""
@timeupdate=""
@ended=""
/>
