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

　　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事件在这个过程中。

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