一种表情图片和文本混合显示方法及系统与流程

本发明涉及图文混合显示技术领域，特别是涉及一种表情图片和文本混合显示方法及系统。

背景技术：

如今社交软件已经成为必不可少的社交平台，社交软件作为客户端安装在电子设备上，客户端接收并显示文本、表情图片，以使客户端用户进行交流。

目前表情图片和文本混合显示方法是，第一客户端将用户输入的原始文本、表情图片的图片数据发送至服务器进行缓存；第二客户端接收上述服务器缓存的上述原始文本、上述图片数据并基于上述原始文本以及图片数据显示原始文本和表情图片。但是，由于图片数据通常数据量大，因此导致第一客户端、服务器、第二客户端之间传输的数据占用过多带宽，另一方面图片数据会占用服务器过多的存储资源。

技术实现要素：

本发明实施例的目的在于提供一种表情图片和文本混合显示方法及系统，以节省混合文本所占用的传输资源和存储资源。具体技术方案如下：

第一方面，本发明实施例提供了一种表情图片和文本混合显示方法，应用于表情图片和文本混合显示系统，所述系统包括第一客户端、第二客户端和服务器；

所述第一客户端将包含表情图片和原始文本的目标混合数据中的表情图片，转化为目标文本；将所述原始文本与所述目标文本进行组合，得到第一组合数据；将包含所述原始文本与所述目标文本的所述第一组合数据发送给所述服务器进行缓存；

所述服务器接收并缓存所述第一客户端发送的所述第一组合数据；

所述第二客户端获得所述服务器缓存的所述第一组合数据；对所述第一组合数据进行识别，识别出所述原始文本和所述目标文本；将所述目标文本转化为表情图片；将转化得到的表情图片与所述原始文本进行组合，得到第二组合数据；显示包含表情图片和所述原始文本的所述第二组合数据。

可选的，所述将所述原始文本与目标文本进行组合，得到第一组合数据，包括：

记录所述原始文本在所述目标混合数据中的第一位置，以及所述目标混合数据中包含的表情图片在所述目标混合数据中的第二位置；

将所述第一位置确定为所述原始文本在所述第一组合数据中的第三位置，并将所述第二位置确定为所述目标文本在所述第一组合数据中的第四位置；

按照所述第三位置和所述第四位置，将所述原始文本与所述目标文本进行组合，得到第一组合数据。

可选的，所述将转化得到的表情图片与所述原始文本进行组合，得到第二组合数据，包括：

获得所述第三位置和所述第四位置；

将所述第三位置确定为所述原始文本在所述第二组合数据中的第五位置，并将所述第四位置确定为转化得到的表情图片在所述第二组合数据中的第六位置；

按照所述第五位置和所述第六位置，将转化得到的表情图片与所述原始文本进行组合，得到第二组合数据。

可选的，所述对所述第一组合数据进行识别，识别出所述原始文本和所述目标文本，包括：

利用预设文本库中的文本匹配所述第一组合数据中的文本；

将所述第一组合数据中，与预设文本库中的文本匹配的文本，确定为目标文本；

将所述第一组合数据中，除所述目标文本之外的文本，确定为原始文本。

可选的，所述显示包含表情图片和所述原始文本的所述第二组合数据，包括：

获得所述原始文本的原始大小以及表情图片的原始高度和原始宽度；

按照所述原始大小、所述原始高度和所述原始宽度，显示所述第二组合数据包含的表情图片和所述原始文本。

可选的，所述显示包含表情图片和所述原始文本的所述第二组合数据，包括：

获得所述原始文本的原始大小；

根据所述原始大小，对所述第二组合数据包含的表情图片进行调整；

显示所述第二组合数据包含的调整大小后的表情图片和所述原始文本。

可选的，所述显示包含表情图片和所述原始文本的所述第二组合数据，包括：

根据预设文字和图片大小，对所述第二组合数据包含的表情图片和原始文本进行调整；

显示所述第二组合数据包含的调整大小后的表情图片和调整大小后的所述原始文本。

