关于编解码器

音频文件与视频文件都只是一个容器文件，其中包含了音频或视频的轨道以其他元数据。元数据包括标题作者字幕等等。

编解码器的作用就是读取特定的容器格式，对其中的音频和视频轨道进行解码，然后实现播放。视频和音频文件比较大，如果不解码的话，会很费时间。

---

音频编解码器

① AAC     ②MPEG-1       ③Ogg Vorbis

视频编解码器

①H.264     ②Vp8     ③Ogg Theora     

---

用JavaScript检测音频格式支持情况

用audio元素的canPlayType方法可以检测浏览器支持的文件格式，该方法采用MIME类型与编码/解码器参数，并返回3个字符串之一：probably   mybe  和空字符串

---

用JavaScript检测视频格式支持情况

---

播放音频

使用audio元素来播放声音文件，支持Ogg Vorbis MP3和WAV等音频格式

<audio src="xxxx" controls="controls" >

controls属性用于提供播放、暂停和音量选择控件

页面中插入背景音乐，而且会循环播放

autoplay:无显示自动播放

loop：是否循环

---

播放视频

自带控件版

无控件，鼠标移入播放，移除暂停

---

音频与视频的相关属性、方法及事件

audio元素与video元素相关属性基本相同。

autobuffer：true实现自动缓冲，但不播放，false默认值。

autoplay：实现页面加载完成后，自动播放，true false

buffered：返回一个TimeRanges对象，确认浏览器已经缓存多美腿文件

controls：为多媒体文件提供常用控件，比如音量，播放，控制条等等，布尔值

currentSrc：无默认值，返回媒体数据的URL地址，如果地址未指定，则返回一个空字符串

currentTime：无默认值，获取或设置当前播放位置，返回值为时间，单位秒

defaultPlaybackRate：无默认值，获取或设置当前播放速率

duration：无默认值，获取当前媒体的持续时间，返回时间，单位秒

ended：无默认值，返回一个布尔值，以确认是否播放结束

error：返回一个MediaError对象表明报错，报错状态有4个可能值：

①MEDIA_ERR_ABORTED：数字值1，媒体资源获取异常

②MEDIA_ERR_NETWORK：数字值2，网络错误

③MEDIA_ERR_DECODE：数字值3，媒体解码错误

④MEDIA_ERR_SRC_NOT_SUPPORTED：数字值4，多媒体格式不被支持

loop：是否循环播放

muted：是否设置静音，布尔值

playbackRate：读取或设置媒体资源播放的当前速率

volume：获取或设置媒体资源的播放音量，范围0.0~1.0