[发明专利]小程序中的动画展示方法、装置、电子设备及存储介质

权利要求书

1.一种小程序中的动画展示方法，其特征在于，包括：

在小程序的浏览器页面刷新时，获取待展示的源视频中的一帧原图像；

基于预建立的所述源视频的原图像中的纹理坐标与所述小程序中的位置坐标的映射关系，在所述小程序中展示获取的所述原图像中的颜色信息和透明度信息，以实现动画展示，其中所述映射关系用于将原图像中的像素点映射至小程序中。

2.根据权利要求1所述的方法，其特征在于，基于预建立的所述源视频的原图像中的纹理坐标与所述小程序中的位置坐标的映射关系，在所述小程序中展示获取的所述原图像中的颜色信息和透明度信息，具体包括：

基于预建立的所述源视频的原图像中的纹理坐标与所述小程序的图形容器中的位置坐标的映射关系，在所述小程序的所述图形容器中展示获取的所述原图像中的颜色信息和透明度信息。

3.根据权利要求2所述的方法，其特征在于，基于预建立的所述源视频的原图像中的纹理坐标与所述小程序的图形容器中的位置坐标的映射关系，在所述小程序的所述图形容器中展示获取的所述原图像中的颜色信息和透明度信息，包括：

根据预建立的所述源视频的原图像中的纹理坐标与所述小程序的图形容器中的位置坐标的映射关系，获取所述原图像中颜色通道信息区域中的各第一像素点和/或透明度信息区域中的对应的第二像素点的纹理坐标映射在所述图形容器中对应的第三像素点的位置坐标；

根据各所述第一像素点的颜色信息和对应的所述第二像素点的透明度信息，获取对应的所述第三像素点的绘制信息；

根据各所述第三像素点的位置坐标和对应的所述绘制信息，在所述小程序的所述图形容器中绘制当前帧的图案。

4.根据权利要求2所述的方法，其特征在于，基于预建立的所述源视频的原图像中的纹理坐标与所述小程序的图形容器中的位置坐标的映射关系，在所述小程序的所述图形容器中展示获取的所述原图像中的颜色信息和透明度信息之前，所述方法还包括：

在所述小程序中配置所述图形容器的顶点的位置坐标，以创建所述图形容器；

根据所述源视频中的所述原图像的纹理坐标和所述图形容器中的顶点的位置坐标，建立所述源视频的所述原图像中的纹理坐标与所述小程序的所述图形容器中的位置坐标的映射关系。

5.根据权利要求4所述的方法，其特征在于，在所述小程序中配置所述图形容器的顶点的位置坐标，以创建所述图形容器，包括：

在预定义的顶点着色器中配置所述图形容器的顶点的位置坐标，以创建所述图形容器。

6.根据权利要求3所述的方法，其特征在于，根据各所述第一像素点的颜色信息和对应的所述第二像素点的透明度信息，获取对应的所述第三像素点的绘制信息，包括：

向预配置的片元着色器输入各所述第一像素点的颜色信息和对应的所述第二像素点的透明度信息，以供所述片元着色器根据各所述第一像素点的颜色信息和对应的所述第二像素点的透明度信息，获取对应的所述第三像素点的绘制信息，并输出。

7.根据权利要求1-6任一所述的方法，其特征在于，在实现动画展示的过程中，所述方法还包括：

接收外部用户发起的暂停、播放或跳转到指定帧的请求；

根据所述请求，在动画展示过程中执行暂停、播放或者跳转到指定帧的操作。

8.一种小程序中的动画展示装置，其特征在于，包括：

图像获取模块，用于在小程序的浏览器页面刷新时，获取待展示的源视频中的一帧原图像；

展示模块，用于基于预建立的所述源视频的原图像中的纹理坐标与所述小程序中的位置坐标的映射关系，在所述小程序中展示获取的所述原图像中的颜色信息和透明度信息，以实现动画展示，其中所述映射关系用于将原图像中的像素点映射至小程序中。

9.根据权利要求8所述的装置，其特征在于，所述展示模块，具体用于基于预建立的所述源视频的原图像中的纹理坐标与所述小程序的图形容器中的位置坐标的映射关系，在所述小程序的所述图形容器中展示获取的所述原图像中的颜色信息和透明度信息。