动效处理方法、客户端、服务器、电子设备及存储介质技术

本公开实施例提供了一种动效处理方法、客户端、服务器、电子设备及存储介质。动效处理方法包括：客户端接收服务器发送的动效视频，所述动效视频是由所述服务器将待处理动效包含的原始图像帧和所述待处理动效对应的背景色进行视频合成得到；客户端在所述动效视频的渲染阶段，将所述动效视频中的背景色渲染为透明效果，得到透明动效视频。本公开实施例中能够通过视频的形式实现透明动效，既解决了现有技术中处理动效时性能低下，局限性较大的问题，同时也解决了传统视频格式在播放器上无法播放透明视频的问题，利用了视频的高压缩率、高分辨率、高帧率的特点，保证了动效高清晰度和高帧率。高帧率。高帧率。

【技术实现步骤摘要】
动效处理方法、客户端、服务器、电子设备及存储介质


[0001]本公开涉及互联网
，特别是涉及一种动效处理方法、客户端、服务器、电子设备及存储介质。

技术介绍

[0002]随着互联网技术的迅速发展，各种应用于终端上的App(应用程序)层出不穷。为了提升用户在App上的交互体验，越来越多的App都支持动效展示。动效是在App上一种比较常见的运营推广手段，通过在App的页面上展示动效，可以使用户观看动效，还可以支持用户对动效点击以便跳转到动效关联页面，等等。
[0003]为了避免在展示动效时遮挡原有页面，动效通常会设置为透明效果。现有技术中，App上的透明动效一般采用Lottie方式或者gif方式实现。但是，Lottie方式对动效的样式有一定限制，动效要有一定规律且不能过于复杂，否则会增大数据包体积，影响渲染性能。gif方式对动效配置的帧率和分辨率都比较低，否则会占用大量内存空间，影响渲染性能，而且由于颜色限制导致画面还原度不高。
[0004]因此，现有技术中的动效实现方式局限性较大，实现的动效效果较差。

技术实现思路

