前端基础_事件介绍

事件介绍
下面介绍一下浏览器在请求媒体数据、下载媒体数据、播放媒体数据一直到播放结束这一系列过程中,到底会触发哪些事件。
 loadstart事件:浏览器开始请求媒介。
 progress事件:浏览器正在获取媒介。
 suspend事件:浏览器非主动获取媒介数据,但没有加载完整个媒介资源。
 abort事件:浏览器在完全加载前中止获取媒介数据,但是并不是由错误引起的。
 error事件:获取媒介数据出错。
 emptied事件:媒介元素的网络状态突然变为未初始化;可能引起的原因有两个:①载入媒体过程中突然发生一个致命错误;②在浏览器正在选择支持的播放格式时,又调用了load方法重新载入媒体。
 stalled事件:浏览器获取媒介数据异常。
 play事件:即将开始播放,当执行了play方法时触发,或数据下载后元素被设为autoplay(自动播放)属性。
 pause事件:暂停播放,当执行了pause方法时触发。
 loadedmetadata事件:浏览器获取完媒介资源的时长和字节。
 loadeddata事件:浏览器已加载当前播放位置的媒介数据。
 waiting事件:播放由于下一帧无效(例如未加载)而停止(但浏览器确认下一帧会马上有效)。
 playing事件:已经开始播放。
 canplay事件:浏览器能够开始媒介播放,但估计以当前速率播放不能直接将媒介播放完(播放期间需要缓冲)。
 canplaythrough事件:浏览器估计以当前速率直接播放可以直接播放完整个媒介资源(期间不需要缓冲)。
 seeking事件:浏览器正在请求数据(seeking属性值为true)。
 seeked事件:浏览器停止请求数据(seeking属性值为false)。
 timeupdate事件:当前播放位置(currentTime属性)改变,可能是播放过程中的自然改变,也可能是被人为地改变,或由于播放不能连续而发生的跳变。
 ended事件:播放由于媒介结束而停止。
 ratechange事件:默认播放速率(defaultPlaybackRate属性)改变或播放速率(playbackRate属性)改变。
 durationchange事件:媒介时长(duration属性)改变。
 volumechange事件:音量(volume属性)改变或静音(muted属性)。
https://www.bilibili.com/video/BV1qL411u7eEicon-default.png?t=M85Bhttps://www.bilibili.com/video/BV1qL411u7eE

你可能感兴趣的:(前端,javascript,开发语言)