第二方面，本发明实施例提供了一种表情图片和文本混合显示系统，所述系统包括第一客户端、第二客户端和服务器；所述第一客户端包括：第一转化模块、第一组合模块和发送模块；所述第二客户端包括：获得模块、识别模块、第二转化模块、第二组合模块和显示模块，其中，

所述第一转化模块，用于将包含表情图片和原始文本的目标混合数据中的表情图片，转化为目标文本；

所述第一组合模块，用于将所述原始文本与目标文本进行组合，得到第一组合数据；

所述发送模块，将包含所述原始文本与所述目标文本的所述第一组合数据发送给所述服务器；

所述服务器，用于接收并缓存所述第一客户端发送的所述第一组合数据；

所述获得模块，用于获得所述服务器缓存的所述第一组合数据；

所述识别模块，用于对所述第一组合数据进行识别，识别出所述原始文本和所述目标文本；

所述第二转化模块，用于将所述目标文本转化为表情图片；

所述第二组合模块，用于将转化得到的表情图片与所述原始文本进行组合，得到第二组合数据；

所述显示模块，用于显示包含表情图片和所述原始文本的所述第二组合数据。

可选的，所述第一组合模块，具体用于：

记录所述原始文本在所述目标混合数据中的第一位置，以及所述目标混合数据中包含的表情图片在所述目标混合数据中的第二位置；

将所述第一位置确定为所述原始文本在所述第一组合数据中的第三位置，并将所述第二位置确定为所述目标文本在所述第一组合数据中的第四位置；

按照所述第三位置和所述第四位置，将所述原始文本与目标文本进行组合，得到第一组合数据。

可选的，所述第二组合模块，具体用于：

获得所述第三位置和所述第四位置；

将所述第三位置确定为所述原始文本在所述第二组合数据中的第五位置，并将所述第四位置确定为所述转化得到的表情图片在所述第二组合数据中的第六位置；

按照所述第五位置和所述第六位置，将转化得到的表情图片与所述原始文本进行组合，得到第二组合数据。

可选的，所述识别模块，具体用于：

利用预设文本库中的文本匹配所述第一组合数据中的文本；

将所述第一组合数据中，与预设文本库中的文本匹配的文本，确定为目标文本；

将所述第一组合数据中，除所述目标文本之外的文本，确定为原始文本。

可选的，所述显示模块，具体用于：

获得所述原始文本的原始大小以及表情图片的原始高度和原始宽度；

按照所述原始大小、所述原始高度和所述原始宽度，显示所述第二组合数据包含的表情图片和所述原始文本。

可选的，所述显示模块，具体用于：

获得所述原始文本的原始大小；

根据所述原始大小，对所述第二组合数据包含的表情图片进行调整；

显示所述第二组合数据包含的调整大小后的表情图片和所述原始文本。

可选的，所述显示模块，具体用于：

根据预设文字和图片大小，对所述第二组合数据包含的表情图片和原始文本进行调整；

显示所述第二组合数据包含的调整大小后的表情图片和调整大小后的所述原始文本。

本发明实施例提供的一种表情图片和文本混合显示方法及系统，显示表情图片和文本的客户端，接收包含原始文本和表情图片的第一组合数据，基于第一组合数据显示原始文本和表情图片，由于第一组合数据中使用文本数据对表情图片进行记录，文本数据相较于现有技术的图片数据数据量小，因此，有助于节省传输上述数据所使用的带宽和存储数据所使用的存储空间。

附图说明

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

图1为本发明实施例提供的一种表情图片和文本混合显示方法的流程示意图；

图2为本发明实施例提供的目标混合数据的示意图；

图3为本发明实施例提供的一种表情图片和文本混合显示系统的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明实施例提供了一种表情图片和文本混合显示方法及系统，以下分别进行详细说明。

本发明实施例提供的一种表情图片和文本混合显示方法，应用于表情图片和文本混合显示系统，所述系统包括第一客户端、第二客户端和服务器。其中，第一客户端、第二客户端可以为专用的社交软件、分享软件、新媒体直播软件等，当然第一客户端、第二客户端还可以为任意相关软件的插件，例如，可以为浏览器的插件、游戏类软件的插件、图片处理软件的插件等。上述第一客户端、上述第二客户端运行于电子设备上，该电子设备可以为智能手机、台式电脑、平板电脑，个人笔记本电脑等。

