HTML5笔记之四 媒体对象

"## Audio DOM对象

- 访问对象：

var x = document.getElementById(""myAudio"")

- 创建对象：

var x = document.createElement(""AUDIO"")

- 对象属性
  - autoplay: 设置或返回是否在就绪（加载完成）后随即播放音频
  - crossOrigin：设置或返回音频的 CORS 设置
  - currentTime：设置或返回音频中的当前播放位置（以秒计）
  - defaultMuted：设置或返回音频默认是否静音
  - muted：设置或返回是否关闭声音
  - defaultPlaybackRate：设置或返回音频的默认播放速度
  - playbackRate：设置或返回音频播放的速度
  - loop：设置或返回音频是否应在结束时再次播放
  - mediaGroup：设置或返回音频所属媒介组合的名称
  - paused：设置或返回音频是否暂停
  - volume：设置或返回音频的音量
  - preload：设置或返回音频的 preload 属性的值
  - src：设置或返回音频的 src 属性的值
  - controls：设置或返回音频是否应该显示控件（比如播放/暂停等）
  - controller：返回表示音频当前媒体控制器的 MediaController 对象
  - audioTracks: 返回表示可用音频轨道的 AudioTrackList 对象
  - textTracks：返回表示可用文本轨道的 TextTrackList 对象
  - buffered: 返回表示音频已缓冲部分的 TimeRanges 对象
  - played：返回表示音频已播放部分的 TimeRanges 对象
  - error：返回表示音频错误状态的 MediaError 对象
  - seekable：返回表示音频可寻址部分的 TimeRanges 对象
  - seeking：返回用户当前是否正在音频中进行查找
  - currentSrc：返回当前音频的 URL
  - duration：返回音频的长度（以秒计）
  - ended：返回音频的播放是否已结束
  - networkState：返回音频的当前网络状态
  - readyState：返回音频当前的就绪状态
- 对象方法：
  - addTextTrack()：向音频添加新的文本轨道
  - canPlayType()：检查浏览器是否能够播放指定的音频类型, 需要传类似于'audio/wav'的字符串参数进行判断,返回字符串判断说明
  - **getStartDate()**：返回新的 Date 对象，表示当前时间线偏移量
  - **fastSeek()**：在音频播放器中指定播放时间
  - load()：重新加载音频元素
  - play()：开始播放音频
  - pause()：暂停当前播放的音频

## Video DOM对象

- 访问对象：

var x = document.getElementById(""myVideo"")

- 创建对象：

var x = document.createElement(""VIDEO"")

- 对象属性
  - **poster**：设置或返回视频的 poster 属性的值
  - **width**：设置或返回视频的 width 属性的值
  - **height**：设置或返回视频的 height 属性的值
  - autoplay：设置或返回是否在就绪（加载完成）后随即播放视频
  - crossOrigin：设置或返回视频的 CORS 设置
  - currentTime：设置或返回视频中的当前播放位置（以秒计）
  - defaultMuted：设置或返回视频默认是否静音
  - muted：设置或返回是否关闭声音
  - defaultPlaybackRate：设置或返回视频的默认播放速度
  - playbackRate：设置或返回视频播放的速度
  - loop：设置或返回视频是否应在结束时再次播放
  - mediaGroup：设置或返回视频所属媒介组合的名称
  - paused：设置或返回视频是否暂停
  - volume：设置或返回视频的音量
  - preload：设置或返回视频的 preload 属性的值
  - src：设置或返回视频的 src 属性的值
  - controls：设置或返回视频是否应该显示控件（比如播放/暂停等）
  - controller：返回表示视频当前媒体控制器的 MediaController 对象
  - **startDate**：返回表示当前时间偏移的 Date 对象
  - **videoTracks**：返回表示可用视频轨道的 VideoTrackList 对象
  - audioTracks：返回表示可用音频轨道的 AudioTrackList 对象
  - textTracks：返回表示可用文本轨道的 TextTrackList 对象
  - buffered：返回表示视频已缓冲部分的 TimeRanges 对象
  - played：返回表示视频已播放部分的 TimeRanges 对象
  - error：返回表示视频错误状态的 MediaError 对象
  - seekable：返回表示视频可寻址部分的 TimeRanges 对象
  - seeking：返回用户当前是否正在视频中进行查找
  - currentSrc：返回当前视频的 URL
  - duration：返回视频的长度（以秒计）
  - ended：返回视频的播放是否已结束
  - networkState：返回视频的当前网络状态
  - readyState：返回视频当前的就绪状态
- 对象方法：
  - addTextTrack()：向视频添加新的文本轨道
  - canPlayType()：检查浏览器是否能够播放指定的视频类型
  - load()：重新加载视频元素
  - play()：开始播放视频
  - pause()：暂停当前播放的视频

## Media 事件

- 由媒介（比如视频、图像和音频）触发的事件（适用于所有 HTML 元素，但常见于媒介元素中，比如 `