[0005]鉴于上述问题，本公开实施例提出了一种动效处理方法、客户端、服务器、电子设备及存储介质，能够通过视频的方式实现透明动效，避免了现有技术的局限性，提升了动效的效果。
[0006]根据本公开的实施例的第一方面，提供了一种动效处理方法，应用于客户端，所述方法包括：
[0007]接收服务器发送的动效视频；所述动效视频是由所述服务器将待处理动效包含的原始图像帧和所述待处理动效对应的背景色进行视频合成得到；
[0008]在所述动效视频的渲染阶段，将所述动效视频中的背景色渲染为透明效果，得到透明动效视频。
[0009]可选地，所述动效视频包含合成图像帧，一个所述合成图像帧是将一个所述原始图像帧和所述背景色进行合成得到；所述将所述动效视频中的背景色渲染为透明效果，包括：针对由所述动效视频解码得到的每个合成图像帧，将当前合成图像帧的背景色渲染为透明效果。
[0010]根据本公开的实施例的第二方面，提供了一种动效处理方法，应用于服务器，所述方法包括：
[0011]获取待处理动效包含的原始图像帧和所述待处理动效对应的背景色；
[0012]将所述原始图像帧和所述背景色进行视频合成得到动效视频；
[0013]将所述动效视频发送至客户端，以使所述客户端在所述动效视频的渲染阶段，将所述动效视频中的背景色渲染为透明效果，得到透明动效视频。
[0014]可选地，所述将所述原始图像帧和所述背景色进行视频合成得到动效视频，包括：针对每个原始图像帧，为当前原始图像帧插入所述背景色得到当前原始图像帧对应的合成图像帧；基于各所述合成图像帧生成所述动效视频。
[0015]可选地，所述为当前原始图像帧插入所述背景色得到当前原始图像帧对应的合成图像帧，包括：如果当前原始图像帧具有透明度，则为当前原始图像帧插入所述背景色，得到当前原始图像帧对应的合成图像帧；如果当前原始图像帧不具有透明度，则为当前原始图像帧添加透明度，并为添加透明度后的原始图像帧插入所述背景色，得到当前原始图像帧对应的合成图像帧。
[0016]可选地，所述背景色与所述待处理动效的颜色范围之间的差值大于预设阈值。
[0017]根据本公开的实施例的第三方面，提供了一种客户端，所述客户端包括：
[0018]接收模块，用于接收服务器发送的动效视频；所述动效视频是由所述服务器将待处理动效包含的原始图像帧和所述待处理动效对应的背景色进行视频合成得到；
[0019]渲染模块，用于在所述动效视频的渲染阶段，将所述动效视频中的背景色渲染为透明效果，得到透明动效视频。
[0020]可选地，所述动效视频包含合成图像帧，一个所述合成图像帧是将一个所述原始图像帧和所述背景色进行合成得到；所述渲染模块，具体用于针对由所述动效视频解码得到的每个合成图像帧，将当前合成图像帧的背景色渲染为透明效果。
[0021]根据本公开的实施例的第四方面，提供了一种服务器，所述服务器包括：
[0022]获取模块，用于获取待处理动效包含的原始图像帧和所述待处理动效对应的背景色；
[0023]合成模块，用于将所述原始图像帧和所述背景色进行视频合成得到动效视频；
[0024]发送模块，用于将所述动效视频发送至客户端，以使所述客户端在所述动效视频的渲染阶段，将所述动效视频中的背景色渲染为透明效果，得到透明动效视频。
[0025]可选地，所述合成模块包括：插入单元，用于针对每个原始图像帧，为当前原始图像帧插入所述背景色得到当前原始图像帧对应的合成图像帧；生成单元，用于基于各所述合成图像帧生成所述动效视频。
[0026]可选地，所述插入单元，具体用于如果当前原始图像帧具有透明度，则为当前原始图像帧插入所述背景色，得到当前原始图像帧对应的合成图像帧；如果当前原始图像帧不具有透明度，则为当前原始图像帧添加透明度，并为添加透明度后的原始图像帧插入所述背景色，得到当前原始图像帧对应的合成图像帧。
[0027]可选地，所述背景色与所述待处理动效的颜色范围之间的差值大于预设阈值。
[0028]根据本公开的实施例的第五方面，提供了一种电子设备，包括：一个或多个处理器；和其上存储有指令的一个或多个计算机可读存储介质；当所述指令由所述一个或多个处理器执行时，使得所述处理器执行如上任一项所述的由客户端执行的动效处理方法，或者，执行如上任一项所述的由服务器执行的动效处理方法。
[0029]根据本公开的实施例的第六方面，提供了一种计算机可读存储介质，其上存储有计算机程序，当所述计算机程序被处理器执行时，使得所述处理器执行如上任一项所述的由客户端执行的动效处理方法，或者，执行如上任一项所述的由服务器执行的动效处理方法。
[0030]本公开实施例提供了一种动效处理方法、客户端、服务器、电子设备及存储介质。通过服务器对待处理动效包含的原始图像帧和待处理动效对应的背景色进行视频合成得到动效视频，并将动效视频发送至客户端，通过客户端在动效视频的渲染阶段，将动效视频中的背景色渲染为透明效果得到透明动效视频。由此可知，本公开实施例中能够通过视频的形式实现透明动效，既解决了现有技术中处理动效时性能低下，局限性较大的问题，同时也解决了传统视频格式在播放器上无法播放透明视频的问题，利用了视频的高压缩率、高分辨率、高帧率的特点，保证了动效高清晰度和高帧率。
附图说明
[0031]为了更清楚地说明本公开的实施例的技术方案，下面将对本公开的实施例的描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本公开的实施例的一些附图，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
[0032]图1是本公开实施例的一种动效处理方法的步骤流程图。
[0033]图2是本公开实施例的另一种动效处理方法的步骤流程本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种动效处理方法，其特征在于，应用于客户端，所述方法包括：接收服务器发送的动效视频；所述动效视频是由所述服务器将待处理动效包含的原始图像帧和所述待处理动效对应的背景色进行视频合成得到；在所述动效视频的渲染阶段，将所述动效视频中的背景色渲染为透明效果，得到透明动效视频。2.根据权利要求1所述的方法，其特征在于，所述动效视频包含合成图像帧，一个所述合成图像帧是将一个所述原始图像帧和所述背景色进行合成得到；所述将所述动效视频中的背景色渲染为透明效果，包括：针对由所述动效视频解码得到的每个合成图像帧，将当前合成图像帧的背景色渲染为透明效果。3.一种动效处理方法，其特征在于，应用于服务器，所述方法包括：获取待处理动效包含的原始图像帧和所述待处理动效对应的背景色；将所述原始图像帧和所述背景色进行视频合成得到动效视频；将所述动效视频发送至客户端，以使所述客户端在所述动效视频的渲染阶段，将所述动效视频中的背景色渲染为透明效果，得到透明动效视频。4.根据权利要求3所述的方法，其特征在于，所述将所述原始图像帧和所述背景色进行视频合成得到动效视频，包括：针对每个原始图像帧，为当前原始图像帧插入所述背景色得到当前原始图像帧对应的合成图像帧；基于各所述合成图像帧生成所述动效视频。5.根据权利要求4所述的方法，其特征在于，所述为当前原始图像帧插入所述背景色得到当前原始图像帧对应的合成图像帧，包括：如果当前原始图像帧具有透明度，则为当前原始图像帧插入所述背景色，得到当前原始图像帧对应的合成图像帧；如果当前原始图像帧不具有...

【专利技术属性】
技术研发人员：陈国辉，陈艺昌，曾亮，
申请(专利权)人：北京三快在线科技有限公司，
类型：发明
国别省市：