CN111464430A - 一种动态表情展示方法、动态表情创建方法及装置 - Google Patents

Abstract

本申请公开了一种动态表情展示方法、动态表情创建方法及装置，属于计算机技术领域。所述方法包括：响应通过会话界面触发的选取动态表情的选取操作，将被选取的动态表情的动态主体图作为会话消息展示在所述会话界面中；以及在所述会话界面中播放所述动态主体图关联的动画元素，其中，所述动画元素的播放区域至少包括所述动态主体图之外的第一区域。这样，突破了传统的动态表情对于显示尺寸的限制，扩大了动态表情的展示范围，提供一种新的动态表情播放机制，动态表情可以表达更丰富的内容，提高动态表情展示的灵活性和趣味性，增强动态表情的展示效果。

Description

一种动态表情展示方法、动态表情创建方法及装置

技术领域

本申请涉及计算机技术领域，尤其涉及一种动态表情展示方法、动态表情创建方法及装置。

背景技术

随着互联网的快速发展，出现了各式各样的在线社交应用进行社交活动，例如使用即时通讯应用进行即时通信。在使用这些社交应用的过程中，为了更形象、生动地表达想说的话，用户经常会发送一些动态表情作为会话消息，通过动态表情进行对话的方式能够大大促进用户之间交流的趣味性。

动态表情一般是GIF(Graphics Interchange Format，图形交换格式)格式的图片，在相关技术中，动态表情具有一个固定的显示尺寸，在将动态表情作为会话消息进行展示时，是在该固定尺寸的区域内播放动态表情，也就是说，在播放动态表情时会有区域大小的限制。

发明内容

本申请实施例提供一种动态表情展示方法、动态表情创建方法及装置，用于扩大动态表情的展示范围，增强动态表情的展示效果。

一方面，提供一种动态表情展示方法，所述方法包括：

响应通过会话界面触发的选取动态表情的选取操作，将被选取的动态表情的动态主体图作为会话消息展示在所述会话界面中；以及

在所述会话界面中播放与所述动态主体图关联的动画元素，其中，所述动画元素的播放区域至少包括所述动态主体图之外的第一区域。

在一种可能的实现方式中，所述动画元素的播放区域还包括第二区域，所述第二区域为所述动态主体图的显示区域的部分或全部区域。

在一种可能的实现方式中，在所述会话界面中播放所述动态主体图关联的动画元素，包括：

所述动画元素逐渐从所述第一区域和所述第二区域中的一个区域跨越到另一个区域进行播放；或者，

所述动画元素在所述第一区域进行播放；或者，

所述动画元素在所述第一区域和第二区域播放。

在一种可能的实现方式中，将被选取的动态表情的动态主体图作为会话消息展示在所述会话界面中，以及在所述会话界面中播放与所述动态主体图关联的动画元素，包括：

根据与所述动态表情关联的播放模式，确定动画绘制的参考位置，并以所述参考位置开始逐帧绘制并显示所述动态表情对应的各个动画帧。

在一种可能的实现方式中，根据所述动态表情关联的播放模式，确定动画绘制的参考位置，并以所述参考位置开始逐帧绘制并显示所述动态表情对应的各个动画帧，包括：

根据所述播放模式对应的动画类型，确定所述参考位置；以及

根据所述播放模式对应的动画属性信息，以所述参考位置开始逐帧绘制并显示所述动态表情对应的各个动画帧，其中，所述动画属性信息包括所述动画元素的运动轨迹、尺寸、形状、颜色、动画特效中的至少一种。

在一种可能的实现方式中，根据所述播放模式对应的动画类型，确定所述参考位置，包括：

若所述动态表情的动画类型为触发型动画，则将所述动画元素的触发源位置确定为所述参考位置；或

若所述动态表情的动画类型为氛围型动画，则将所述会话界面的中心位置确定为所述参考位置，或者，将所述会话界面中的对话框区域的中心位置确定为所述参考位置；或

若所述动态表情的动画类型为位置型动画，则将所述动态主体图的播放区域的中心位置确定为所述参考位置。

在一种可能的实现方式中，在将被选取的动态表情的动态主体图作为会话消息展示在所述会话界面中之前，所述方法还包括：

将所述动态表情展示在所述会话界面中的输入框区域，并在检测到用于确定发送所述动态表情的确认操作时，触发发送所述动态表情。

在一种可能的实现方式中，所述动态主体图的背景区域的透明度为透明值，或者，所述动态主体图的背景区域的颜色为所述会话界面的背景色。

在一种可能的实现方式中，所述动态表情关联有第一标识，所述第一标识用于指示关联的动态表情是跨区域动态表情。

一方面，提供一种动态表情创建方法，所述方法包括：

响应创建表情操作，展示视频录制界面；

响应在所述视频录制界面触发的视频录制操作，获得录制的视频数据，并将所述视频数据和动画元素关联保存为动态表情，其中，所述视频数据作为所述动态表情的动态主体图，所述动画元素的播放区域至少包括所述动态主体图之外的第一区域。

在一种可能的实现方式中，所述视频录制界面包括视频录制区域，将所述视频数据和动画元素关联保存为动态表情，包括：

根据所述动画元素关联的播放模式确定动画绘制的参考位置，并以所述参考位置为坐标原点将所述视频数据的序列视频帧和所述动画元素进行合成，以得到所述动态表情对应的序列动画帧；其中，在合成的过程中，所述动画元素的显示区域至少包括所述视频录制区域之外的区域。

在一种可能的实现方式中，所述动画元素的显示区域还包括所述视频录制区域的部分或全部区域。

在一种可能的实现方式中，根据所述动画元素关联的播放模式确定动画绘制的参考位置，包括：

若所述动画元素为触发型动画，则将所述视频数据中触发所述动画元素的触发源位置确定为所述参考位置；

若所述动画元素的动画类型为氛围型动画，则将所述视频录制界面的中心位置确定为所述参考位置；

若所述动态表情的动画类型为位置型动画，则将所述视频录制区域的中心位置确定为所述参考位置。

在一种可能的实现方式中，所述方法还包括：

响应针对会话界面的对话框区域中显示的目标动态表情的跟拍操作，从所述目标动态表情中提取所述动画元素，其中，所述目标动态表情关联有第一标识，所述第一标识用于指示关联的动态表情为跨区域动态表情；或者，

响应选取动画素材模板或选取动画图标的操作，从选取的动画素材模板中提取所述动画元素，或者将选取的动画图标确定为所述动画元素，其中，选取的动画素材模板和动画图标均关联有第二标识，所述第二标识用于指示对应的动画元素能够显示在视频录制区域外以进行动态表情的合成。

在一种可能的实现方式中，将所述视频数据的序列视频帧和所述动画元素进行合成，以得到动态表情对应的序列动画帧，包括：

确定所述视频数据中的各视频帧的背景区域；

将各视频帧的背景区域的透明度调整至透明值，或者将各视频帧的背景区域的颜色调整成预定颜色；

将调整后的各视频帧和所述动画元素进行合成，以得到所述动态表情对应的序列动画帧。

一方面，提供一种动态表情展示装置，所述装置包括：

响应模块，用于响应通过会话界面触发的选取动态表情的选取操作；

显示模块，用于将被选取的动态表情的动态主体图作为会话消息展示在所述会话界面中，以及在所述会话界面中播放与所述动态主体图关联的动画元素，其中，所述动画元素的播放区域至少包括所述动态主体图之外的第一区域。

在一种可能的实现方式中，所述动画元素的播放区域还包括第二区域，所述第二区域为所述动态主体图的显示区域的部分或全部区域。

在一种可能的实现方式中，所述显示模块用于：

所述动画元素逐渐从所述第一区域和所述第二区域中的一个区域跨越到另一个区域进行播放；或者，

所述动画元素在所述第一区域进行播放；或者，

所述动画元素在所述第一区域和所述第二区域播放。

在一种可能的实现方式中，所述显示模块用于：

根据与所述动态表情关联的播放模式，确定动画绘制的参考位置，并以所述参考位置开始逐帧绘制并显示所述动态表情对应的各个动画帧。

在一种可能的实现方式中，所述显示模块用于：

根据所述播放模式对应的动画类型，确定所述参考位置；以及

根据所述播放模式对应的动画属性信息，以所述参考位置开始逐帧绘制并显示所述动态表情对应的各个动画帧，其中，所述动画属性信息包括所述动画元素的运动轨迹、尺寸、形状、颜色、动画特效中的至少一种。

在一种可能的实现方式中，所述显示模块用于：

若所述动态表情的动画类型为触发型动画，则将所述动画元素的触发源位置确定为所述参考位置；或

若所述动态表情的动画类型为氛围型动画，则将所述会话界面的中心位置确定为所述参考位置，或者，将所述会话界面中的对话框区域的中心位置确定为所述参考位置；或

