[发明专利]一种网页动画的显示方法、装置及电子设备

说明书

本发明实施例提供了一种网页动画的显示方法、装置及电子设备，应用于网页显示技术领域，包括：向服务器发送针对网页动画的获取请求；接收服务器反馈的动画视频，其中，动画视频的视频帧包含：色彩区域和透明区域，色彩区域包括：获取请求所请求网页动画的图片序列中图片的色彩信息，透明区域包括：图片的透明度信息；基于动画视频中每一视频帧包含的透明区域，展示每一视频帧包含的色彩区域。采用本发明实施例显示网页动画可以减小带宽资源的消耗。

技术领域

本发明涉及网页显示技术领域，特别是涉及一种网页动画的显示方法、装置及电子设备。

背景技术

随着计算机技术的发展，可以在网页中展示各种类型的网页元素，如网页图片、网页动画等。与网页图片相比，在网页中展示网页动画，趣味性更强，可以延迟用户浏览网页的时长。

传统网页动画一般采用图片序列的形式实现，具体的，按照固定的时间间隔分别展示图片序列包含的每张图片，以形成动画效果。示例性的，网页动画A的图片序列中包含50张图片，按照每秒展示25张图片的速度进行展示，从而形成2秒的动画效果，其原理与图1所示的电影胶片示意图中展示电影胶片的过程类似。

然而，由于采用图片序列的形式实现网页动画时需要使用大量的图片，示例性的，按照每秒钟展示25张图片的速度，为了实现一段10秒钟的网页动画，需要包含250张图片的图片序列，导致为了网页中显示网页动画需要需要消耗大量的带宽资源。

发明内容

本发明实施例的目的在于提供一种网页动画的显示方法、装置及电子设备，以减小显示网页动画所消耗的带宽资源。具体技术方案如下：

本发明实施例提供了一种网页动画的显示方法，应用于客户端，包括：

向服务器发送针对网页动画的获取请求；

接收所述服务器反馈的动画视频，其中，所述动画视频的视频帧包含：色彩区域和透明区域，所述色彩区域包括：所述获取请求所请求网页动画的图片序列中图片的色彩信息，所述透明区域包括：所述图片的透明度信息；

基于所述动画视频中每一视频帧包含的透明区域，展示每一视频帧包含的色彩区域。

进一步的，所述基于所述动画视频中每一视频帧包含的透明区域，展示每一视频帧包含的色彩区域，包括：

基于所述动画视频中每一视频帧包含的色彩区域和透明区域，生成待展示图片，其中，所述待展示图片每一像素点的色彩像素值为所述色彩区域内像素点的像素值，所述待展示图片每一像素点的透明度像素值为所述透明区域内像素点的像素值，展示所述待展示图片；或，

将所述色彩区域内每一像素点的色彩像素值与所述透明区域内每一像素点的色彩像素值合并放入预设画布中进行显示，其中，所述预设画布每一像素点的色彩像素值为所述色彩区域内像素点的像素值，所述预设画布每一像素点的透明度像素值为所述透明区域内像素点的像素值。

进一步的，所述动画视频还包含所述获取请求所请求网页动画的音频；

所述方法还包括：

在执行所述基于所述动画视频中每一视频帧包含的透明区域，展示每一视频帧包含的色彩区域时，播放所述动画视频包含的音频。

进一步的，所述动画视频为基于色彩视频和透明度视频在左右方向或上下方向合并所生成的，其中，所述动画视频的视频帧包含的色彩区域对应所述色彩视频，所述动画视频的视频帧包含的透明区域对应所述透明度视频，所述色彩视频为：基于所述图片序列中每张图片的色彩信息所生成的，所述透明度视频为：基于所述图片序列中每张图片的透明度信息所生成的。

本发明实施例还提供了一种网页动画的显示方法，应用于服务器，包括

接收客户端发送的针对网页动画的获取请求；