HTML5笔记之四 媒体对象

技术 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 元素,但常见于媒介元素中,比如 `