HTML5 中的 video / audio API——0714

HTML5 DOM 为 <audio> 和 <video> 元素提供了方法、属性和事件。

这些方法、属性和事件允许您使用 JavaScript 来操作 <audio> 和 <video> 元素。

本文介绍常用的方法、属性、和事件。
更多内容请参考：HTML 音频/视频 DOM 参考手册——菜鸟

---

1、常用的方法

load() 重新加载音频 / 视频元素。
play() 开始播放音频/视频。
pause() 暂停当前播放的音频 / 视频。

2、常用的音频 / 视频 属性

src 设置或返回音频/视频元素的当前来源。
autoplay 自动播放
muted 设置或返回音频/视频是否静音。
defaultMuted 设置或返回音频/视频默认是否静音。
loop 设置或返回音频/视频是否应在结束时重新播放，即：是否循环播放。
preload 设置或返回音频/视频是否应该在页面加载后进行加载。
controller 返回表示音频/视频当前媒体控制器的 MediaController 对象。
controls 设置或返回音频/视频是否显示控件（比如播放/暂停等）。即：是否显示控制条。
volume 设置或返回音频/视频的音量。
buffered 返回表示音频/视频已缓冲部分的 TimeRanges 对象。
played 返回表示音频/视频已播放部分的 TimeRanges 对象。
currentTime 设置或返回音频/视频中的当前播放位置（以秒计）。在谷歌上设置的时候注意，src路径是远程路径时有效。
duration 返回当前音频/视频的长度（以秒计）。
playbackRate 设置或返回音频/视频播放的速度。
defaultPlaybackRate 设置或返回音频/视频的默认播放速度。

---

注释： TimeRanges

TimeRanges 对象表示音视频的已缓冲部分。

TimeRanges 对象属性：

length - 获得音视频中已缓冲范围的数量
start(index) - 获得某个已缓冲范围的开始位置
end(index) - 获得某个已缓冲范围的结束位置

注：首个缓冲范围的下表是 0。
Audio的缓存只有一个分段，开始位置为0，结束位置为timeRange.end(0)。
所以一般在用 buffered 和 played 的时候࿰