若所述动态表情的动画类型为位置型动画，则将所述动态主体图的播放区域的中心位置确定为所述参考位置。

在一种可能的实现方式中，所述装置还包括确认模块，用于：

在所述显示模块将被选取的动态表情的动态主体图作为会话消息展示在所述会话界面中之前，将所述动态表情展示在所述会话界面中的输入框区域，并在检测到用于确定发送所述动态表情的确认操作时，触发发送所述动态表情。

在一种可能的实现方式中，所述动态主体图的背景区域的透明度为透明值，或者，所述动态主体图的背景区域的颜色为所述会话界面的背景色。

在一种可能的实现方式中，所述动态表情关联有第一标识，所述第一标识用于指示关联的动态表情为跨区域动态表情。

一方面，提供一种动态表情创建装置，所述装置包括：

展示模块，用于响应创建表情操作，展示视频录制界面；

创建模块，用于响应在所述视频录制界面触发的视频录制操作，获得录制的视频数据，并将所述视频数据和动画元素关联保存为动态表情，其中，所述视频数据保存为所述动态表情的动态主体图，所述动画元素的播放区域至少包括所述动态主体图之外的第一区域。

在一种可能的实现方式中，所述视频录制界面包括视频录制区域，所述创建模块用于：

根据所述动画元素关联的播放模式确定动画绘制的参考位置，并以所述参考位置为坐标原点将所述视频数据的序列视频帧和所述动画元素进行合成，以得到所述动态表情对应的序列动画帧；其中，在合成的过程中，所述动画元素的显示区域至少包括所述视频录制区域之外的区域。

在一种可能的实现方式中，所述动画元素的显示区域还包括所述视频录制区域的部分或全部区域。

在一种可能的实现方式中，所述创建模块用于：

若所述动画元素为触发型动画，则将所述视频数据中触发所述动画元素的触发源位置确定为所述参考位置；

若所述动画元素的动画类型为氛围型动画，则将所述视频录制界面的中心位置确定为所述参考位置；

若所述动态表情的动画类型为位置型动画，则将所述视频录制区域的中心位置确定为所述参考位置。

在一种可能的实现方式中，所述装置还包括确定模块，用于：

响应针对会话界面的对话框区域中显示的目标动态表情的跟拍操作，从所述目标动态表情中提取所述动画元素，其中，所述目标动态表情关联显示有第一标识，所述第一标识用于指示关联的动态表情的动画元素能够显示在该动态表情的动态主体图的显示区域之外；或者，

响应选取动画素材模板或选取动画图标的操作，从选取的动画素材模板中提取所述动画元素，或者将选取的动画图标确定为所述动画元素，其中，选取的动画素材模板和动画图标均关联显示有第二标识，所述第二标识用于指示对应的动画元素能够显示在视频录制区域外以进行动态表情的合成。

在一种可能的实现方式中，所述创建模块用于：

确定所述视频数据中的各视频帧的背景区域；

将各视频帧的背景区域的透明度调整至透明值，或者将各视频帧的背景区域的颜色调整成预定颜色；

将调整后的各视频帧和所述动画元素进行合成，以得到所述动态表情对应的序列动画帧。

一方面，提供一种计算设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述各种可能的实现方式中所描述的动态表情展示方法包括的步骤。

一方面，提供一种计算设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述各种可能的实现方式中所描述的动态表情创建方法包括的步骤。

一方面，提供一种存储介质，所述存储介质存储有计算机可执行指令，所述计算机可执行指令用于使计算机执行上述各种可能的实现方式中所描述的动态表情展示方法包括的步骤。

一方面，提供一种存储介质，所述存储介质存储有计算机可执行指令，所述计算机可执行指令用于使计算机执行上述各种可能的实现方式中所描述的动态表情创建方法包括的步骤。

一方面，提供一种包含指令的计算机程序产品，当所述计算机程序产品在计算机上运行时，使得计算机执行上述各种可能的实现方式中所描述的动态表情展示方法包括的步骤。

一方面，提供一种包含指令的计算机程序产品，当所述计算机程序产品在计算机上运行时，使得计算机执行上述各种可能的实现方式中所描述的动态表情创建方法包括的步骤。

本申请实施例中，在检测通过会话界面触发的选取动态表情的选取操作之后，通过响应该选取操作，可以将选取的动态表情作为会话消息展示在会话界面中，具体地，动态表情的动画元素的播放区域至少包括动态表情的动态主体图之外的区域(例如将该区域称作第一区域)，即，在动态表情的展示过程中，动态表情中的动画元素至少可以在动态主体图的播放区域之外的区域内进行播放，这样，动态表情中的动画元素的播放区域不仅仅局限于传统方式中的为动态表情设置的固定尺寸对应的展示区域，而是可以跨出该固定尺寸的区域，和固有尺寸的区域外的显示空间进行融合，从而突破传统动态表情对于显示尺寸的限制，扩大动态表情的展示范围，提供一种新的动态表情播放机制，这样的动态表情可以表达更丰富的内容，同时也可以提高动态表情展示的灵活性和趣味性，增强动态表情的展示效果。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。

图1为动态表情的示意图；

图2a为本申请实施例中的会话界面的示意图；

图2b为本申请实施例中的会话界面的另一示意图；

图3为本申请实施例适用的一种应用场景的示意图；

图4为本申请实施例中的动态表情展示方法的流程图；

图5a为本申请实施例中的触发进行的选取动态表情的示意图；

图5b为本申请实施例中的触发进行的选取动态表情的另一示意图；

图6为本申请实施例中的传统动态表情和跨区域动态表情的对比示意图；

图7为本申请实施例中的绘制触发型动画的坐标示意图；

图8为本申请实施例中的绘制氛围型动画的坐标示意图；

图9为本申请实施例中的绘制位置型动画的坐标示意图；

图10为本申请实施例中的动态表情创建方法的流程图；

图11a为本申请实施例中的进行表情创建操作的示意图；

图11b为本申请实施例中的进行表情创建操作的另一示意图；

图12为本申请实施例中的及逆行视频录制操作的示意图；

图13a为本申请实施例中的在动态表情创建过程绘制动画的示意图；

图13b为本申请实施例中的在动态表情创建过程绘制动画的另一示意图；

图13c为本申请实施例中的在动态表情创建过程绘制动画的另一示意图；

图14a为本申请实施例中的动态表情展示装置的结构框图；

图14b为本申请实施例中的动态表情展示装置的另一结构框图；

图15a为本申请实施例中的动态表情创建装置的结构框图；

图15b为本申请实施例中的动态表情创建装置的另一结构框图；

图16为本申请实施例中的计算设备的结构示意图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚明白，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于申请保护的范围。在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互任意组合。并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

本申请的说明书和权利要求书及上述附图中的术语“第一”和“第二”是用于区别不同对象，而非用于描述特定顺序。此外，术语“包括”以及它们任何变形，意图在于覆盖不排他的保护。例如包含了一系列步骤或单元的过程、方法、***、产品或设备没有限定于已列出的步骤或单元，而是可选地还包括没有列出的步骤或单元，或可选地还包括对于这些过程、方法、产品或设备固有的其它步骤或单元。本申请中的“多个”可以表示至少两个，例如可以是两个、三个或者更多个，本申请实施例不做限制。

另外，本文中术语“和/或”，仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，在不做特别说明的情况下，一般表示前后关联对象是一种“或”的关系。

以下对本文中涉及的部分技术用语进行说明，以便于本领域技术人员理解。

1、即时通讯应用，可以提供即时通信功能的一类应用，即时通信，又称作即时通讯，是指能够即时发送和接收互联网消息等的业务，允许两人或多人使用网络实时的传递文字消息、文件、语音与视频交流，即时通信已经发展成集交流、资讯、娱乐、搜索、电子商务、办公协作和企业客户服务等为一体的综合化信息平台。

2、动态表情，是一类具有动画效果的表情，表情是一种具有意思表达功能的图像，可反映发送该表情的用户的内心活动、情绪、情感或特定语义，表情包括静态表情和动态表情。通常，静态表情是一帧静态图片，可以是PNG(Protable Network Graphicks，可移植网络图形)的文件格式，而动态表情是一个由多帧图片合成的动画，可以是GIF的文件格式。

动态表情可以包括动态主体图和动画元素两部分，动态主体图是动态表情的主体部分，例如是拍摄动态表情的用户自身的头像或者是一些卡通形象，而动画元素可以理解为是动态表情中体现动画特效的元素，动画元素可以大体上体现整个动态表情的动画特效，动画元素可作为辅助元素来更好地表现动态表情，动画元素例如是心形、气球、水滴、五角星、字符等各种尺寸和颜色的具有动画特效的动态图像。例如参见图1所示的动态表情，图1所示的动态表情是一个男孩做出了“比心”的手势，随着该男孩“比心”手势的完成，弹出了一个心形图形，而该心形图形可以呈现逐渐变化尺寸和变化位置等特效，那么，其中的男孩图像则可以理解为是该动态表情的动态主体图，对应动态表情的动态主体部分，而其中的心形图像则可以立即为是动态表情的动画元素。

