媒体加载算法流程_HTML音视频加载过程详解

更新时间:2019-09-06 11:39:50 来源:青锋建站 作者:青锋建网站
  Media元素指的是HTML5当中的音视频元素(audio,video)。在网页中加载media元素就需要按照HTML5中媒体加载算法的步骤来进行,以下是青锋建站给大家分享的HTML5中媒体加载算法的工作流程步骤,也就是在H5中音视频的加载过程详解。

媒体加载算法工作步骤

1.必须中止已经运行的media元素的资源选择算法的实例
2.假如存在任何的media元素事件队列中的事件任务,必须删除这些任务。假如存在队列中DOM接口任务源的相同元素的队列任务,这些也必须删除。NOTE:当media元素加载一个新的资源时,挂起的事件和media元素的调用函数将被遗弃。
3.假如media元素的networkState被设置为NETWORK_LOADING 或NETWORK_IDLE,将会在这个元素上把一个名为abort的事件放到队列当中。
4.假如media元素的networkState被设置为NETWORK_EMPTY,则必须运行以下步骤:
  4.1 在这个元素上把一个名为emptied 的事件放到队列当中
  4.2 假如media元素存在异常,则必须中止。
  4.3 忘了媒体元素的媒体资源特定的轨道。
  4.4 假如readyState属性没有被设置为HAVE_NOTHING状态,则将其改为这种状态。
  4.5 假如paused属性是false,然后把它设置为true。
  4.6 假如seeking是true,将它设置为false。
  4.7  设置当前播放位置0。
          设置正式播放位置0。
       如果这改变了官方的播放位置,在这个元素上把一个名为emptied 的事件放到队列当中。
     4.8 设置初始播放位置0。
  4.9 将时间线的偏移量设置为非数字。
  4.10更新duration属性设置为非数字。
                   注意:用户代理不会产生一个durationchange事件在这个过程中。
5.将playbackRate属性的值设置为defaultPlaybackRate属性的值。
6.将error属性设置为NULL,将defaultPlaybackRate属性设置为true。
7.调用media元素的资源选择算法
8.NOTE;播放此元素停止以前播放的媒体资源。
  以上就是青锋建站给大家分享的HTML5中媒体加载算法的工作流程步骤,也就是在H5中音视频的加载过程详解。青锋建站,提供专业的高品质网站制作服务,包括网站建设,SEO,网络营销,PHP开发,PHP网站建设知名品牌,全国接单,为企业构建强有力的营销平台。

转载请注明来源网址:青锋建站-http://www.sjzphp.com/webdis/mela.html

电话 15632335515 | 邮箱 943703539@qq.com | QQ 943703539 | 微信 qingfengjianzhan

Copyright © 2016-2026 青锋建站 版权所有