如图1所示，本发明实施例所提供的表情图片和文本混合显示方法包括如下步骤：

S101：所述第一客户端将包含表情图片和原始文本的目标混合数据中的表情图片，转化为目标文本；

其中，第一客户端预先存储有表情图片和文本的对应关系，比如：表情图片“笑脸”对应的文本为[/微笑]；表情图片“哭泣”对应的文本为[/哭泣]等等。

其中，目标混合数据中的表情图片可以为用户从表情包选择的表情，目标混合数据中的原始文本可以为用户输入的文字。示例性的，目标混合数据如图2所示，图2所示的目标混合数据中的原始文本分别为：你、好、请、问；图2所示的目标混合数据中的表情图片为：“笑脸”；根据上述的对应关系，将图2中的表情图片“笑脸”转化为[/微笑]。

S102：将所述原始文本与目标文本进行组合，得到第一组合数据；

将原始文本：你、好、请、问，与目标文本[/微笑]进行组合，所得到的第一组合数据可以为：你好请问[/微笑]；或者为：[/微笑]你好请问；还可以为：好你请问[/微笑]等。

为了保证第一组合数据中的数据顺序与目标混合数据中的数据顺序的一致性，可以按照如下方式进行组合：

记录上述原始文本在上述目标混合数据中的第一位置，以及上述目标混合数据中包含的表情图片在上述目标混合数据中的第二位置；将上述第一位置确定为上述原始文本在上述第一组合数据中的第三位置，并将上述第二位置确定为上述目标文本在上述第一组合数据中的第四位置；按照上述第三位置和上述第四位置，将上述原始文本与目标文本进行组合，得到第一组合数据。

例如，记录上述“你”的位置为1；记录上述“好”的位置为2；记录上述表情图片：“笑脸”的位置为3；记录上述“请”的位置为4；记录上述“问”的位置为5。将上述所记录的位置分别确定为文本“你”“好”“[/微笑]”“请”“问”在第一组合数据中的位置，那么，组合后所得到的第一组合数据为：你好[/微笑]请问。

较佳的，在实际应中，还可以将目标混合数据中的表情图片替换为转化后的目标文本；将替换后的包含上述目标文本的目标混合数据作为第一组合数据。替换的步骤无需记录上述第一位置和上述第二位置，也无需确定上述第三位置和上述第四位置，进一步地，简化了第一组合数据的获得过程。

可选的，第一位置、第二位置、第三位置以及第四位置的存储形式可以为数组的形式、堆栈的形式、队列的形式。第一位置、第二位置可以存储在一个存储单元，当然也可以存储在两个存储单元；第三位置、第四位置可以存储在一个存储单元，当然也可以存储在两个存储单元。

S103：将包含所述原始文本与所述目标文本的所述第一组合数据发送给所述服务器进行缓存；

S104：所述服务器接收并缓存所述第一客户端发送的所述第一组合数据；

可选的，服务器接收到第一组合数据后，将其转发至第二客户端，以使第二客户端对上述第一组合数据进行以下步骤的处理。

S105：所述第二客户端获得所述服务器缓存的所述第一组合数据；

S106：对所述第一组合数据进行识别，识别出所述原始文本和所述目标文本；

需要说明的是，识别的过程具体为根据预设文本库中的文本对第一组合数据中的文本进行匹配，进而确定其中的原始文本和目标文本的过程，具体的，识别出原始文本和目标文本的步骤可以包括：利用预设文本库中的文本匹配第一组合数据中的文本；将上述第一组合数据中、与预设文本库中的文本匹配的文本，确定为目标文本；将上述第一组合数据中、除上述目标文本之外的文本，确定为原始文本。

