一种移动端网页视频背景处理方法、系统、储存介质与流程

技术特征：
1.一种移动端网页视频背景处理方法，其特征在于：包含以下步骤：s1，获取视频文件及所述视频文件的视频格式类型，所述视频格式类型包括第一视频格式合集、第二视频格式合集；s2，获取浏览器useragent属性，判断所述浏览器是否支持标准video元素且所述视频格式类型属于第一视频格式合集，若是则转至步骤s3，若否则转至步骤s4；s3，调用标准video元素播放所述视频文件作为视频背景；s4，将所述视频文件解码并逐帧绘制成多张图片，按时序播放所述图片作为视频背景。2.根据权利要求1所述的一种移动端网页视频背景处理方法，其特征在于：步骤s4中，所述视频文件解码并通过canvas接口逐帧绘制成多张图片。3.根据权利要求1
‑
2任意一条所述的一种移动端网页视频背景处理方法，其特征在于：步骤s4中，所述将所述视频文件解码并逐帧绘制成多张图片具体为：对所述浏览器进行浏览器能力检测，选用浏览器支持且合适的浏览器接口将所述视频文件解码并逐帧绘制成多张图片。4.根据权利要求3所述的一种移动端网页视频背景处理方法，其特征在于：对所述浏览器进行浏览器能力检测，获取所述浏览器对web workers接口、webgl接口的支持支持情况。5.根据权利要求4所述的一种移动端网页视频背景处理方法，其特征在于：所述选用浏览器支持且合适的浏览器接口具体为：若所述浏览器不支持所述web workers接口也不支持所述webgl接口，选用所述浏览器的canvas 2d接口；若所述浏览器不支持所述web workers接口、支持所述webgl接口，选用所述浏览器的canvas webgi接口；若所述浏览器支持所述web workers接口、不支持所述webgl接口，选用所述浏览器的canvas 2d接口；若所述浏览器支持所述web workers接口也支持所述webgl接口，选用所述浏览器的canvas webgi接口。6.根据权利要求5所述的一种移动端网页视频背景处理方法，其特征在于：进一步地，若所述浏览器不支持所述web workers接口，所述浏览器通过主程序解码所述视频文件；若所述浏览器支持所述web workers接口，所述浏览器通过web workers接口解码所述视频文件。7.根据权利要求5所述的一种移动端网页视频背景处理方法，其特征在于：所述canvas webgi接口通过gpu渲染。8.根据权利要求5所述的一种移动端网页视频背景处理方法，其特征在于：所述第一视频格式合集至少包含mp4格式，所述第二视频格式合集至少包含ts格式。9.一种移动端网页视频背景处理系统，其特征在于：包含：获取模块，用于获取视频文件及所述视频文件的视频格式类型，所述视频格式类型包括第一视频格式合集、第二视频格式合集；浏览器属性判断模块，用于获取浏览器useragent属性，判断所述浏览器是否支持标准video元素且所述视频格式类型属于第一视频格式合集，若是则转至步骤s3，若否则转至步
骤s4；标准video元素播放模块，用于若所述浏览器支持标准video元素，调用标准video元素播放所述视频文件作为视频背景；绘图播放模块，用于若所述浏览器不支持标准video元素，将所述视频文件解码并逐帧绘制成多张图片，按时序播放所述图片作为视频背景。10.一种计算机可读存储介质，存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1中所述的网页视频背景处理处理方法。

技术总结
本发明涉及一种移动端网页视频背景处理方法、系统、储存介质，方法包含以下步骤：S1，获取视频文件及所述视频文件的视频格式类型，所述视频格式类型包括第一视频格式合集、第二视频格式合集；S2，获取浏览器userAgent属性，若所述浏览器支持标准video元素且所述视频格式类型属于第一视频格式合集，转至步骤S3，其它，转至步骤S4；S3，调用标准video元素播放所述视频文件作为视频背景；S4，将所述视频文件解码并逐帧绘制成多张图片，按时序播放所述图片作为视频背景。本发明通过获取浏览器userAgent属性，对不同的浏览器采取不同的视频处理策略。从而兼容移动端浏览器，实现网页视频背景。实现网页视频背景。实现网页视频背景。


技术研发人员：魏陈南 唐斌
受保护的技术使用者：稿定（厦门）科技有限公司
技术研发日：2021.07.13
技术公布日：2021/11/23