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

权利要求书

1.一种动画播放方法，其特征在于，包括：

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

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

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

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

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

2.根据权利要求1所述的方法，其特征在于，GPU对所述着色器中的所述视频帧进行锐化、抠图处理得到目标视频帧，渲染所述目标视频帧至指定位置，包括：

GPU对所述着色器中的所述视频帧进行卷积数字图像处理得到高清视频帧；

采用基于RGB模式的色度抠像技术对所述高清视频帧进行抠图得到目标视频帧；

将所述目标视频帧渲染至响应所述动画播放请求展示的页面中的指定位置。

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

采用色度抠像Chroma Key对所述高清视频帧进行抠图得到目标视频帧。

4.根据权利要求1所述的方法，其特征在于，所述动画播放请求还指示播放环境背景图像，该方法还包括：

创建目标容器并在所述目标容器中加载所述环境背景图像，所述环境背景图像为环境背景视频流或单张环境背景图像；

渲染所述目标容器中的所述环境背景图像至所述指定位置。

5.根据权利要求1所述的方法，其特征在于，还包括：

通过所述浏览器引擎向所述着色器传输与所述目标视频的背景颜色匹配的参数；

所述通过所述着色器的接口调用GPU对所述着色器中的所述视频帧进行锐化、抠图处理得到目标视频帧，渲染所述目标视频帧至指定位置，包括：

通过所述着色器的接口调用GPU对所述着色器中的所述视频帧进行锐化处理、基于所述参数对锐化处理后的高清视频帧进行抠图得到目标视频帧，渲染所述目标视频帧至指定位置。

6.根据权利要求1所述的方法，其特征在于，还包括：

监听所述目标视频对应的所述video标签的接口，确定当前所述目标视频的播放时间点；

若所述播放时间点满足预先设置的播放控制条件，基于预先设置的与所述播放控制条件匹配的控制方式控制所述目标视频的播放。

7.根据权利要求1所述的方法，其特征在于，还包括：

基于所述目标视频对应的所述video标签的接口控制所述目标视频的播放状态，所述播放状态包括暂停、播放、切换、快进、后退中的任意一种或多种。

8.一种动画播放装置，其特征在于，包括：

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

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

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

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

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

9.一种计算机设备，其特征在于，包括：处理器以及存储器，所述处理器以及存储器通过通信总线相连；其中，所述处理器，用于调用并执行所述存储器中存储的程序；所述存储器，用于存储程序，所述程序用于实现如权利要求1-7任意一项所述的动画播放方法。

10.一种计算机可读存储介质，其特征在于，其上存储有计算机程序，所述计算机程序被处理器加载并执行，实现如权利要求1-7任意一项所述的动画播放方法的各步骤。