HTML5的媒体事件
时间:2014-7-10
在加载,播放,与媒体文件交互以及为附加事件处理踌躇提供充足空间的过程中,JavaScript事件被触发,在此我们先介绍的是用于readyState属性多个状态的事件;状态1由loadedmetadata表示,状态2由loadeddata表示,状态3由canplay表示,状态4由canplaythrough表示.
例如,在一个视频文件达到状态4时-即,可以获得充足的数以确保媒体可以播放到最后的情况-下面的代码将一条信息存录到控制器中.
video.addEventListener('canplaythrough',function()
{console.log('can play through.');},false;
)
在播放状态下,playing事件在媒体首次播放时被触发,而pause事件在播放被暂停时触发.如果在一次暂停后,播放重新开始,则触发play事件,而当媒体完成播放时,触发ended事件,如果播放由于某些原因被中断-例如,媒体正在播放而用户通过手动操作重新开始播放这个媒体,则触发abort事件.
在volume属性值发生变化或muted属性被切换的时候触发volumechange事件,在搜索条被使用时触发seeking事件,而在搜索操作结束时触发seeked事件.当curreout新时,触发timeupdate属性.