需要说明的是，由于动态表情本就是一个包括多帧图像的动画，所以动态表情中的动态主体图所对应的主体部分一般也是发生变化的，例如动作变化或者姿势变化或者表情变化，等等。

3、会话界面，例如又可以称作聊天界面，是即时通讯应用中用于展示会话消息的界面，可以包括两个用户之间的私聊会话界面和用于多于两个用户的多个用户之间的群聊会话界面。会话界面一般包括对话框区域和输入框区域，对话框区域用于展示用户自身已经成功发送和接收的对话消息，对话消息可以包括文字消息、语音消息和表情消息，输入框区域用于接收用户所输入的对话消息。一种可能的会话界面如图2a所示，另一种可能的会话界面如图2b所示。

如前所述的，相关技术中的动态表情的展示是受到规定尺寸的限制的，例如图2a中由上往下的第一个动态表情，其在会话界面中播放时的播放区域的尺寸始终是固定的，其中右手举起的小女孩对应的动态主体图和“加油”这两个字对应的动画元素均只能在规定的固有区域中展示，这样的展示方式比较呆板和单一，灵活性较差，可能无法较好地体现动态表情原本想要表达的动画特效的效果。

通过分析，本申请的发明人发现相关技术中导致动态表情的播放方式单一的主要原因是因为对动态表情的播放区域的尺寸是限制了的，正是由于该限制而固化了动态表情的播放方式，为此，本申请的发明人考虑到可以突破播放区域的尺寸限制，而在相关技术的固有尺寸的播放区域之外也可以展示动态表情，例如可以令动态表情的动态主体图按照现有的方式展示，即将其在规定的固定尺寸的区域之内展示，而将动态表情的动画元素可以至少在该固定尺寸的区域之外展示，这样，动态表情中的动画元素至少可以在动态主体图的播放区域之外的区域内进行播放，跨出了固定尺寸的区域，和固有展示区域外的显示空间进行融合，从而突破传统动态表情对于显示尺寸的限制，提供一种全新的动态表情播放机制，扩大动态表情的展示范围，这样通过动态表情可以表达更丰富的内容，同时也可以提高动态表情展示的灵活性和趣味性。

为更好地理解本申请实施例提供的技术方案，下面对本申请实施例提供的技术方案适用的应用场景做一些简单介绍，需要说明的是，以下介绍的应用场景仅用于说明本申请实施例而非限定。在具体实施时，可以根据实际需要灵活地应用本申请实施例提供的技术方案。

请参见图3，图3为本申请实施例适用的一种应用场景，在该应用场景中包括终端设备301、终端设备302和服务器303，终端设备301、终端设备302均可以与服务器303进行通信，终端301、终端302中安装有即时通讯应用对应的客户端，服务器303是为该即时通讯应用提供服务的后台服务设备。用户1可以使用终端设备301与使用终端设备302的用户2进行即时通信，例如可以进行文字通信、语音通信和视频通信，用户1和用户2之间还可以相互发送表情信息，例如可以发送动态表情和静态表情，具体来说，用户1和用户2可以分别使用各自的终端设备采用本申请提供的动态表情展示方法向对方发送动态表情，同时还可以通过本申请提供的动态表情创建方法来创建动态表情，通过动态表情的交互提高交互质量。例如，用户1使用终端设备301创建了一个动态表情，并且选择将创建的这个动态表情发送给用户2，终端设备301在检测到用户1触发发送动态表情的操作之后，将动态表情的相关信息上传给服务器303，进而通过服务器303转发给终端设备302，终端设备302根据接收到的这些信息展示用户1发送的动态表情，以便于用户2能够查看，进而与用户1进行进一步地的信息交互。

其中，服务器303可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式***，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN(Content Delivery Network，内容分发网络)、以及大数据和人工智能平台等基础云计算服务的云服务器。终端设备301和终端设备302可以是智能手机、平板电脑、笔记本电脑、台式计算机、智能音箱、智能手表等，但并不局限于此。终端设备与服务器之间可以通过有线或无线通信方式进行直接或间接地连接，本申请在此不做限制。

为进一步说明本申请实施例提供的技术方案，下面结合附图以及具体实施方式对此进行详细的说明。虽然本申请实施例提供了如下述实施例或附图所示的方法操作步骤，但基于常规或者无需创造性的劳动在所述方法中可以包括更多或者更少的操作步骤。在逻辑上不存在必要因果关系的步骤中，这些步骤的执行顺序不限于本申请实施例提供的执行顺序。所述方法在实际的处理过程中或者装置执行时，可按照实施例或者附图所示的方法顺序执行或者并行执行。

本申请实施例提供一种动态表情展示方法，该方法可以由能够播放动态表情的设备执行，例如可以由图3中的终端设备301或终端设备302执行，或者可以由图3中的服务器303执行。本申请实施例提供的动态表情展示方法如图4所示，图4所示的流程图描述如下。

步骤401：检测通过会话界面触发的选取动态表情的选取操作。

在通过即时通讯应用进行消息交互的过程中，当用户希望向其他用户发送动态表情时，可以在会话界面进行选取动态表情的触发操作，具体地，可以通过触发选取动态表情的选取操作来选定动态表情，而设备可以检测到用户的该选取操作。

在一种可能的实施方式中，用户可以通过在表情输入面板中进行选取动态表情的选取操作，其中，表情输入面板是存放表情(包括动态表情和静态表情)对应的表情缩略图的容器，用户可以将对话框区域中展示的表情添加到表情输入面板，也可以在表情输入面板中创建新的表情，或者还可以删除表情输入面板中存放的表情。请参见图5a所示，用户通过点击表情输入面板中的一个动态表情对应的表情缩略图的操作选取了该动态表情，通过该点击操作可以触发将用户选取的表情缩略图对应的动态表情展示在会话界面中，具体地是展示在对话框区域中。用户可以根据自己的需求在表情输入面板这个表情容器中选择合适的动态表情发送给其他用户，选择空间较大。

在另一种可能的实施方式中，用户可以直接在会话界面中的对话框区域中显示的动态表情进行选取操作，例如请参见图5b所示的，用户针对已经展示在对话框区域中的动态表情进行指定操作，例如进行指关节操作或者双击操作，以此选择所作用的动态表情并触发发送该动态表情。也就是说，用户可以直接对对话框区域中已经显示的动态表情进行选取操作以快速选取已经展示过程的动态表情，这样可以提高选取动态表情的速度，选取效率较高，同时用于展示在对话框区域中的动态表情的动态效果是已经呈现给用户了的，通过该方式用户可以快速选取到自己感兴趣的动态表情，针对性强，选取的有效性较高。

步骤402：响应选取操作，将被选取的动态表情的动态主体图作为会话消息展示在会话界面中，以及在会话界面中播放与动态主体图关联的动画元素，其中，动画元素的播放区域至少包括动态主体图之外的第一区域。

设备在检测到用户所进行的选取操作后，可以触发将所选取的动态表情以对话消息的形式展示在会话界面的对话框区域中，即发送给其他用户，具体地，设备可以将用户选取的动态表情的对应信息发送给后台服务器，再由后台服务器转发给其他设备，以实现表情消息的发送。

在检测到选取操作之后，可以暂不直接响应该选取操作以将动态表情作为会话消息展示在会话界面中，而是，在检测到选取操作之后，可以先将动态表情展示在会话界面中的输入框区域内，若用户确实想发送选取的动态表情则可以进行用于确定发送动态表情的确认操作，设备只有在检测到该确认操作之后才触发发送动态表情，也就是说，在选取动态表情之后可以通过暂留在输入框区域中的方式让用户能够进一步地充分考虑自己是否真的需要发送动态表情，而相关技术中针对动态表情并没有这样的暂留机制，而是在用户选取动态表情之后就直接发送了，然而，用户选取动态表情后就直接发送较容易导致误操作，影响消息发送的准确性和有效性，通过本申请实施例中的将动态表情在输入框区域的暂留机制，可以提高消息发送的准确性和有效性，同时也可以减少数据量的传输。

在本申请实施例中，动态表情在播放时，动态表情的动态主体图占有一定的显示区域，而动态表情所包括的动画元素的播放区域至少包括动态主体图的显示区域之外的区域，例如将动画元素显示所占据的动态主体图之外的区域称作第一区域，也就是说，动画元素至少可以跨动态主体图的显示区域进行显示，本申请实施例中将动画元素的这种播放方式称作“跨区域播放”，而将具有这种“跨区域播放”效果的动态表情称作“跨区域动态表情”，这样，动画元素可以和动态主体图的展示区域外的显示空间进行融合，从而突破传统的动态表情对于显示尺寸的限制，扩大了动态表情的展示范围，提供了一种全新的动态表情播放机制，可以表达更丰富的内容，更加增强动态表情的娱乐性，增强动态表情的展示效果，利于用户使用这种新奇的展示方式来发送表情信息，增强用户的使用体验。