示例性的，上述预设文本库中可以包括：[/微笑]、[/哭泣]、[/抠鼻]、[/愤怒]等文本，将图2示出的目标混合数据对应的第一组合数据中的各文本“你”、“好”、“[/微笑]”、“请”、“问”，分别与上述预设文本库中的各文本进行匹配可知，第一组合数据中的[/微笑]与上述预设文本库中的[/微笑]相匹配，则将第一组合数据中的[/微笑]确定为目标文本，将第一组数据中除“[/微笑]”之外的“你”、“好”、“请”、“问”确定为原始文本。

S107：将所述目标文本转化为表情图片；

其中，第二客户端预先存储有表情图片和文本的对应关系，比如：表情图片“笑脸”对应的文本为[/微笑]；表情图片“哭泣”对应的文本为[/哭泣]等等。根据上述对应关系，将上述的目标文本：[/微笑]，转化为表情图片“笑脸”。

可选的，将目标文本转化为表情图片的过程由现有技术实现，在此不做赘述。

S108：将转化得到的表情图片与所述原始文本进行组合，得到第二组合数据；

将原始文本：你、好、请、问，与表情图片“笑脸”进行组合，得到第二组合数据。得到的第二组合数据与图2所示的目标混合数据可以相同，也可以不相同。

为了保证第二组合数据中的数据顺序能够准确反映用户所输入的最原始的数据顺序(即保证第二组合数据与图2所示的目标混合数据相同)，可以按照如下方式进行组合：

获得原始文本在第一组合数据中的第三位置和目标文本在第一组合数据中的第四位置；将上述第三位置确定为原始文本在第二组合数据中的第五位置，并将第四位置确定为转化得到的表情图片在第二组合数据中的第六位置；按照上述第五位置和上述第六位置，将转化得到的表情图片与上述原始文本进行组合，得到第二组合数据。

例如，获得第一组合数据中：“你”的位置为1；“好”的位置为2；[/微笑]的位置为3；“请”的位置为4；“问”的位置为5。将上述所获得的位置分别确定为文本“你”、“好”、表情图片“笑脸”、“请”、“问”在第二组合数据中的位置，那么，组合后所得到的第二组合数据与图2所示的目标混合数据相同。

需要说明的是，上述第五位置、上述第六位置的存储形式可以为数组的形式、堆栈的形式、队列的形式。第五位置、第六位置可以存储在一个存储单元，当然也可以存储在两个存储单元，这都是合理的。

S109：显示包含表情图片和所述原始文本的所述第二组合数据。

具体的，显示上述第二组合数据的步骤可以包括：获得原始文本的原始大小以及表情图片的原始高度和原始宽度(即表情图片的原始大小)；按照上述原始大小、上述原始高度和上述原始宽度，显示第二组合数据包含的表情图片和上述原始文本。

例如，获得原始文本的大小为：12号字体，表情图片的原始宽度和原始高度分别为0.64cm(厘米)、0.64cm，即表情图片的原始大小为0.64cm*0.64cm，按照12号字体显示原始文本，按照0.64cm*0.64cm的规格显示表情图片。

为了提高显示表情图片和原始文本的界面的整洁度，本发明实施例根原始文本调整表情图片。较佳的，显示上述第二组合数据的步骤可以包括：获得原始文本的原始大小；根据原始大小，对第二组合数据包含的表情图片进行调整；显示上述第二组合数据包含的调整大小后的表情图片和原始文本。

示例性的，获得原始文本的大小为：12号字体，12号字体的宽度和高度为0.75cm*0.75cm，根据显示一个12号字体的文字所需要的宽、高度，调整表情图片，并显示原始文本以及调整后的表情图片。

较佳的，显示上述第二组合数据的步骤可以包括：根据预设文字和图片大小，对所述第二组合数据包含的表情图片和原始文本进行调整；显示所述第二组合数据包含的调整大小后的表情图片和调整大小后的所述原始文本。

例如，上述预设文字的大小为15号字体，上述预设图片大小为0.60cm*0.60cm，那么根据上述预设文字和预设图片大小对上述表情图片和上述原始文本进行调整，最后显示调整后的表情图片以及原始文本。

更进一步的，在上述实施例的基础上，本发明实施例还提供了用户根据需求在显示字体后将字体进行调整的功能，在上述显示之后，获得用户所调整的原始文本大小以及表情图片大小，进而根据上述获得内容重新显示。

