一种动画播放方法、装置、计算机设备及存储介质制造方法及图纸

本申请提供一种动画播放方法、装置、计算机设备及存储介质，确定动画播放请求所请求播放的目标视频，在浏览器引擎创建video标签和canvas标签，进而基于video标签实现对目标视频的低清视频流的拉取、加载及隐藏播放，并基于canvas标签将当前video标签中隐藏播放的视频帧绘制到webGL接口中的着色器，通过着色器的接口调用GPU实现对着色器中视频帧的锐化、抠图处理得到目标视频帧，并将目标视频帧渲染至指定位置(指定位置与响应动画播放请求展示的页面有关)。本申请依赖于GPU不仅实现了基于低清视频实现高清动画播放的目的、而且降低了动画播放对电子设备CPU性能的影响、提高了动画播放的流畅性。

【技术实现步骤摘要】
一种动画播放方法、装置、计算机设备及存储介质
本专利技术涉及动画播放
，更具体地说，涉及一种动画播放方法、装置、计算机设备及存储介质。
技术介绍
随着动画技术的飞速发展，色度键技术的应用越来越广泛。色度键技术通常是在同一色彩的背景上拍摄物体，通过背景色彩特殊的色调信息加以区分前景和背景，从而达到自动去除背景保留前景的目的。现有的动画播放技术在实现动画播放时，通常是在web端用CPU模式canvas将每个视频帧中背景的像素块透明度置0，以实现去除视频帧中背景保留前景以进行动画播放的目的。这种动画播放技术需要依赖于电子设备上的CPU对视频帧的绘制渲染，不仅会影响电子设备CPU性能，甚至会造成电子设备运行出现卡顿的情况。尤其是在播放高清动画的情况下，进一步增加了电子设备的卡顿频率，动画播放不流畅。
技术实现思路
有鉴于此，为解决上述问题，本专利技术提供一种动画播放方法、装置、电子设备及存储介质，以在实现高清动画播放的基础上、降低动画播放对电子设备CPU性能的影响、提高动画播放流畅性，技术方案如下：一种本文档来自技高网...

【技术保护点】
1.一种动画播放方法，其特征在于，包括：/n接收动画播放请求，确定动画播放请求所请求播放的目标视频；/n在浏览器引擎创建video标签和canvas标签；/n调用所述video标签拉取、加载并隐藏播放所述目标视频的低清视频流；/n基于所述canvas标签将当前所述video标签中隐藏播放的视频帧绘制到webGL接口中的着色器；/n通过所述着色器的接口调用GPU对所述着色器中的所述视频帧进行锐化、抠图处理得到目标视频帧，渲染所述目标视频帧至指定位置；所述指定位置与响应所述动画播放请求展示的页面有关。/n

【技术特征摘要】
1.一种动画播放方法，其特征在于，包括：
接收动画播放请求，确定动画播放请求所请求播放的目标视频；
在浏览器引擎创建video标签和canvas标签；
调用所述video标签拉取、加载并隐藏播放所述目标视频的低清视频流；
基于所述canvas标签将当前所述video标签中隐藏播放的视频帧绘制到webGL接口中的着色器；
通过所述着色器的接口调用GPU对所述着色器中的所述视频帧进行锐化、抠图处理得到目标视频帧，渲染所述目标视频帧至指定位置；所述指定位置与响应所述动画播放请求展示的页面有关。


2.根据权利要求1所述的方法，其特征在于，GPU对所述着色器中的所述视频帧进行锐化、抠图处理得到目标视频帧，渲染所述目标视频帧至指定位置，包括：
GPU对所述着色器中的所述视频帧进行卷积数字图像处理得到高清视频帧；
采用基于RGB模式的色度抠像技术对所述高清视频帧进行抠图得到目标视频帧；
将所述目标视频帧渲染至响应所述动画播放请求展示的页面中的指定位置。


3.根据权利要求2所述的方法，其特征在于，所述采用基于RGB模式的色度抠像技术对所述高清视频帧进行抠图得到目标视频帧，包括：
采用色度抠像ChromaKey对所述高清视频帧进行抠图得到目标视频帧。


4.根据权利要求1所述的方法，其特征在于，所述动画播放请求还指示播放环境背景图像，该方法还包括：
创建目标容器并在所述目标容器中加载所述环境背景图像，所述环境背景图像为环境背景视频流或单张环境背景图像；
渲染所述目标容器中的所述环境背景图像至所述指定位置。


5.根据权利要求1所述的方法，其特征在于，还包括：
通过所述浏览器引擎向所述着色器传输与所述目标视频的背景颜色匹配的参数；
所述通过所述着色器的接口调用GPU对所述着色器中的所述视频帧进行锐化、抠图处理得到目标视频帧，渲染所述目标视频帧至指定位置，包括：
通...

【专利技术属性】
技术研发人员：罗飞虎，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44