请参见图6所示，其中，图6中的左图为传统的动态表情的播放效果，可见，一个“比心”的动态表情中的动态主体部分(即做出“比心”手势的男孩)对应的动态主体图和所有的动画元素(包括男孩触发的实心心形、网状心形和不规则五角星)都显示在固定尺寸的显示区域(例如称作固有显示区域)内，图6中的左图以虚线矩形框表示固有显示区域，可见，动态表情的显示区域整体上是受限制的，难以较充分地展示动画元素的动画特效。而图6中的右图是本申请实施例中的“跨区域播放”的播放效果的展示，可见，相对于传统播放方式来说，例如实心心形、网状心形和不规则五角星这些动画元素，有一部分显示在固有显示区域之内，另外一部分则显示在了固有显示区域之外了。可以理解的是，随着动态表情的动画效果的持续播放，这些动画元素可以是动态地从固有显示区域内逐渐跨域到固有显示区域外，类似于从内往外漫延扩散，直至扩散到对话框区域的大部分或者全部区域，以实现近似满屏的动画元素的播放效果，如图6中的右图所示的，网状心形的动画元素扩散到了上一条消息的气泡框上，通过跨区域的动态展示方式，提供了一种全新的展示动态表情的机制，丰富了动态表的展示效果，更具有灵活性和娱乐性。

本申请实施例中的“跨区域动态表情”关联有第一标识，该第一标识用于指示关联的动态表情是“跨区域动态表情”，即，第一标识可用于指示关联的动态表情的动画元素能够显示在该动态表情的动态主体图的显示区域之外，也就是说，可以通过第一标识来表示动态表情“跨区域播放”的特殊属性，如此，当在展示关联有第一标识的动态表情时，即可实现“跨区域播放”的播放效果。

在具体实施过程中，第一标识可以与动态表情关联显示，无论是在表情输入面板中的表情缩略图，还是在对话框区域中已经展示的动态表情，若这些动态表情都具有动画元素跨区域显示的特性，即对于“跨区域动态表情”，可以在这些动态表情对应的表情缩略图或者动态表情本身上标记上特定的第一标识，例如图5a中所示的，第一标识是黑色的三角形标识，在表情输入面板中的第二个和第三个动态表情的左上角都标记有黑色的三角形标识，以及在对话框区域中的这两个动态表情的左上角也都标记有黑色的三角形标识。通过显示的第一标识可以对动画元素能够跨区域播放的这类特殊的动态表情进行显性标记，这样可以与其它常规的动态表情进行区分，增强提示性，便于用户选择。对于显性显示的第一标识的具体形式例如是上述的三角形标识，可以理解的是，还可以是其它形式，本申请实施例不做限制。

在另一种可能的实施方式中，第一标识也可以并不显示出来，此时的第一标识可以认为是隐式存在的，用于隐式地体现动态表情的“跨区域播放”的播放效果。例如，“跨区域动态表情”并未关联显示第一标识，但是在展示(例如用户点击)时可以看到“跨区域播放”的展示效果，另外，但当光标指到这类动态表情时，第一标识才显示出来，即第一标识可以通过某种触发方式从隐式存在变为显式显示。在使用这类第一标识隐式存在的动态表情时，突然出现的“跨区域播放”的动态效果能够给用户带来惊奇度，增强用户的使用体验。

在本申请实施例中，动态表情中的动态主体图的背景区域的透明度可以为透明值，或者，动态主体图的背景区域的颜色可以为会话界面的背景色，这可以通过对动态主体图进行去背景操作，例如可以在创建动态表情的时候进行去背景处理，或者可以在实时绘制的过程中对每帧动画帧中的动态主体图的背景进行去背景处理，这样，当动态表情作为会话消息展示在会话界面中时，动态表情可以更为自然地融合到整个会话界面中，提升展示效果。

在具体实施过程中，例如将动态主体图的播放区域称作固有显示区域，将动画元素的播放区域在动态主体图之外的区域称作第一区域，而第一区域可以是除固有显示区域之外的任意区域，例如是除固有显示区域之外的全部区域，或者是除固有显示区域之外部分区域，例如是固有显示区域之外的左侧区域或者下侧区域或者上侧区域，等等，而至于第一区域的大小和形状本申请实施例不做限制。动画元素的播放区域至少包括第一区域，即，动画元素至少要在动态主体图的固有显示区域之外展示，由于动画元素的运动轨迹、形状、颜色、特效效果一般都是动态变化的，所以，动画元素的播放区域具体可以包括以下几种情形。

情形1，动画元素仅在第一区域内播放，这样，在动态表情的整个播放过程，动画元素和动态主体图的显示区域不存在任何相交，动画元素和动态主体图的显示区域是相互独立的，例如动画元素最开始就是直接从第一区域中出现展示的。这样，在固有显示区域内展示动态主体图，而在固有显示区域外展示动画元素，这样相互辉映，相得益彰，增强动态表情的展示效果。

情形2，动画元素的播放区域除了上述的第一区域之外，还包括第二区域，而第二区域是动态主体图的显示区域(即前述的固有显示区域)的部分区域或者全部区域，也就是说，动画元素可以通过第一区域和第二区域联合展示。

在情形2中，一种实现方式是，动画元素逐渐从第一区域和第二区域中的一个区域跨越到另外一个区域进行播放，也就是说，在动画元素的播放过程中，逐渐从一个区域跨域到了另外一个区域，例如从第一区域逐渐跨越到了第二区域，或者从第二区域逐渐跨越到了第一区域，以实现两个区域之间的漫延、跨越的动画效果，从而增强动态表情的展示效果。

在情形2中，另一种实现方式是，动画元素分别在第一区域和第二区域播放。在实际中，动画元素可以同时包括多种类型或者多个动画图标，在同一时刻，不同的动画元素可以相互独立地分别在第一区域和第二区域内显示，在不同时刻，不同的动画元素也可以相互独立地分别展示在第一区域和第二区域中，或者，在不同时刻，同一个动画元素也可以在第一区域和第二区域之间轮着展示，例如先在第二区域中播放，然后再在第一区域中播放。

根据动画元素在播放时具体所占据的区域的不同，可以采用不同的展示方案对动画元素进行有效的展示，增强动态表情的展示效果。

相关技术中播放动态表情的本质是播放预先录制好的视频动画，可以理解为是纯粹地静态播放，这是由于传统的动态表情是在固定尺寸的显示区域中展示的，即使动态表情在会话界面中的所处位置发生变化，例如发送的动态表情被后面发送的其它消息往屏幕上方顶上去了，也不会改变这种静态地播放方式。而在本申请实施例中，由于动态表情的动画元素至少要显示在动态主体图之外的区域，在动态表情的播放过程中，是一边绘制一边播放的，具体来说，是根据动态表情关联的播放模式确定动画绘制的参考位置，并以确定的参考位置开始逐帧绘制并显示动态表情对应的各个动画帧，也就是说，是实时绘制动态表情所包括的各个动画帧以得到序列动画帧，并依序实时显示得到的序列动画帧中的各动画帧。这样，可以根据播放模式的不同分别以不同的坐标系进行实时绘制，随着动态表情在会话界面中的位置变化可以实时重新计算动态主体图和动画元素在对应的坐标系中的位置，进而根据动态计算得到的坐标位置实时绘制并展示动画帧，这样动态表情的展示效果也会同步发生变化，以实现动画元素的各种动画特效，例如可以明显看起来从动态主体图的固有显示区域中往外漫延扩散的动画效果。

动态表情的动画效果不同，对应的播放模式也不同，动态表情的播放模式可以用于描述动态表情的整体动画效果，例如，动态表情的播放模式可以包括两项参考因素，一项是动画类型，另一项是动画属性信息。

动画类型是指动态表情的类型，例如可以按照动画效果分为触发型动画、氛围型动画、位置型动画；其中，触发型动画是指动画元素是由动态主体部分的某个动作触发的，例如是由“比心”的手势触发的心形元素，或者是由“嘟嘴”的动作触发的气球元素，或者是由“眨眼”的动作触发的一连串爱心元素；氛围型动画是指为整个动态表情添加整体氛围效果的，比如扩散至整个对话框区域的红色小爱心元素，或者扩展至对话框区域的中间部分的雨滴元素，等等；位置型动画是指与动态主体图具有一定位置关系的动画元素，例如外接动态主体图的展示区域的一个虚线框的紫色心形，或者是与动态主体图的展示区域同中心的外接圆形，等等。

