[发明专利]一种动画播放方法、装置、计算机设备及存储介质

说明书

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

技术领域

本发明涉及动画播放技术领域，更具体地说，涉及一种动画播放方法、 装置、计算机设备及存储介质。

背景技术

随着动画技术的飞速发展，色度键技术的应用越来越广泛。色度键技术 通常是在同一色彩的背景上拍摄物体，通过背景色彩特殊的色调信息加以区 分前景和背景，从而达到自动去除背景保留前景的目的。

现有的动画播放技术在实现动画播放时，通常是在web端用CPU模式 canvas将每个视频帧中背景的像素块透明度置0，以实现去除视频帧中背景保 留前景以进行动画播放的目的。

这种动画播放技术需要依赖于电子设备上的CPU对视频帧的绘制渲染， 不仅会影响电子设备CPU性能，甚至会造成电子设备运行出现卡顿的情况。 尤其是在播放高清动画的情况下，进一步增加了电子设备的卡顿频率，动画 播放不流畅。

发明内容

有鉴于此，为解决上述问题，本发明提供一种动画播放方法、装置、电 子设备及存储介质，以在实现高清动画播放的基础上、降低动画播放对电子 设备CPU性能的影响、提高动画播放流畅性，技术方案如下：

一种动画播放方法，包括：

接收动画播放请求，确定动画播放请求所请求播放的目标视频；

在浏览器引擎创建video标签和canvas标签；

调用所述video标签拉取、加载并隐藏播放所述目标视频的低清视频流；

基于所述canvas标签将当前所述video标签中隐藏播放的视频帧绘制到 webGL接口中的着色器；

通过所述着色器的接口调用GPU对所述着色器中的所述视频帧进行锐 化、抠图处理得到目标视频帧，渲染所述目标视频帧至指定位置；所述指定 位置与响应所述动画播放请求展示的页面有关。

一种动画播放装置，包括：

目标视频确定单元，用于接收动画播放请求，确定动画播放请求所请求 播放的目标视频；

标签创建单元，用于在浏览器引擎创建video标签和canvas标签；

第一播放单元，用于调用所述video标签拉取、加载并隐藏播放所述目标 视频的低清视频流；

绘制单元，用于基于所述canvas标签将当前所述video标签中隐藏播放 的视频帧绘制到webGL接口中的着色器；

第二播放单元，用于通过所述着色器的接口调用GPU对所述着色器中的 所述视频帧进行锐化、抠图处理得到目标视频帧，渲染所述目标视频帧至指 定位置；所述指定位置与响应所述动画播放请求展示的页面有关。

一种计算机设备，包括：处理器以及存储器，所述处理器以及存储器通 过通信总线相连；其中，所述处理器，用于调用并执行所述存储器中存储的 程序；所述存储器，用于存储程序，所述程序用于实现所述动画播放方法。

一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被 处理器加载并执行，实现所述动画播放方法的各步骤。