多媒体元素重要事件_学生网页设计制作作业_网页制作作业成品_网页设计作业_计算机毕业设计_php作业_asp作业_网页模板

热点资讯更多

多媒体元素重要事件

我们在制作网页设计作业时，或多或少都会用到多媒体元素，下面介绍一些关于多媒体元素的重要事件

事件处理方式
在利用video元素或audio元素读取或播放媒体数据的时候，会触发一系列的事件，如果用JavaScript脚本来捕捉这些事件，就可以对这些事件进行处理了。对于这些事件的捕捉及其处理，可以按两种方式来进行。
一种是监听的方式：addEventListener(“事件名”,处理函数,处理方式)方法来对事件的发生进行监听，该方法的定义如下所示。
videoElement.addEventListener(type,listener,useCapture);
语法说明：videoElement表示页面上的video元素或audio元素。type为事件名称，listener表示绑定的函数，useCapture是一个布尔值，表示该事件的响应顺序，该值如果为true，则浏览器采用Capture响应方式，如果为false，浏览器采用bubbing响应方式，一般采用false，默认情况下也为false。
另一种是直接赋值的方式。事件处理方式为JavaScript脚本中常见的获取事件句柄的方式。

事件介绍
我们将介绍一下浏览器在请求媒体数据、下载媒体数据、播放媒体数据一直到播放结束这一系列过程中，到底会触发哪些事件。
loadstart事件：浏览器开始请求媒介；
progress事件：浏览器正在获取媒介；
suspend事件：浏览器非主动获取媒介数据，但没有加载完整个媒介资源；
abort事件：浏览器在完全加载前中止获取媒介数据，但是并不是由错误引起的；
error事件：获取媒介数据出错；
emptied事件：媒介元素的网络状态突然变为未初始化；可能引起的原因有两个：1、载入媒体过程中突然发生一个致命错误；2、在浏览器正在选择支持的播放格式时，又调用了load方法重新载入媒体。
stalled事件：浏览器获取媒介数据异常；
play事件：即将开始播放，当执行了play方法时触发，或数据下载后
元素被设为autoplay（自动播放）属性。

我们将介绍一下浏览器在请求媒体数据、下载媒体数据、播放媒体数据一直到播放结束这一系列过程中，到底会触发哪些事件。
loadstart事件：浏览器开始请求媒介；
progress事件：浏览器正在获取媒介；
suspend事件：浏览器非主动获取媒介数据，但没有加载完整个媒介资源；
abort事件：浏览器在完全加载前中止获取媒介数据，但是并不是由错误引起的；
error事件：获取媒介数据出错；
emptied事件：媒介元素的网络状态突然变为未初始化；可能引起的原因有两个：1、载入媒体过程中突然发生一个致命错误；2、在浏览器正在选择支持的播放格式时，又调用了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属性）。

上一篇：多媒体元素常用方法

下一篇：html5网页设计作业中画布中使用路径

分享到： QQ空间新浪微博腾讯微博人人网更多