动画属性信息是用于描述动画元素的动画效果的信息，动画属性信息可以包括动画元素的运动轨迹、尺寸、形状、颜色、动画特效中的一种或多种组合，或者还可以包括其它的描述信息。动画属性信息是动态表情在创建时就配置好了的，后续在播放动态表情的时候，就是根据预先配置的动画属性信息动态地绘制和播放一系列的动画帧。

不同的动态表情，由于其播放模式不同，在进行实时绘制时所采用的坐标系也可以不同，具体地，可以根据动态表情的播放模式对应的动画类型确定参考位置，该参考位置可以作为绘制坐标系的坐标原点，换言之，可以根据动画类型确定参考坐标系以及该参考坐标系的坐标原点，再根据动态表情的播放模式对应的动画属性信息，以确定的参考位置开始逐帧绘制并显示得到的各个动画帧。如此，将每个动态表情的各个动画帧的位置绘制与动态表情自身的动画类型和动画属性信息进行关联，这样可以确保各种动画类型的动态表情能够合理地进行实时绘制，以体现各种动态表情的差异性，增强播放效果。

当动态表情的动画类型是触发型动画的话，例如是用户通过“比心”手势触发的爱心形状的动画元素，针对这类动态表情，可以将动画元素的触发源位置确定为参考位置，动画元素的触发源位置是指触发产生动画元素的原始位置，例如“比心”手势触发爱心形状的触发源位置则为“比心”的手势所在的位置，再例如“嘟嘴”动作触发的动画元素的触发源位置则为嘴巴所在的位置。请参见图7所示，在T1时刻，动态表情显示在会话界面靠中间的位置，在T1时刻之后的T2时刻，由于有新的会话消息顶上来，所以动态表情的显示位置上移了一些，但是分别在T1时刻和T2时刻进行绘制时，均是以触发源位置坐标原点进行图像绘制，可见T1时刻、T2时刻进行图像绘制的参考位置分别是(x1,y1)、(x1’,y1’)，这两个坐标位置是不相同的，这样可以随着动态表情的显示位置不同而动态地变换坐标进行绘制，以达到实时播放的效果，从T1时刻到T2时刻，实心心形的触发型动画的位置逐渐上升，并且体积越来越大，具有类似逐渐往上升高且变大的动画展示效果。

当动态表情的动画类型是氛围型动画的话，例如是全屏型动画，例如图8中的扩散在屏幕大部分区域的网状心形和不规则五角星，此时可以整个会话界面(包括对话框区域和输入框区域)的中心位置确定为参考位置进行位置绘制，或者，可以将会话界面中的对话框区域的中心位置确定为参考位置进行位置绘制，因为氛围型动画一般都是用于表现整体氛围的，一般是大区域投放，所以以整个会话界面作为参考坐标系可以准确地进行图像绘制，例如图8中所示的，在T1时刻和T1时刻之后的T2时刻，氛围型动画的网状心形的大小和位置都发生了变化，而绘制坐标的参考位置却并没有改变，都是图8中所示的(x2,y2)。

当动态表情的动画类型是位置型动画的话，由于位置型动画是动画元素与动态主体图具有一定位置关系的动画，如图9中所示的外接在动态主体图外的虚线心形，此时可以将动态主体图的播放区域的中心位置确定为参考位置进行帧绘制，位置型动画可以尺寸固定在某个位置进行显示，或者可以闪烁式地间隔显示，或者也可以显示一定时长之后再隐藏，从图9中的T1时刻到T1时刻之后的T2时刻，心形虚线闪烁式地显示，随着动态表情的位置升高，参考位置的坐标也由(x3,y3)变成了(x3’,y3’)，即动态地在变化绘制图像帧的位置坐标。此外，针对位置型动画在进行图像绘制时，还可以同时考虑动态主体图的显示区域的四个顶点坐标，通过这四个顶点坐标的变化可以体现动态主体图的显示位置的变化，这样可以更为准确地进行动画帧的绘制。

上述介绍了本申请实施例中的“跨区域动态表情”的展示过程，而在使用这类“跨区域动态表情”之前，可以先创建动态表情，基于同一发明构思，本申请实施例还提供一种动态表情创建方法，通过该方法对“跨区域动态表情”的创建过程进行说明，本申请实施例中的动态表情创建方法如图10所示，图10所示的流程描述如下。

步骤1001：响应表情创建操作，展示视频录制界面。

在希望创建动态表情时，用户可以进行创建表情操作，通过创建表情操作的触发，设备展示视频录制界面，进而再在该视频录制界面中采集视频数据并进行动态表情的合成。

例如图11a中左图所示的，用户在表情输入面板中通过点击其中的“+”标记而进行了创建表情操作，其中的“+”标记是用于指示创建动态表情的标识，设备响应该创建表情操作，展示如图11a中右图所示的视频录制界面。

再例如图11b中左图所示的，用户可以针对会话界面的对话框区域中显示的动态表情进行创建表情操作，例如进行单击后长按的操作，经过该操作的触发，设备展示如图11b中右图所示的视频录制界面。在图11b所示的方式中，用户可以直接对对话框区域中已经展示的动态表情进行跟拍操作，这样在创建动态表情的过程中，可以直接提取跟拍操作所针对的动态表情中的动画元素进行动态表情的创建，而跟拍的动态表情可以是用户自己发送的动态表情，或者也可以是参与会话的其他用户发送的动态表情。这样，用户可以从对话框区域中快速选择自己喜欢的动画效果的动态表情进行模仿跟拍，增强趣味性。

此外，基于表情创建操作所触发展示的视频录制界面中，如图11a或图11b所以的，可以包括视频录制区域、动画素材模板和拍摄按钮，其中的视频录制区域是视频取景框，设备采集该视频录制区域中的视频数据。

步骤1002：响应在视频录制界面触发的视频录制操作，获得录制的视频数据，并将视频数据和动画元素关联保存为动态表情，其中，视频数据保存为动态表情的动态主体图，动画元素的播放区域至少包括动态主体图之外的第一区域。

在展示视频录制界面中，用户可以在该视频录制界面中进行视频录制操作，如图12中左图所示的，用户可以进行点击拍摄按钮或者长按拍摄按钮的视频录制操作，进而可以采集视频录制区域中的视频数据，并且将采集获得的视频数据和预先确定的动画元素关联合成为动态表情，其中，在合成的过程中，采集的视频数据作为动态表情的动态主体图对应的数据，并且，动画元素的播放区域至少包括动态主体图之外的第一区域，也就是说，采用本申请实施例中创建的动态表情在展示时可以实现前述图6所示的“跨区域播放”的播放效果，以此扩大了动态表情的展示范围，具体来说是扩大了动画元素的展示范围，提供一种全新的动态展示方案，从而增强动态表情的展示效果。

如图12中右图所示的，合成的动画元素是实心心形、多个网状心形和不规则五角星，可以将待合成的动画元素至少显示在视频数据的视频录制区域外的方式对视频数据和动画元素进行动态合成，以得到动态表情，也就是说，在动视频数据和动画元素进行合成的过程中，动画元素的显示区域至少包括视频录制区域之外的区域。一种可能的实施方式中，动画元素仅仅显示在视频录制区域之外的区域，即动画元素的显示区域与视频录制区域是两个互不相交的区域；在另一种可能的实施方式中，动画元素的显示区域还包括视频录制区域的部分或全部区域，即，动画元素可以在视频录制区域的框内和框外进行显示，例如，可以从视频录制区域内逐渐跨越到视频录制区域之外，或者可以逐渐从视频录制区域之外跨域到视频录制区域内，这里所说的跨域，可以是指动画元素数量不变而仅仅是位置上的移动，或者也可以是指动画元素的数量逐渐增多而实现类似扩散和漫延的动画效果。

传统在合成动态表情的时候，待合成的动画元素只能显示在视频录制区域之外，而本申请实施例的动画元素可以至少在视频录制区域之外显示，这是为了支持动态表情的“跨区域播放”的动画效果，所以在合成动态表情的过程中，本申请实施例中可以根据待合成的动画元素关联的播放模式确定动画绘制的参考位置，再以确定出的参考位置为坐标原点将视频数据序列视频帧和待合成的动画元素进行合成，以得到动态表情对应的序列动画帧，保存绘制的序列动画帧即实现对动态表情的保存。也就是说，在合成“跨区域动态表情”的过程中，由于动画元素要至少显示在视频录制区域之外，而根据显示位置和显示效果的不同，可以根据待合成的动画元素的播放模式动态地选择绘制坐标系和相应的坐标原点进行动画帧的实时绘制，以满足动画元素的动画效果需求。

如前所述的，动态表情可能有不同的动画类型，具体来说可以是指动画元素的动画效果不同，本申请实施例，动画元素的动画类型主要包括三大类：触发型动画、氛围型动画、位置型动画，以下说明这三类动画元素的坐标绘制。

