• HTML 5 多媒体元素(三)元素方法与事件


    video元素与audio元素都具有play()播放、pause()暂停、load()重新加载。

    canPlayType():来测试浏览器是否支持指定的媒体类型,canplayType(type),该方法使用一个参数type,该参数的指定方法与source元素的type参数的指定方法相同,用来播发文件的MIME类型来指定,可以在指定的字符串中加上表示媒体编码格式的codes参数。

    返回3个可能值:空字符串(表示浏览器不支持此种媒体类型),maybe表示浏览器可能支持此种媒体类型、probably表示浏览器确定支持此种媒体类型。

    1.事件处理方法

      使用video元素或audio元素的addEventListenr方法来对事件的发生进行监听。

      videoElement.addEventListener(type,listener,useCaptrue);

      type:事件名称。

      listener:表示绑定的函数。

      useCapture:是一个布尔值,表示该事件的响应顺序,该值如果为true,则浏览器采用Capture响应方法,如果为false,浏览器采用bubbing响应方式。(一般为false)

    2.事件介绍

       loadstart:浏览器开始在网上寻找媒体数据。

       progress:浏览器正在获取媒体数据。

       suspend:浏览器暂停获取媒体数据,但是下载过程并没有正常结束。

       abort:浏览器在下载完全部媒体数据之前中止获取媒体数据,但是并不是由错误引起的。

       error:获取媒体数据过程中出错。

       cmptied:video元素或audio元素所在网络突然变为未初始化状态(可能引起的原因有两个:载入媒体过程中突然发生一个致命错误,在浏览器正在选择支持的播放格式时,又调用了load方法重新载入媒体)。

      stalled:浏览器尝试获取媒体数据失败。

      loadedmetadata:浏览器获取完毕媒体的时长和字节数。

      loadeddata:浏览器已加载完毕当前播放位置的媒体数据,准备播放。

      waiting:播放过程由于得不到下一帧而暂停播放,但很快就能够得到下一帧。

      playing:正在播放。

      canplay:浏览器能够播放媒体,但估计以当前播放速率不能直接将媒体播放完毕,播放期间需要缓冲。

      canplaythrough:浏览器能够播放媒体,而且以当前播放速率能够将媒体播放完毕,不再需要进行缓冲。

       timeupdate:当前播放位置被改变,可能是播放过程中的自然改变,也可能是人为改变,或由于播放不能连续而发生的跳变。

       ratechange:defaultplaybackRate属性(默认播放速率)或playbackRate属性(当前播放速率) 被改变。

      durationchange:播放时长被改变。

  • 相关阅读:
    License for package Android SDK Build-Tools 28.0.3 not accepted
    React实现座位排布组件
    Flutter中Expanded组件用法
    Ant Design Pro路由传值
    Ant Design中getFieldDecorator方法的特殊用法(小bug)
    React子组件和父组件通信
    Ant Design Pro项目打开页设为登录或者其他页面
    JS中的splice方法
    Ant Design 表单中getFieldDecorator、getFieldValue、setFieldValue用法
    c++下标越界问题探讨
  • 原文地址:https://www.cnblogs.com/loadchow/p/6445216.html
Copyright © 2020-2023  润新知