CN114640883A - 动效处理方法、客户端、服务器、电子设备及存储介质 - Google Patents
动效处理方法、客户端、服务器、电子设备及存储介质 Download PDFInfo
- Publication number
- CN114640883A CN114640883A CN202210182427.2A CN202210182427A CN114640883A CN 114640883 A CN114640883 A CN 114640883A CN 202210182427 A CN202210182427 A CN 202210182427A CN 114640883 A CN114640883 A CN 114640883A
- Authority
- CN
- China
- Prior art keywords
- dynamic effect
- video
- image frame
- background color
- original image
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Withdrawn
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 30
- 230000000694 effects Effects 0.000 claims abstract description 324
- 238000000034 method Methods 0.000 claims abstract description 42
- 238000009877 rendering Methods 0.000 claims abstract description 33
- 230000015572 biosynthetic process Effects 0.000 claims abstract description 20
- 238000003786 synthesis reaction Methods 0.000 claims abstract description 20
- 238000012545 processing Methods 0.000 claims abstract description 15
- 239000002131 composite material Substances 0.000 claims description 38
- 238000004590 computer program Methods 0.000 claims description 5
- 230000006835 compression Effects 0.000 abstract description 6
- 238000007906 compression Methods 0.000 abstract description 6
- 238000004891 communication Methods 0.000 description 9
- 238000010586 diagram Methods 0.000 description 5
- 238000013461 design Methods 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 239000000203 mixture Substances 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 230000000903 blocking effect Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000002194 synthesizing effect Effects 0.000 description 1
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/44—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs
- H04N21/44012—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs involving rendering scenes according to scene graphs, e.g. MPEG-4 scene graphs
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
- H04N21/23—Processing of content or additional data; Elementary server operations; Server middleware
- H04N21/234—Processing of video elementary streams, e.g. splicing of video streams or manipulating encoded video stream scene graphs
- H04N21/23424—Processing of video elementary streams, e.g. splicing of video streams or manipulating encoded video stream scene graphs involving splicing one content stream with another content stream, e.g. for inserting or substituting an advertisement
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/44—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs
- H04N21/44008—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs involving operations for analysing video streams, e.g. detecting features or characteristics in the video stream
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Business, Economics & Management (AREA)
- Marketing (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
Abstract
本公开实施例提供了一种动效处理方法、客户端、服务器、电子设备及存储介质。动效处理方法包括：客户端接收服务器发送的动效视频，所述动效视频是由所述服务器将待处理动效包含的原始图像帧和所述待处理动效对应的背景色进行视频合成得到；客户端在所述动效视频的渲染阶段，将所述动效视频中的背景色渲染为透明效果，得到透明动效视频。本公开实施例中能够通过视频的形式实现透明动效，既解决了现有技术中处理动效时性能低下，局限性较大的问题，同时也解决了传统视频格式在播放器上无法播放透明视频的问题，利用了视频的高压缩率、高分辨率、高帧率的特点，保证了动效高清晰度和高帧率。
Description
技术领域
本公开涉及互联网技术领域，特别是涉及一种动效处理方法、客户端、服务器、电子设备及存储介质。
背景技术
随着互联网技术的迅速发展，各种应用于终端上的App(应用程序)层出不穷。为了提升用户在App上的交互体验，越来越多的App都支持动效展示。动效是在App上一种比较常见的运营推广手段，通过在App的页面上展示动效，可以使用户观看动效，还可以支持用户对动效点击以便跳转到动效关联页面，等等。
为了避免在展示动效时遮挡原有页面，动效通常会设置为透明效果。现有技术中，App上的透明动效一般采用Lottie方式或者gif方式实现。但是，Lottie方式对动效的样式有一定限制，动效要有一定规律且不能过于复杂，否则会增大数据包体积，影响渲染性能。gif方式对动效配置的帧率和分辨率都比较低，否则会占用大量内存空间，影响渲染性能，而且由于颜色限制导致画面还原度不高。
因此，现有技术中的动效实现方式局限性较大，实现的动效效果较差。
发明内容
鉴于上述问题，本公开实施例提出了一种动效处理方法、客户端、服务器、电子设备及存储介质，能够通过视频的方式实现透明动效，避免了现有技术的局限性，提升了动效的效果。
根据本公开的实施例的第一方面，提供了一种动效处理方法，应用于客户端，所述方法包括：
接收服务器发送的动效视频；所述动效视频是由所述服务器将待处理动效包含的原始图像帧和所述待处理动效对应的背景色进行视频合成得到；
在所述动效视频的渲染阶段，将所述动效视频中的背景色渲染为透明效果，得到透明动效视频。
可选地，所述动效视频包含合成图像帧，一个所述合成图像帧是将一个所述原始图像帧和所述背景色进行合成得到；所述将所述动效视频中的背景色渲染为透明效果，包括：针对由所述动效视频解码得到的每个合成图像帧，将当前合成图像帧的背景色渲染为透明效果。
根据本公开的实施例的第二方面，提供了一种动效处理方法，应用于服务器，所述方法包括：
获取待处理动效包含的原始图像帧和所述待处理动效对应的背景色；
将所述原始图像帧和所述背景色进行视频合成得到动效视频；
将所述动效视频发送至客户端，以使所述客户端在所述动效视频的渲染阶段，将所述动效视频中的背景色渲染为透明效果，得到透明动效视频。
可选地，所述将所述原始图像帧和所述背景色进行视频合成得到动效视频，包括：针对每个原始图像帧，为当前原始图像帧插入所述背景色得到当前原始图像帧对应的合成图像帧；基于各所述合成图像帧生成所述动效视频。
可选地，所述为当前原始图像帧插入所述背景色得到当前原始图像帧对应的合成图像帧，包括：如果当前原始图像帧具有透明度，则为当前原始图像帧插入所述背景色，得到当前原始图像帧对应的合成图像帧；如果当前原始图像帧不具有透明度，则为当前原始图像帧添加透明度，并为添加透明度后的原始图像帧插入所述背景色，得到当前原始图像帧对应的合成图像帧。
可选地，所述背景色与所述待处理动效的颜色范围之间的差值大于预设阈值。
根据本公开的实施例的第三方面，提供了一种客户端，所述客户端包括：
接收模块，用于接收服务器发送的动效视频；所述动效视频是由所述服务器将待处理动效包含的原始图像帧和所述待处理动效对应的背景色进行视频合成得到；
渲染模块，用于在所述动效视频的渲染阶段，将所述动效视频中的背景色渲染为透明效果，得到透明动效视频。
可选地，所述动效视频包含合成图像帧，一个所述合成图像帧是将一个所述原始图像帧和所述背景色进行合成得到；所述渲染模块，具体用于针对由所述动效视频解码得到的每个合成图像帧，将当前合成图像帧的背景色渲染为透明效果。
根据本公开的实施例的第四方面，提供了一种服务器，所述服务器包括：
获取模块，用于获取待处理动效包含的原始图像帧和所述待处理动效对应的背景色；
合成模块，用于将所述原始图像帧和所述背景色进行视频合成得到动效视频；
发送模块，用于将所述动效视频发送至客户端，以使所述客户端在所述动效视频的渲染阶段，将所述动效视频中的背景色渲染为透明效果，得到透明动效视频。
可选地，所述合成模块包括：插入单元，用于针对每个原始图像帧，为当前原始图像帧插入所述背景色得到当前原始图像帧对应的合成图像帧；生成单元，用于基于各所述合成图像帧生成所述动效视频。
可选地，所述插入单元，具体用于如果当前原始图像帧具有透明度，则为当前原始图像帧插入所述背景色，得到当前原始图像帧对应的合成图像帧；如果当前原始图像帧不具有透明度，则为当前原始图像帧添加透明度，并为添加透明度后的原始图像帧插入所述背景色，得到当前原始图像帧对应的合成图像帧。
可选地，所述背景色与所述待处理动效的颜色范围之间的差值大于预设阈值。
根据本公开的实施例的第五方面，提供了一种电子设备，包括：一个或多个处理器；和其上存储有指令的一个或多个计算机可读存储介质；当所述指令由所述一个或多个处理器执行时，使得所述处理器执行如上任一项所述的由客户端执行的动效处理方法，或者，执行如上任一项所述的由服务器执行的动效处理方法。
根据本公开的实施例的第六方面，提供了一种计算机可读存储介质，其上存储有计算机程序，当所述计算机程序被处理器执行时，使得所述处理器执行如上任一项所述的由客户端执行的动效处理方法，或者，执行如上任一项所述的由服务器执行的动效处理方法。
本公开实施例提供了一种动效处理方法、客户端、服务器、电子设备及存储介质。通过服务器对待处理动效包含的原始图像帧和待处理动效对应的背景色进行视频合成得到动效视频，并将动效视频发送至客户端，通过客户端在动效视频的渲染阶段，将动效视频中的背景色渲染为透明效果得到透明动效视频。由此可知，本公开实施例中能够通过视频的形式实现透明动效，既解决了现有技术中处理动效时性能低下，局限性较大的问题，同时也解决了传统视频格式在播放器上无法播放透明视频的问题，利用了视频的高压缩率、高分辨率、高帧率的特点，保证了动效高清晰度和高帧率。
附图说明
为了更清楚地说明本公开的实施例的技术方案，下面将对本公开的实施例的描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本公开的实施例的一些附图，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1是本公开实施例的一种动效处理方法的步骤流程图。
图2是本公开实施例的另一种动效处理方法的步骤流程图。
图3是本公开实施例的一种动效处理过程的流程图。
图4是本公开实施例的一种客户端的步骤流程图。
图5是本公开实施例的一种服务器的结构框图。
图6是本公开实施例的一种电子设备的结构示意图。
具体实施方式
下面将结合本公开的实施例中的附图，对本公开的实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例只是本公开的一部分实施例，而不是本公开的全部实施例。基于本公开中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。
为了解决现有技术中Lottie方式和gif方式实现动效的过程中存在的局限性问题，考虑到视频具有很高的压缩率，因此可以利用视频去承载高质量、高帧率、高分辨率的动效。进一步地，考虑到通常情况下视频编码格式(比如H264等)不支持透明通道，比如用普通视频在App的首页实现一个动效，但是该动效无法实现背景透明，从而造成对主页面的遮挡。因此，针对上述问题，本公开实施例提出对视频素材做特殊处理，从而实现播放透明动效视频的效果，具体将在下面的实施例中详细论述。
参照图1，示出了本公开实施例的一种动效处理方法的步骤流程图。图1所示的动效处理方法应用于服务器。
如图1所示，动效处理方法可以包括以下步骤：
步骤101，服务器获取待处理动效包含的原始图像帧和所述待处理动效对应的背景色。
示意性的，本公开实施例中的动效形式可以包括但不限于：弹窗形式的动效，全屏形式的动效，等等。
开发人员在开发动效的过程中，针对每个动效可以设计多个原始图像帧，也即一个动效中可以包含多个原始图像帧。开发人员针对开发完成的每个动效，将该动效对应的动效数据上传至服务器。示意性的，动效数据可以包括但不限于：动效包含的原始图像帧，动效唯一标识，动效名称，等等。
服务器可以将开发人员上传的动效作为待处理动效，对该待处理动效进行处理，得到该待处理动效对应的动效视频。
首先，服务器获取待处理动效包含的原始图像帧和待处理动效对应的背景色。
在一种可选实施方式中，开发人员可以在设计动效的过程中，根据该动效的颜色范围设置该动效对应的背景色，并将该动效对应的背景色作为该动效的动效数据上传至服务器，也即动效对应的背景色是由开发人员预先设置的。示意性的，为了使动效与背景色之间具有较明显的差距，以便后续更容易进行背景色的透明效果的处理，开发人员可以设置动效对应的背景色与动效本身的颜色范围之间的差值大于预设阈值。
该种情况下，服务器可以从存储的待处理动效的动效数据中，获取待处理动效包含的原始图像帧和待处理动效对应的背景色。
在另一种可选实施方式中，开发人员可以在设计动效的过程中，设置该动效的颜色范围，并将该动效的颜色范围作为该动效的动效数据上传至服务器，也即动效的颜色范围是由开发人员预先设置的。示意性的，动效的颜色范围可以为颜色值区间的形式。颜色值可以为任意一种适用形式的颜色值，包括但不限于：RGB(Red、Green、Blue，红、绿、蓝)、HSV(Hue、Saturation、Value，色相，饱和度，明度)、HSL(Hue、Saturation、Lightness，色相、饱和度、亮度)，等等。
该种情况下，服务器可以从存储的待处理动效的动效数据中，获取待处理动效包含的原始图像帧和待处理动效的颜色范围，然后根据待处理动效的颜色范围确定待处理动效对应的背景色。
示意性的，为了使动效与背景色之间具有较明显的差距，以便后续更容易进行背景色的透明效果的处理，服务器可以选取与待处理动效的颜色范围之间的差值大于预设阈值的颜色值，作为待处理动效对应的背景色。
比如，待处理动效的颜色范围为颜色值区间(A，B)。因此，服务器可以选取位于颜色值区间(A，B)之外并且与颜色值A之间的差值大于预设阈值的颜色值，作为待处理动效对应的背景色。或者，服务器可以选取位于颜色值区间(A，B)之外并且与颜色值B之间的差值大于预设阈值的颜色值，作为待处理动效对应的背景色。
在另一种可选实施方式中，开发人员未将动效的颜色范围和/或动效对应的背景色作为动效的动效数据上传至服务器。该种情况下，服务器可以从存储的待处理动效的动效数据中，获取待处理动效包含的原始图像帧，然后基于待处理动效包含的原始图像帧确定待处理动效对应的背景色。
具体地，服务器基于待处理动效包含的原始图像帧确定待处理动效的颜色范围，并根据待处理动效的颜色范围确定待处理动效对应的背景色。
示意性的，服务器可以针对待处理动效包含的每个原始图像帧，获取当前原始图像帧对应的颜色值，然后将全部原始图像帧对应的颜色值组成的颜色值区间作为待处理动效的颜色范围。
示意性的，针对任意一个原始图像帧，服务器可以获取该原始图像帧中各像素的颜色值，然后选取覆盖像素最多的颜色值作为该原始图像帧对应的颜色值。或者，服务器可以获取该原始图像帧中各像素的颜色值平均值，将该平均值作为该原始图像帧对应的颜色值。当然，服务器还可以采用其他任意适用的方式确定该原始图像帧对应的颜色值，本实施例对此不作限制。
示意性的，为了使动效与背景色之间具有较明显的差距，以便后续更容易进行背景色的透明效果的处理，服务器可以选取与待处理动效的颜色范围之间的差值大于预设阈值的颜色值，作为待处理动效对应的背景色。
步骤102，服务器将所述原始图像帧和所述背景色进行视频合成得到动效视频。
服务器获取到待处理动效包含的原始图像帧和待处理动效对应的背景色之后，可以将待处理动效包含的原始图像帧和待处理动效对应的背景色进行视频合成，从而得到待处理动效对应的动效视频。对于视频合成的具体过程将在下面的实施例中详细介绍。
步骤103，服务器将所述动效视频发送至客户端。
示意性的，本公开实施例中的客户端可以为任意一种支持动效展示的App，可以包括但不限于电商App，短视频App，新闻App，等等。
在一种可选实施方式中，服务器可以在得到待处理动效对应的动效视频后，自动将待处理动效对应的动效视频发送至客户端。客户端接收到动效视频后，可以将动效视频存储至本地，在后续需要加载该动效视频时，可以从本地读取该动效视频。
在另一种可选实施方式中，客户端可以在需要加载动效视频时，向服务器发送加载请求(加载请求中可以携带动效唯一标识等信息)。服务器接收到加载请求后，获取该加载请求对应的动效视频，并将该动效视频发送给客户端。
参照图2，示出了本公开实施例的另一种动效处理方法的步骤流程图。图2所示的动效处理方法应用于客户端。
如图2所示，动效处理方法可以包括以下步骤：
步骤201，客户端接收服务器发送的动效视频。
步骤202，客户端在所述动效视频的渲染阶段，将所述动效视频中的背景色渲染为透明效果，得到透明动效视频。
在一种可选实施方式中，服务器在得到待处理动效对应的动效视频后，自动将待处理动效对应的动效视频发送至客户端，则客户端在接收到动效视频后，可以将动效视频存储至本地。当客户端需要加载动效视频时，从本地读取动效视频，在动效视频的渲染阶段，将动效视频中的背景色渲染为透明效果，得到透明动效视频，从而达到播放透明动效视频的效果。
在另一种可选实施方式中，客户端在需要加载动效视频时，向服务器发送加载请求，服务器接收到加载请求后，获取该加载请求对应的动效视频，并将该动效视频发送给客户端。客户端在接收到动效视频后，在动效视频的渲染阶段，将动效视频中的背景色渲染为透明效果，得到透明动效视频，从而达到播放透明动效视频的效果。
本公开实施例中能够通过视频的形式实现透明动效，既解决了现有技术中处理动效时性能低下，局限性较大的问题，同时也解决了传统视频格式在播放器上无法播放透明视频的问题，利用了视频的高压缩率、高分辨率、高帧率的特点，保证了动效高清晰度和高帧率。
参照图3，示出了本公开实施例的一种动效处理过程的流程图。
如图3所示，动效处理过程可以包括以下步骤：
步骤301，服务器获取原始图像帧和背景色。
服务器获取待处理动效包含的原始图像帧和待处理动效对应的背景色。具体的处理过程可以参照上述步骤101的相关描述，本实施例在此不再详细论述。
步骤302，服务器进行视频合成得到带有背景色的动效视频。
服务器将多个原始图像帧和背景色进行视频合成，从而得到带有背景色的动效视频。
在一种可选实施方式中，服务器首先针对每个原始图像帧，为当前原始图像帧插入待处理动效对应的背景色，从而得到当前原始图像帧对应的合成图像帧；然后基于各合成图像帧进行编码，从而生成带有背景色的动效视频。因此，动效视频中包含多个合成图像帧。
示意性的，当前原始图像帧可以为具有透明度的图像帧，在该种情况下，服务器无需对当前原始图像帧进行添加透明度的处理，可以直接为当前原始图像帧插入待处理动效对应的背景色，从而得到当前原始图像帧对应的合成图像帧。
示意性的，当前原始图像帧可以为不具有透明度的图像帧，在该种情况下，服务器可以先为当前原始图像帧添加透明度，然后再为添加透明度后的原始图像帧插入待处理动效对应的背景色，从而得到当前原始图像帧对应的合成图像帧。
步骤303，服务器向客户端发送动效视频。
该步骤303的具体的处理过程可以参照上述步骤103的相关描述，本实施例在此不再详细论述。
步骤304，客户端进行视频播放，对动效视频进行解码。
客户端在对动效视频进行加载播放时，首先对动效视频进行解码，得到该动效视频中包含的各合成图像帧。对于解码的具体过程，可以采用与上述编码过程对应的解码方式进行解码处理。
步骤305，客户端进行透明处理，将动效视频的背景色渲染为透明效果。
客户端针对由动效视频解码得到的每个合成图像帧，将当前合成图像帧的背景色渲染为透明效果(比如处理成透明通道)，从而将整个动效视频的背景色渲染为透明效果，实现在页面中播放透明动效视频。
示意性的，可以针对当前合成图像帧的每个像素，设置当前像素的背景色的透明度，各像素的背景色的透明度可以相同，也可以不同。根据实际的透明程度需求，可以将当前合成图像帧的背景色的透明度设置为任意适用的数值。比如，如果想要动效视频的透明程度较高，则可以将当前合成图像帧的背景色的透明度设置为较高的数值；如果想要动效视频的透明程度较低，则可以将当前合成图像帧的背景色的透明度设置为较低的数值。
本公开实施例中，通过对视频素材进行特殊处理，在每帧图像上插入特殊的背景色，在动效视频渲染阶段将特殊的背景色渲染成透明效果，从而达到播放透明动效视频的效果。本公开实施例既利用了视频的高压缩率、高分辨率、高帧率的特点，使得能够支持复杂的动效，保证了动效的流畅度和清晰度，同时还支持视频的透明动效展示，能够提升用户的整体观看体验，增加用户的点击率和转换率。
参照图4，示出了本公开实施例的一种客户端的结构框图。
如图4所示，客户端可以包括以下模块：
接收模块401，用于接收服务器发送的动效视频；所述动效视频是由所述服务器将待处理动效包含的原始图像帧和所述待处理动效对应的背景色进行视频合成得到；
渲染模块402，用于在所述动效视频的渲染阶段，将所述动效视频中的背景色渲染为透明效果，得到透明动效视频。
可选地，所述动效视频包含合成图像帧，一个所述合成图像帧是将一个所述原始图像帧和所述背景色进行合成得到；所述渲染模块402，具体用于针对由所述动效视频解码得到的每个合成图像帧，将当前合成图像帧的背景色渲染为透明效果。
参照图5，示出了本公开实施例的一种服务器的结构框图。
如图5所示，服务器可以包括以下模块：
获取模块501，用于获取待处理动效包含的原始图像帧和所述待处理动效对应的背景色；
合成模块502，用于将所述原始图像帧和所述背景色进行视频合成得到动效视频；
发送模块503，用于将所述动效视频发送至客户端，以使所述客户端在所述动效视频的渲染阶段，将所述动效视频中的背景色渲染为透明效果，得到透明动效视频。
可选地，所述合成模块502包括：插入单元，用于针对每个原始图像帧，为当前原始图像帧插入所述背景色得到当前原始图像帧对应的合成图像帧；生成单元，用于基于各所述合成图像帧生成所述动效视频。
可选地，所述插入单元，具体用于如果当前原始图像帧具有透明度，则为当前原始图像帧插入所述背景色，得到当前原始图像帧对应的合成图像帧；如果当前原始图像帧不具有透明度，则为当前原始图像帧添加透明度，并为添加透明度后的原始图像帧插入所述背景色，得到当前原始图像帧对应的合成图像帧。
可选地，所述背景色与所述待处理动效的颜色范围之间的差值大于预设阈值。
本公开实施例中能够通过视频的形式实现透明动效，既解决了现有技术中处理动效时性能低下，局限性较大的问题，同时也解决了传统视频格式在播放器上无法播放透明视频的问题，利用了视频的高压缩率、高分辨率、高帧率的特点，保证了动效高清晰度和高帧率。
对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
在本公开的实施例中，还提供了一种电子设备。该电子设备可以包括一个或多个处理器，以及其上存储有指令的一个或多个计算机可读存储介质，指令例如应用程序。当所述指令由所述一个或多个处理器执行时，使得所述处理器执行如上任一项所述的由客户端执行的动效处理方法，或者，执行如上任一项所述的由服务器执行的动效处理方法。
参照图6，示出了本公开实施例的一种电子设备结构的示意图。如图6所示，电子设备包括处理器601、通信接口602、存储器603和通信总线604。其中，处理器601，通信接口602，存储器603通过通信总线604完成相互间的通信。
存储器603，用于存放计算机程序。
处理器601，用于执行存储器603上所存放的程序时，实现上述任一实施例的动效处理方法。
通信接口602用于上述电子设备与其他设备之间的通信。
上述提到的通信总线604可以是外设部件互连标准(Peripheral ComponentInterconnect，简称PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture，简称EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
上述提到的处理器601可以包括但不限于：中央处理器(Central ProcessingUnit，简称CPU)、网络处理器(Network Processor，简称NP)、数字信号处理器(DigitalSignal Processing，简称DSP)、专用集成电路(Application Specific IntegratedCircuit，简称ASIC)、现场可编程门阵列(Field－Programmable Gate Array，简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件，等等。
上述提到的存储器603可以包括但不限于：只读存储器(Read Only Memory，简称ROM)、随机存取存储器(Random Access Memory，简称RAM)、光盘只读储存器(Compact DiscReadOnly Memory，简称CD-ROM)、电可擦可编程只读存储器(Electronic ErasableProgrammable ReadOnly Memory，简称EEPROM)、硬盘、软盘、闪存，等等。
在本公开的实施例中，还提供了一种非临时性计算机可读存储介质，其上存储有计算机程序，该计算机程序可由电子设备的处理器执行，当所述计算机程序被处理器执行时，使得所述处理器执行如上任一项所述的由客户端执行的动效处理方法，或者，执行如上任一项所述的由服务器执行的动效处理方法。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本公开的实施例也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本公开的实施例的内容，并且上面对特定语言所做的描述是为了披露本公开的实施例的最佳实施方式。
在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本公开的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。
类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本公开的示例性实施例的描述中，本公开的实施例的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本公开的实施例要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本公开的实施例的单独实施例。
本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的替代特征来代替。
本公开的实施例的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本公开的实施例的动态图片的生成设备中的一些或者全部部件的一些或者全部功能。本公开的实施例还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序。这样的实现本公开的实施例的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。
应该注意的是上述实施例对本公开的实施例进行说明而不是对本公开的实施例进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本公开的实施例可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
以上所述，仅为本公开的实施例的具体实施方式，但本公开的实施例的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本公开的实施例揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本公开的实施例的保护范围之内。
Claims (10)
1.一种动效处理方法，其特征在于，应用于客户端，所述方法包括：
接收服务器发送的动效视频；所述动效视频是由所述服务器将待处理动效包含的原始图像帧和所述待处理动效对应的背景色进行视频合成得到；
在所述动效视频的渲染阶段，将所述动效视频中的背景色渲染为透明效果，得到透明动效视频。
2.根据权利要求1所述的方法，其特征在于，所述动效视频包含合成图像帧，一个所述合成图像帧是将一个所述原始图像帧和所述背景色进行合成得到；
所述将所述动效视频中的背景色渲染为透明效果，包括：
针对由所述动效视频解码得到的每个合成图像帧，将当前合成图像帧的背景色渲染为透明效果。
3.一种动效处理方法，其特征在于，应用于服务器，所述方法包括：
获取待处理动效包含的原始图像帧和所述待处理动效对应的背景色；
将所述原始图像帧和所述背景色进行视频合成得到动效视频；
将所述动效视频发送至客户端，以使所述客户端在所述动效视频的渲染阶段，将所述动效视频中的背景色渲染为透明效果，得到透明动效视频。
4.根据权利要求3所述的方法，其特征在于，所述将所述原始图像帧和所述背景色进行视频合成得到动效视频，包括：
针对每个原始图像帧，为当前原始图像帧插入所述背景色得到当前原始图像帧对应的合成图像帧；
基于各所述合成图像帧生成所述动效视频。
5.根据权利要求4所述的方法，其特征在于，所述为当前原始图像帧插入所述背景色得到当前原始图像帧对应的合成图像帧，包括：
如果当前原始图像帧具有透明度，则为当前原始图像帧插入所述背景色，得到当前原始图像帧对应的合成图像帧；
如果当前原始图像帧不具有透明度，则为当前原始图像帧添加透明度，并为添加透明度后的原始图像帧插入所述背景色，得到当前原始图像帧对应的合成图像帧。
6.根据权利要求3所述的方法，其特征在于，所述背景色与所述待处理动效的颜色范围之间的差值大于预设阈值。
7.一种客户端，其特征在于，所述客户端包括：
接收模块，用于接收服务器发送的动效视频；所述动效视频是由所述服务器将待处理动效包含的原始图像帧和所述待处理动效对应的背景色进行视频合成得到；
渲染模块，用于在所述动效视频的渲染阶段，将所述动效视频中的背景色渲染为透明效果，得到透明动效视频。
8.一种服务器，其特征在于，所述服务器包括：
获取模块，用于获取待处理动效包含的原始图像帧和所述待处理动效对应的背景色；
合成模块，用于将所述原始图像帧和所述背景色进行视频合成得到动效视频；
发送模块，用于将所述动效视频发送至客户端，以使所述客户端在所述动效视频的渲染阶段，将所述动效视频中的背景色渲染为透明效果，得到透明动效视频。
9.一种电子设备，其特征在于，包括：
一个或多个处理器；和
其上存储有指令的一个或多个计算机可读存储介质；
当所述指令由所述一个或多个处理器执行时，使得所述处理器执行如权利要求1至2任一项所述的动效处理方法，或者，执行如权利要求3至6任一项所述的动效处理方法。
10.一种计算机可读存储介质，其特征在于，其上存储有计算机程序，当所述计算机程序被处理器执行时，使得所述处理器执行如权利要求1至5任一项所述的动效处理方法，或者，执行如权利要求3至6任一项所述的动效处理方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210182427.2A CN114640883A (zh) | 2022-02-25 | 2022-02-25 | 动效处理方法、客户端、服务器、电子设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210182427.2A CN114640883A (zh) | 2022-02-25 | 2022-02-25 | 动效处理方法、客户端、服务器、电子设备及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114640883A true CN114640883A (zh) | 2022-06-17 |
Family
ID=81948170
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210182427.2A Withdrawn CN114640883A (zh) | 2022-02-25 | 2022-02-25 | 动效处理方法、客户端、服务器、电子设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114640883A (zh) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111669646A (zh) * | 2019-03-07 | 2020-09-15 | 北京陌陌信息技术有限公司 | 透明视频的播放方法、装置、设备及介质 |
| WO2020192048A1 (zh) * | 2019-03-28 | 2020-10-01 | 深圳市酷开网络科技有限公司 | 一种视频透明播放处理方法、智能电视及存储介质 |
| CN113542875A (zh) * | 2021-06-24 | 2021-10-22 | 深圳华远云联数据科技有限公司 | 视频处理方法、装置、电子设备以及存储介质 |
-
2022
- 2022-02-25 CN CN202210182427.2A patent/CN114640883A/zh not_active Withdrawn
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111669646A (zh) * | 2019-03-07 | 2020-09-15 | 北京陌陌信息技术有限公司 | 透明视频的播放方法、装置、设备及介质 |
| WO2020192048A1 (zh) * | 2019-03-28 | 2020-10-01 | 深圳市酷开网络科技有限公司 | 一种视频透明播放处理方法、智能电视及存储介质 |
| CN113542875A (zh) * | 2021-06-24 | 2021-10-22 | 深圳华远云联数据科技有限公司 | 视频处理方法、装置、电子设备以及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN114501062B (zh) | 视频渲染协同方法、装置、设备及存储介质 | |
| CN113457160B (zh) | 数据处理方法、装置、电子设备及计算机可读存储介质 | |
| CN111314741B (zh) | 视频超分处理方法、装置、电子设备及存储介质 | |
| CN109688465B (zh) | 视频增强控制方法、装置以及电子设备 | |
| CN112087648B (zh) | 图像处理方法、装置、电子设备及存储介质 | |
| US20230252758A1 (en) | Image processing method and apparatus, electronic device, program, and readable storage medium | |
| CN110930467A (zh) | 图像处理方法、电子设备及可读存储介质 | |
| CN113041617A (zh) | 一种游戏画面渲染方法、装置、设备及存储介质 | |
| CN106470353B (zh) | 一种多媒体数据处理方法及其装置、电子设备 | |
| CN113301414B (zh) | 界面的生成处理方法、装置、电子设备及计算机存储介质 | |
| CN112218148A (zh) | 屏幕录制方法、装置、计算机设备和计算机可读存储介质 | |
| CN113852860A (zh) | 视频处理方法、装置、系统及存储介质 | |
| CN110049347B (zh) | 在直播界面配置图像的方法、系统、终端和装置 | |
| CN110858388B (zh) | 一种增强视频画质的方法和装置 | |
| CN114390307A (zh) | 图像画质增强方法、装置、终端及可读存储介质 | |
| CN112991170B (zh) | 图像超分辨率重建的方法、装置、终端及存储介质 | |
| CN116567346A (zh) | 视频处理方法、装置、存储介质及计算机设备 | |
| CN112887639A (zh) | 图像处理方法、装置、系统、电子设备以及存储介质 | |
| CN109379622B (zh) | 游戏中播放视频的方法和装置 | |
| CN110769241B (zh) | 视频帧处理方法、装置、用户端及存储介质 | |
| CN114640883A (zh) | 动效处理方法、客户端、服务器、电子设备及存储介质 | |
| CN109120939B (zh) | 一种视频App解码方法及装置 | |
| CN110941413B (zh) | 显示画面的生成方法及相关装置 | |
| CN114363663A (zh) | 一种直播观看方法、装置及云视频服务器 | |
| CN110278479B (zh) | 一种图片显示方法及电视机 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WW01 | Invention patent application withdrawn after publication | ||
| WW01 | Invention patent application withdrawn after publication |
Application publication date: 20220617 |