对于触发型的动画元素，例如图13a中所示的实心心形，可以将视频录制区域中的视频数据中触发动画元素的触发源位置确定为作为坐标原点进行动画绘制的参考位置，因为触发型动画的运动是相对于触发源位置进行的，所以以触发源位置作为坐标原点对触发型的动画元素的运动位置实时绘制可以准确地保留动画元素的运动位置，例如从触发源位置逐渐上升到视频录制区域之外，以此确保动画元素的动画效果。

对于氛围型的动画元素，例如图13b中所示的网状心形和不规则的五角星，这类动画元素一般是大区域显示，例如全屏显示，可以将整个视频录制界面的中心位置确定为作为坐标原点进行动画绘制的参考位置，因为氛围型动画是运动位置是相对于整个界面的，所以以视频录制界面的中心位置对这类动画元素进行实时绘制，可以准确表示其运动位置的变化，进而确保动画效果。

对于位置型的动画元素，例如图13c中所示的环绕在视频录制区域外框的虚线心形，由于这类动画元素是相对于视频录制区域而运动的，所以可以将视频录制区域的中心位置确定为作为坐标原点进行动画绘制的参考位置，同时还可以考虑视频录制区域的四个顶点坐标，以实现对位置型动画的运动位置的准确绘制，进而确保动画效果。

在绘制得到序列动画帧之后，可以将序列动画帧保存为GIF的图片格式，即得到动态表情，在合成保存相关数据的过程中，同时还需要保存参考位置(即动画绘制时的坐标原点信息)，以便于后续在播放动态表情时，可以提取坐标位置信息对动画元素的运动位置进行准确的展示。例如，对于触发型的动态表情，需要保存触发型的序列动画帧和触发源的坐标位置信息；对于氛围型的动态表情，需要保存氛围型的序列动画帧(由于氛围型的绘制坐标位置固定，所以可以不用保存氛围型的坐标原点信息)；对于位置型的动态表情，需要保存位置型的序列动画帧、动态主体图的中心位置信息(可以理解为是视频录制区域的中心位置)、动态主体图的四角顶点坐标信息(可以理解为是视频录制区域的四个顶点坐标)。

在具体实施过程中，根据使用需求，同一个动态表情中可以选择一种或者多种类型的动画元素，例如仅选择触发型的动画元素，或者可以同时选择触发型的动画元素和氛围型动画，等等。也就是说，“跨区域动态表情”可以将各种类型的动画元素自由搭配和组合，灵活性较高，以实现多元化的动态效果，满足用户的差异化需求。

此外，在合成动态表情之前，可以预先选择需要合成的动画元素。对于选取动画元素的方式，一种方式可以直接选取动画素材模板，设备响应于选取动画素材模板的操作，从选取的动画素材模板中提取得到动画元素，通过动画素材模板的方式，获取动画元素的效率较高，且组合效果一般也较好；或者，另一种方式是可以直接选取一个或多个动画图标，然后组合成动画元素，即，设备响应选取一个或多个动画图标的操作，将选取的一个或多个动画图标确定为动画元素，该方式中支持用户手动调整各个动画元素的大小和位置，用户可以根据自己的使用需求灵活搭配各种类型的动画元素。其中，动画素材模板和选取的一个或多个动画图标均关联有第二标识，例如关联显示有第二标识，该第二标识用于指示对应的动画元素能够显示在视频录制区域外以进行动态表情的合成，这样，通过第二标识的提示作用，用户在创建动态表情时就可以选取能够合成“跨区域动态表情”这类特殊表情匹配的动画元素，增强提示性，也便于用户操作，也可以提高动态表情的创建效率。

对于选取动画元素的方式，还有一种方式是，可以响应针对会话界面的对话框区域中显示的目标动态表情的跟拍操作，从目标动态表情中提取待合成的动画元素，也就是说，可以直接将目标动态表情中的动画元素作为待合成的动画元素，例如前面的图11b中所示的，用户在针对目标动态表情进行创建表情操作之后，可以将该创建表情操作同时理解为跟拍操作，进而可以跟拍的目标动态表情中提取动画元素作为新创建的动态表情中使用的动画元素，这样可以快速获取到动画元素，同时用户可以从对话消息中直接使用自己喜欢的动画元素进行模仿和借鉴，满足用户的使用需求。其中，跟拍的目标动态表情关联有前述的第一标识，例如直接关联显示有第一标识，该第一标识例如是如图11b中的黑色三角形标记，或者还可以是其它标记，本申请实施例不做限制。

另外，在合成动态表情的过程中，可以确定视频数据中的各视频帧中的人体轮廓信息，并按照各视频帧中的人体轮廓信息确定各视频帧的背景区域，然后将各视频帧的背景区域的透明度调整至透明值，或者将各视频帧的背景区域的颜色调整成预定颜色，预定颜色例如是当前的会话界面的背景颜色，最后再讲将调整后的各视频帧和动画元素进行合成以得到动态表情。也就是说，在合成动态表情的过程中，可以对动态主体图的背景区域进行去除，这样是为了便于后续在展示动态表情时，使得动态表情能够与会话界面融为一体，消除突兀感，增强展示效果。

本申请实施例中，在播放动态表情时，动态表情的动画元素可以跨出动态表情的动态主体图之外的显示区域进行播放，和动态主体图的固有尺寸的区域外的显示空间进行融合，从而突破传统动态表情对于显示尺寸的限制，提供一种全新的动态表情播放机制，扩大了动态表情的展示范围，这样的动态表情可以表达更丰富的内容，同时也可以提高动态表情展示的灵活性和趣味性，增强动态表情的展示效果。并且，在播放动态表情的过程中，是根据不同的动态表情选取对应适配的参考坐标系实时地绘制动画帧，这样可以确保动画元素在显示不受位置的限制，以实现跨区域的动画展示效果。

基于同一发明构思，本申请实施例提供一种动态表情展示装置，该动态表情展示装置可以是硬件结构、软件模块、或硬件结构加软件模块。该动态表情展示装置例如是前述图3中的终端设备301或终端设备302，或者可以是设置于终端设备301或终端设备302中的功能装置。请参见图14a所示，本申请实施例中的动态表情展示装置包括响应模块1401和显示模块1402，其中：

响应模块1401，用于响应通过会话界面触发的选取动态表情的选取操作；

显示模块1402，用于将被选取的动态表情的动态主体图作为会话消息展示在会话界面中，以及在会话界面中播放与动态主体图关联的动画元素，其中，动画元素的播放区域至少包括动态主体图之外的第一区域。

在一种可能的实施方式中，动画元素的播放区域还包括第二区域，第二区域为动态主体图的显示区域的部分或全部区域。

在一种可能的实施方式中，显示模块1402用于：

动画元素逐渐从第一区域和第二区域中的一个区域跨越到另一个区域进行播放；或者，

动画元素在第一区域进行播放；或者，

动画元素在第一区域和第二区域播放。

在一种可能的实施方式中，显示模块1402用于：

根据动态表情关联的播放模式，确定动画绘制的参考位置，并以参考位置开始逐帧绘制并显示动态表情对应的各个动画帧。

在一种可能的实施方式中，显示模块1402用于：

根据与播放模式对应的动画类型，确定参考位置；以及

根据播放模式对应的动画属性信息，以参考位置开始逐帧绘制并显示动态表情对应的各个动画帧，其中，动画属性信息包括动画元素的运动轨迹、尺寸、形状、颜色、动画特效中的至少一种。

在一种可能的实施方式中，显示模块1402用于：

若动态表情的动画类型为触发型动画，则将动画元素的触发源位置确定为参考位置；或

若动态表情的动画类型为氛围型动画，则将会话界面的中心位置确定为参考位置，或者，将会话界面中的对话框区域的中心位置确定为参考位置；或

若动态表情的动画类型为位置型动画，则将动态主体图的播放区域的中心位置确定为参考位置。

在一种可能的实施方式中，请参见图14b所示，本申请实施例中的动态表情展示装置还包括确认模块1403，用于：

在显示模块1402将被选取的动态表情的动态主体图作为会话消息展示在会话界面中之前，将动态表情展示在会话界面中的输入框区域，并在检测到用于确定发送动态表情的确认操作时，触发发送动态表情。

在一种可能的实施方式中，动态主体图的背景区域的透明度为透明值，或者，动态主体图的背景区域的颜色为会话界面的背景色。

在一种可能的实施方式中，动态表情关联有第一标识，第一标识用于指示关联的动态表情为跨区域动态表情。

前述的动态表情展示方法的实施例中涉及的各步骤的所有相关内容均可以援引到本申请施例中的动态表情展示装置所对应的功能模块的功能描述，在此不再赘述。