本发明实施例提供的一种表情图片和文本混合显示方法，显示表情图片和文本的客户端，接收包含原始文本和表情图片的第一组合数据，基于第一组合数据显示原始文本和表情图片，由于第一组合数据中使用文本数据对表情图片进行记录，文本数据相较于现有技术的图片数据数据量小，因此，有助于节省传输上述数据所使用的带宽和存储数据所使用的存储空间。

如图3所示，相应于上述方法实施例，本发明实施例还提供了一种表情图片和文本混合显示系统，所述系统包括第一客户端310、第二客户端320和服务器330；所述第一客户端310包括：第一转化模块311、第一组合模块312和发送模块313；所述第二客户端320包括：获得模块321、识别模块322、第二转化模块323、第二组合模块324和显示模块325，其中，

所述第一转化模块311，用于将包含表情图片和原始文本的目标混合数据中的表情图片，转化为目标文本；

所述第一组合模块312，用于将所述原始文本与目标文本进行组合，得到第一组合数据；

所述发送模块313，将包含所述原始文本与所述目标文本的所述第一组合数据发送给所述服务器；

所述服务器330，用于接收并缓存所述第一客户端发送的所述第一组合数据；

所述获得模块321，用于获得所述服务器缓存的所述第一组合数据；

所述识别模块322，用于对所述第一组合数据进行识别，识别出所述原始文本和所述目标文本；

所述第二转化模块323，用于将所述目标文本转化为表情图片；

所述第二组合模块324，用于将转化得到的表情图片与所述原始文本进行组合，得到第二组合数据；

所述显示模块325，用于显示包含表情图片和所述原始文本的所述第二组合数据。

本发明实施例提供的一种表情图片和文本混合显示系统，显示表情图片和文本的客户端，接收包含原始文本和表情图片的第一组合数据，基于第一组合数据显示原始文本和表情图片，由于第一组合数据中使用文本数据对表情图片进行记录，文本数据相较于现有技术的图片数据数据量小，因此，有助于节省传输上述数据所使用的带宽和存储数据所使用的存储空间。

可选的，所述第一组合模块312，具体用于：

记录所述原始文本在所述目标混合数据中的第一位置，以及所述目标混合数据中包含的表情图片在所述目标混合数据中的第二位置；

将所述第一位置确定为所述原始文本在所述第一组合数据中的第三位置，并将所述第二位置确定为所述目标文本在所述第一组合数据中的第四位置；

按照所述第三位置和所述第四位置，将所述原始文本与目标文本进行组合，得到第一组合数据。

可选的，所述第二组合模块324，具体用于：

获得所述第三位置和所述第四位置；

将所述第三位置确定为所述原始文本在所述第二组合数据中的第五位置，并将所述第四位置确定为所述转化得到的表情图片在所述第二组合数据中的第六位置；

按照所述第五位置和所述第六位置，将转化得到的表情图片与所述原始文本进行组合，得到第二组合数据。

可选的，所述识别模块322，具体用于：

利用预设文本库中的文本匹配所述第一组合数据中的文本；

将所述第一组合数据中、与预设文本库中的文本匹配的文本，确定为目标文本；

将所述第一组合数据中、除所述目标文本之外的文本，确定为原始文本。

可选的，所述显示模块325，具体用于：

获得所述原始文本的原始大小以及表情图片的原始高度和原始宽度；

按照所述原始大小、所述原始高度和所述原始宽度，显示所述第二组合数据包含的表情图片和所述原始文本。

可选的，所述显示模块325，具体用于：

获得所述原始文本的原始大小；

根据所述原始大小，对所述第二组合数据包含的表情图片进行调整；

显示所述第二组合数据包含的调整大小后的表情图片和所述原始文本。

可选的，所述显示模块325，具体用于：

根据预设文字和图片大小，对所述第二组合数据包含的表情图片和原始文本进行调整；

显示所述第二组合数据包含的调整大小后的表情图片和调整大小后的所述原始文本。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。