HTML笔记五，HTML5的多媒体支持

audio元素：用来播放音频

video元素：用来播放视频

两者支持的属性：

　　src:指定播放音频，视频的URL地址

　　autoplay:指定的话，装载完毕后会自动播放

　　controls:指定的话，会显示播放控制条

　　loop:指定的话，播放完毕会再次重复播放

　　preload:指定是否预加载；auto预加载音频视频；metadata只预加载音频视频的元数据；none不进行预加载，如果指定了autoplay的话，本属性会自动忽略；

　　poster:只对<video>元素有效，指定一张图片的URL，在视频完成、开始播放之前，会显示该图片

　　width:只对<video>元素有效，指定播放器的宽度

　　height:只对<video>元素有效，指定播放器的高度

　　注意要播放的格式是否支持

　　借助<source>元素指定多个多媒体源，主要的两个属性

　　src:指定音频视频文件的URL

　　type:指定音频、视频文件的类型，如audio/ogg,audio/mpeg/audio/x-wav

 

---

使用JavaScript脚本控制媒体播放

有以下方法：

　　play()：播放

　　pause()：暂停播放

　　load()：重新装载文件

　　canPlayType(type)：判断该元素是否可播放type类型中的音频视频

 

---

音频与视频的属性：

buffered:获取已经缓存的媒体数据

currentSrc:返回正在播放文件的URL地址

currentTime:返回当前正在播放文件当前所处的时间点，以秒为单位

defaultPlaybackRate:默认模仿速度，可以使用JS来更改

duration:返回持续时间，以秒为单位

ended:返回一个boolean值

error:正常下是null，有四种错误状态，不细写

muted:返回播放器是否静音

networkState:获取下载音频、视频的网络状态

paused:返回boolean值表示是否处于暂停状态

playbackRate:表示当前的播放速度

played:获取音频、视频的已播部分的时间段

readyState:表示准备状态

seekable:获取可定位的时间段

seeking:返回是否正在尝试到指定时间点

startTime:返回播放器播放音频、视频的开始时间，通常返回0

volume:返回播放器的音量

 

---

audio,video元素所特有的事件：

onbord:未下载完数据而被终止下载时触发

oncanplay:能播放，但是播放中间可能需要缓冲时触发

oncanplaythrough:能播放，且播放中间不需要缓冲时触发

ondurationchange:当音频视频的长度改变时触发

onemptied:当音频、视频元素突然为空时触发

onended:当播放结束时触发

onerror:加载音频、视频数据出错时触发

onloadeddata:加载媒体数据完成后触发

onloadedmetadata:加载元数据完成后触发

onloadstart:开始加载时触发

onpause:暂停时触发

onplay:播放时触发

onplaying:正在播放时触发

onprogress:正在加载数据时触发

onratechange:当播放速度改变时触发

onreadystatechange:当播放器的readyState状态发生改变时触发

onseeked:已成功定位到指定位置且seeking属性变为false时触发

onseeking:尝试定位到指定位置时（即seeking为true时）触发

onstalled:获取数据中发生错误时触发

onsuspend:未取得全部数据之前中途停止时触发

ontimeupdate:当播放位置发生改变时触发(自然改变，人为拖动，播放不连续而导致的时间跳跃)

onvolumechange:音量改变时触发

onwaiting:由于暂停得不到下一帧而暂停时触发