基于同一发明构思，本申请实施例提供一种动态表情创建装置，该动态表情创建装置可以是硬件结构、软件模块、或硬件结构加软件模块。该动态表情创建装置例如是前述图3中的终端设备301或终端设备302，或者可以是设置于终端设备301或终端设备302中的功能装置。请参见图15a所示，本申请实施例中的动态表情创建装置包括展示模块1501和创建模块1502，其中：

展示模块1501，用于响应创建表情操作，展示视频录制界面；

创建模块1502，用于响应在视频录制界面触发的视频录制操作，获得录制的视频数据，并将视频数据和动画元素关联保存为动态表情，其中，视频数据保存为动态表情的动态主体图，动画元素的播放区域至少包括动态主体图之外的第一区域。

在一种可能的实现方式中，视频录制界面包括视频录制区域，创建模块1502用于：

根据动画元素关联的播放模式确定动画绘制的参考位置，并以参考位置为坐标原点将视频数据的序列视频帧和动画元素进行合成，以得到动态表情对应的序列动画帧；其中，在合成的过程中，动画元素的显示区域至少包括视频录制区域之外的区域。

在一种可能的实现方式中，动画元素的显示区域还包括视频录制区域的部分或全部区域。

在一种可能的实现方式中，创建模块1502用于：

若动画元素为触发型动画，则将视频数据中触发动画元素的触发源位置确定为参考位置；

若动画元素的动画类型为氛围型动画，则将视频录制界面的中心位置确定为参考位置；

若动态表情的动画类型为位置型动画，则将视频录制区域的中心位置确定为参考位置。

在一种可能的实现方式中，参见图15b所示的，本申请实施例中的动态表情创建装置还包括确定模块1503，用于：

响应针对会话界面的对话框区域中显示的目标动态表情的跟拍操作，从目标动态表情中提取动画元素，其中，目标动态表情关联有第一标识，第一标识用于指示关联的动态表情为跨区域动态表情；或者，

响应选取动画素材模板或选取动画图标的操作，从选取的动画素材模板中提取动画元素，或者将选取的动画图标确定为动画元素，其中，选取的动画素材模板和动画图标均关联有第二标识，第二标识用于指示对应的动画元素能够显示在视频录制区域外以进行动态表情的合成。

在一种可能的实现方式中，创建模块1502用于：

确定视频数据中的各视频帧的背景区域；

将各视频帧的背景区域的透明度调整至透明值，或者将各视频帧的背景区域的颜色调整成预定颜色；

将调整后的各视频帧和动画元素进行合成，以得到动态表情对应的序列动画帧。

前述的动态表情创建方法的实施例中涉及的各步骤的所有相关内容均可以援引到本申请施例中的动态表情创建装置所对应的功能模块的功能描述，在此不再赘述。

本申请实施例中对模块的划分是示意性的，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，另外，在本申请各个实施例中的各功能模块可以集成在一个处理器中，也可以是单独物理存在，也可以两个或两个以上模块集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。

基于同一发明构思，本申请实施例还提供一种计算设备，该计算设备可以执行图4和图10所示方法的步骤，该计算设备例如是图3中的终端设备301或终端设备302，或者也可以是图3中的服务器303。请参见图16，本申请实施例中的计算设备包括至少一个处理器1601，以及与至少一个处理器连接的存储器1602，本申请实施例中不限定处理器1601与存储器1602之间的具体连接介质，例如处理器1601和存储器1602之间可以通过总线连接，该总线可以分为地址总线、数据总线、控制总线等。

在本申请实施例中，存储器1602存储有可被至少一个处理器1601执行的指令，至少一个处理器1601通过执行存储器1602存储的指令，可以执行前述的视频处理方法中所包括的步骤。

处理器1601可以是通用处理器，例如中央处理器(CPU)、数字信号处理器(DigitalSignal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件，可以实现或者执行本申请实施例中公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者任何常规的处理器等。结合本申请实施例所公开的方法的步骤可以直接体现为硬件处理器执行完成，或者用处理器中的硬件及软件模块组合执行完成。

存储器1602作为一种非易失性计算机可读存储介质，可用于存储非易失性软件程序、非易失性计算机可执行程序以及模块。存储器可以包括至少一种类型的存储介质，例如可以包括闪存、硬盘、多媒体卡、卡型存储器、随机访问存储器(Random Access Memory，RAM)、静态随机访问存储器(Static Random Access Memory，SRAM)、可编程只读存储器(Programmable Read Only Memory，PROM)、只读存储器(Read Only Memory，ROM)、带电可擦除可编程只读存储器(Electrically Erasable Programmable Read-Only Memory，EEPROM)、磁性存储器、磁盘、光盘等等。存储器是能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质，但不限于此。本申请实施例中的存储器1602还可以是电路或者其它任意能够实现存储功能的装置，用于存储程序指令和/或数据。

其中，处理器1601是计算设备的控制中心，可以利用各种接口和线路连接整个计算设备的各个部分，通过运行或执行存储在存储器1602内的指令以及调用存储在存储器1602内的数据，计算设备的各种功能和处理数据，从而对计算设备进行整体监控。可选的，处理器1601可包括一个或多个处理单元，处理器1601可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作***、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器1601中。在一些实施例中，处理器1601和存储器1602可以在同一芯片上实现，在一些实施例中，它们也可以在独立的芯片上分别实现。

进一步地，本申请实施例中的计算设备还可以包括输入单元1603、显示单元1604、射频单元1605、音频电路1606、扬声器1607、麦克风1608、无线保真(Wireless Fidelity，WiFi)模块1609、蓝牙模块1610、电源1611、外部接口1612、耳机插孔1613等部件。本领域技术人员可以理解的是，图16仅仅是计算设备的举例，并不构成对计算设备的限定，计算设备可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件。

输入单元1603可用于接收输入的数字或字符信息，以及产生与计算设备的用户设置以及功能控制有关的键信号输入。例如，输入单元1603可包括触摸屏1614以及其它输入设备1615。触摸屏1614可收集用户在其上或附近的触摸操作(比如用户使用手指、关节、触笔等任何适合的物体在触摸屏1614上或在触摸屏1614附近的操作)，即触摸屏1614可用于检测触摸压力以及触摸输入位置和触摸输入面积，并根据预先设定的程序驱动相应的连接装置。触摸屏1614可以检测用户对触摸屏1614的触控操作，将触控操作转换为触控信号发送给处理器1601，或者理解为可将触控操作的触控信息发送给处理器1601，并能接收处理器1601发来的命令并加以执行。触控信息至少可以包括压力大小信息和压力持续时长信息中的至少一种。触摸屏1614可以提供计算设备和用户之间的输入界面和输出界面。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触摸屏1614。除了触摸屏1614，输入单元1603还可以包括其它输入设备1615。比如，其它输入设备1615可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元1604可用于显示由用户输入的信息或提供给用户的信息以及计算设备的各种菜单。进一步的，触摸屏1614可覆盖显示单元1604，当触摸屏1614检测到在其上或附近的触控操作后，传送给处理器1601以确定的触控操作的压力信息。在本申请实施例中，触摸屏1614与显示单元1604可以集成为一个部件而实现计算设备的输入、输出、显示功能。为便于描述，本申请实施例以触摸屏1614代表触摸屏1614和显示单元1604的功能集合为例进行示意性说明，当然在某些实施例中，触摸屏1614与显示单元1604也可以作为两个独立的部件。

当显示单元1604和触摸板以层的形式彼此叠加以形成触摸屏1614时，显示单元1604可以用作输入装置和输出装置，在作为输出装置时，可以用于显示图像，例如实现对各种视频的播放。显示单元1604可以包括液晶显示器(Liquid Crystal Display，LCD)、薄膜晶体管液晶显示器(Thin Film Transistor Liquid Crystal Display，TFT-LCD)、有机发光二极管(Organic Light Emitting Diode，OLED)显示器、有源矩阵有机发光二极体(Active Matrix Organic Light Emitting Diode，AMOLED)显示器、平面转换(In-PlaneSwitching，IPS)显示器、柔性显示器、3D显示器等等中的至少一种。这些显示器中的一些可以被构造为透明状以允许用户从外部观看，这可以称为透明显示器，根据特定想要的实施方式，计算设备可以包括两个或更多显示单元(或其它显示装置)，例如，计算设备可以包括外部显示单元(图16未示出)和内部显示单元(图16未示出)。

射频单元1605可用于收发信息或通话过程中信号的接收和发送。通常，射频电路包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器(Low NoiseAmplifier，LNA)、双工器等。此外，射频单元1605还可以通过无线通信与网络设备和其它设备通信。

音频电路1606、扬声器1607、麦克风1608可提供用户与计算设备之间的音频接口。音频电路1606可将接收到的音频数据转换后的电信号，传输到扬声器1607，由扬声器1607转换为声音信号输出。另一方面，麦克风1608将收集的声音信号转换为电信号，由音频电路1606接收后转换为音频数据，再将音频数据输出处理器1601处理后，经射频单元1605以发送给比如另一电子设备，或者将音频数据输出至存储器1602以便进一步处理，音频电路也可以包括耳机插孔1613，用于提供音频电路和耳机之间的连接接口。

WiFi属于短距离无线传输技术，计算设备通过WiFi模块1609可帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图16示出了WiFi模块1609，但是可以理解的是，其并不属于计算设备的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

蓝牙是一种短距离无线通讯技术。利用蓝牙技术，能够有效地简化掌上电脑、笔记本电脑和手机等移动通信计算设备之间的通信，也能够成功地简化以上这些设备与因特网(Internet)之间的通信，计算设备通过蓝牙模块1610使计算设备与因特网之间的数据传输变得更加迅速高效，为无线通信拓宽道路。蓝牙技术是能够实现语音和数据无线传输的开放性方案。虽然图16示出了蓝牙模块1610，但是可以理解的是，其并不属于计算设备的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

计算设备还可以包括电源1611(比如电池)，其用于接收外部电力或为计算设备内的各个部件供电。优选的，电源1611可以通过电源管理***与处理器1601逻辑相连，从而通过电源管理***实现管理充电、放电、以及功耗管理等功能。

计算设备还可以包括外部接口1612，该外部接口1612可以包括标准的Micro USB接口，也可以包括多针连接器，可以用于连接计算设备与其它设备进行通信，也可以用于连接充电器为计算设备充电。

尽管未示出，本申请实施例中的计算设备还可以包括摄像头、闪光灯等其它可能的功能模块，在此不再赘述。

基于同一发明构思，本申请实施例还提供一种存储介质，该存储介质可以是计算机可读存储介质，该存储介质中存储有计算机指令，当该计算机指令在计算机上运行时，使得计算机执行如前述的动态表情展示方法的步骤。

基于同一发明构思，本申请实施例还提供一种存储介质，该存储介质可以是计算机可读存储介质，该存储介质中存储有计算机指令，当该计算机指令在计算机上运行时，使得计算机执行如前述的动态表情创建方法的步骤。

基于同一发明构思，本申请实施例还提供一种芯片***，该芯片***包括处理器，还可以包括存储器，用于实现如前述的动态表情展示方法的步骤，或者实现如前述的动态表情创建方法的步骤。该芯片***可以由芯片构成，也可以包含芯片和其他分立器件。

在一些可能的实施方式中，本申请实施例提供的动态表情展示方法的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当所述程序产品在计算机上运行时，所述程序代码用于使所述计算机执行前文所描述的根据本申请各种示例性实施方式的动态表情展示方法中的步骤。

在一些可能的实施方式中，本申请实施例提供的动态表情创建方法的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当所述程序产品在计算机上运行时，所述程序代码用于使所述计算机执行前文所描述的根据本申请各种示例性实施方式的动态表情创建方法中的步骤。

本领域内的技术人员应明白，本申请的实施例可提供为方法、***、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。

显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。

Claims (15)

1.一种动态表情展示方法，其特征在于，所述方法包括：

响应通过会话界面触发的选取动态表情的选取操作，将被选取的动态表情的动态主体图作为会话消息展示在所述会话界面中；以及

在所述会话界面中播放与所述动态主体图关联的动画元素，其中，所述动画元素的播放区域至少包括所述动态主体图之外的第一区域。

2.如权利要求1所述的方法，其特征在于，所述动画元素的播放区域还包括第二区域，所述第二区域为所述动态主体图的显示区域的部分或全部区域。

3.如权利要求2所述的方法，其特征在于，在所述会话界面中播放与所述动态主体图关联的动画元素，包括：

所述动画元素逐渐从所述第一区域和所述第二区域中的一个区域跨越到另一个区域进行播放；或者，

所述动画元素在所述第一区域进行播放；或者，

所述动画元素在所述第一区域和第二区域播放。

4.如权利要求1所述的方法，其特征在于，将被选取的动态表情的动态主体图作为会话消息展示在所述会话界面中，以及在所述会话界面中播放与所述动态主体图关联的动画元素，包括：

根据与所述动态表情关联的播放模式，确定动画绘制的参考位置，并以所述参考位置开始逐帧绘制并显示所述动态表情对应的各个动画帧。

5.如权利要求4所述的方法，其特征在于，根据所述动态表情关联的播放模式，确定动画绘制的参考位置，并以所述参考位置开始逐帧绘制并显示所述动态表情对应的各个动画帧，包括：

根据所述播放模式对应的动画类型，确定所述参考位置；以及

根据所述播放模式对应的动画属性信息，以所述参考位置开始逐帧绘制并显示所述动态表情对应的各个动画帧，其中，所述动画属性信息包括所述动画元素的运动轨迹、尺寸、形状、颜色、动画特效中的至少一种。

6.如权利要求5所述的方法，其特征在于，根据所述播放模式对应的动画类型，确定所述参考位置，包括：

若所述动态表情的动画类型为触发型动画，则将所述动画元素的触发源位置确定为所述参考位置；或

若所述动态表情的动画类型为氛围型动画，则将所述会话界面的中心位置确定为所述参考位置，或者，将所述会话界面中的对话框区域的中心位置确定为所述参考位置；或

若所述动态表情的动画类型为位置型动画，则将所述动态主体图的播放区域的中心位置确定为所述参考位置。

7.如权利要求1所述的方法，其特征在于，在将被选取的动态表情的动态主体图作为会话消息展示在所述会话界面中之前，所述方法还包括：

将所述动态表情展示在所述会话界面中的输入框区域，并在检测到用于确定发送所述动态表情的确认操作时，触发发送所述动态表情。

8.如权利要求1所述的方法，其特征在于，所述动态主体图的背景区域的透明度为透明值，或者，所述动态主体图的背景区域的颜色为所述会话界面的背景色。

9.如权利要求1所述的方法，其特征在于，所述动态表情关联有第一标识，所述第一标识用于指示关联的动态表情是跨区域动态表情。

10.一种创建动态表情的方法，其特征在于，所述方法包括：

响应创建表情操作，展示视频录制界面；

响应在所述视频录制界面触发的视频录制操作，获得录制的视频数据，并将所述视频数据和动画元素关联保存为动态表情，其中，所述视频数据保存为所述动态表情的动态主体图，所述动画元素的播放区域至少包括所述动态主体图之外的第一区域。

11.如权利要求10所述的方法，其特征在于，所述视频录制界面包括视频录制区域，将所述视频数据和动画元素关联保存为动态表情，包括：

根据所述动画元素关联的播放模式确定动画绘制的参考位置，并以所述参考位置为坐标原点将所述视频数据的序列视频帧和所述动画元素进行合成，以得到所述动态表情对应的序列动画帧；其中，在合成的过程中，所述动画元素的显示区域至少包括所述视频录制区域之外的区域。

12.如权利要求11所述的方法，其特征在于，根据所述动画元素关联的播放模式确定动画绘制的参考位置，包括：

若所述动画元素为触发型动画，则将所述视频数据中触发所述动画元素的触发源位置确定为所述参考位置；

若所述动画元素的动画类型为氛围型动画，则将所述视频录制界面的中心位置确定为所述参考位置；

若所述动态表情的动画类型为位置型动画，则将所述视频录制区域的中心位置确定为所述参考位置。

13.如权利要求10所述的方法，其特征在于，所述方法还包括：

响应针对会话界面的对话框区域中显示的目标动态表情的跟拍操作，从所述目标动态表情中提取所述动画元素，其中，所述目标动态表情关联有第一标识，所述第一标识用于指示关联的动态表情为跨区域动态表情；或者，

响应选取动画素材模板或选取动画图标的操作，从选取的动画素材模板中提取所述动画元素，或者将选取的动画图标确定为所述动画元素，其中，选取的动画素材模板和动画图标均关联有第二标识，所述第二标识用于指示对应的动画元素能够显示在视频录制区域外以进行动态表情的合成。

14.一种动态表情展示装置，其特征在于，所述装置包括：

响应模块，用于响应通过会话界面触发的选取动态表情的选取操作；

显示模块，用于将被选取的动态表情的动态主体图作为会话消息展示在所述会话界面中，以及在所述会话界面中播放所述动态主体图关联的动画元素，其中，所述动画元素的播放区域至少包括所述动态主体图之外的第一区域。

15.一种动态表情创建装置，其特征在于，所述装置包括：

展示模块，用于响应创建表情操作，展示视频录制界面；

创建模块，用于响应在所述视频录制界面触发的视频录制操作，获得录制的视频数据，并将所述视频数据和动画元素关联保存为动态表情，其中，所述视频数据保存为所述动态表情的动态主体图，所述动画元素的播放区域至少包括所述动态主体图之外的第一区域。

Images