CN111625313A - 资源处理进度的显示方法、装置、电子设备及存储介质 - Google Patents

Abstract

本公开是关于一种资源处理进度的显示方法、装置、电子设备及存储介质，涉及计算机技术领域，用以解决相关技术中用户查看嵌入到富文本编辑器中的多媒体资源的处理状态时，操作复杂度高的问题。本公开首先获取待嵌入到富文本编辑器的编辑内容中的多媒体资源信息，然后在富文本编辑器的编辑区中确定多媒体资源信息对应的进度显示界面的显示位置，最后在显示位置处插入进度显示界面，并在进度显示界面显示由服务器处理多媒体资源信息得到的处理状态。由于在富文本编辑器的编辑区中插入了进度显示界面，并在进度显示界面显示处理多媒体资源信息的处理状态，从而用户可以在富文本编辑器的编辑区中直接查看多媒体资源的处理状态，操作简单。

Description

资源处理进度的显示方法、装置、电子设备及存储介质

技术领域

本发明涉及计算机技术领域，特别涉及一种资源处理进度的显示方法、装置、电子设备及存储介质。

背景技术

从web2.0开始，互联网内容越来越多的由用户直接创造并分享，俗称UGC(UserGenerated Content，用户生成内容)。用户在创造内容的过程中，可能会在文章中嵌入多媒体资源信息，比如图片、视频、音频等多媒体资源。

在嵌入多媒体资源信息时，由于多媒体资源的格式、体积、URI(Uniform ResourceIdentifier，统一资源标识符)地址等原因不能直接在编辑器的内容区展现给用户，需要经过一定的压缩、转换、转存等过程才能嵌入到文章中，并且不会在短时间内处理完成。

目前，通常采用浮层弹窗显示或在富文本编辑器之外的显示区域独立显示多媒体资源的处理进度，用户查看多媒体资源处理进度时，需要打开浮层弹窗或编辑器之外的独立显示的区域，操作复杂度高。

发明内容

本发明提供一种资源处理进度的显示方法、装置、电子设备及存储介质，以至少解决相关技术中查看资源处理进度时操作复杂的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种资源处理进度的显示方法，包括：

获取待嵌入到富文本编辑器的编辑内容中的多媒体资源信息；

在所述富文本编辑器的编辑区中确定所述多媒体资源信息对应的进度显示界面的显示位置，其中所述进度显示界面用于实时显示所述多媒体资源的处理状态；

在所述显示位置处插入所述进度显示界面，并在所述进度显示界面显示由服务器处理所述多媒体资源信息得到的处理状态。

在一种可选的实施方式中，所述在所述富文本编辑器的编辑区中确定所述多媒体资源信息对应的进度显示界面的显示位置，包括：

接收资源嵌入指令，在所述富文本编辑器的编辑区确定需要嵌入所述多媒体资源信息的位置；

将所述位置作为所述进度显示界面的显示位置。

在一种可选的实施方式中，所述在所述富文本编辑器的编辑区中确定所述多媒体资源信息对应的进度显示界面的显示位置，包括：

将所述富文本编辑器的编辑区中预设位置作为所述进度显示界面的显示位置。

在一种可选的实施方式中，根据下列方式确定预设位置：

根据多媒体资源信息的类型信息与预设位置的对应关系，确定与所述多媒体资源信息的类型信息对应的预设位置。

在一种可选的实施方式中，所述在所述显示位置处插入所述进度显示界面之前，还包括：

在类型信息与进度显示界面外观信息的对应关系中查找与所述多媒体资源信息的类型信息对应的进度显示界面外观信息；

根据所述进度显示界面外观信息生成所述进度显示界面。

在一种可选的实施方式中，所述在所述显示位置处插入所述进度显示界面，包括：

在所述显示位置处加入与所述进度显示界面外观对应的占位符；

将所述进度显示界面置于所述占位符中。

在一种可选的实施方式中，所述获取待嵌入到富文本编辑器的编辑内容中的多媒体资源信息后，还包括：

接收文本上传指令；

若检测到与所述上传指令对应的富文本中的多媒体资源的资源标识存在于处理中集合里，则禁止向所述服务器上传所述富文本中的纯文本信息；

若检测到与所述上传指令对应的富文本中多媒体资源的资源标识不存在于所述处理中集合里，则向所述服务器上传所述富文本中的纯文本信息；

其中，所述处理中集合中的资源标识对应的多媒体资源为服务器正在处理的多媒体资源。

在一种可选的实施方式中，所述在所述显示位置处插入所述进度显示界面后，还包括：

在接收到移动指令后，将所述进度显示界面移动至与所述移动指令对应的移动位置上。

在一种可选的实施方式中，所述在所述进度显示界面显示由服务器处理所述多媒体资源信息得到的处理状态后，还包括：

在所述进度显示界面显示所述处理状态的同时，在所述富文本编辑器的编辑区中响应用户的编辑操作；

根据所述编辑操作对所述编辑区中的内容进行编辑。

根据本公开实施例的第二方面，提供一种资源处理进度的显示装置，包括：

获取单元，被配置为执行获取待嵌入到富文本编辑器的编辑内容中的多媒体资源信息；

确定单元，被配置为执行在所述富文本编辑器的编辑区中确定所述多媒体资源信息对应的进度显示界面的显示位置，其中所述进度显示界面用于实时显示所述多媒体资源的处理状态；

插入显示单元，被配置为执行在所述显示位置处插入所述进度显示界面，并在所述进度显示界面显示由服务器处理所述多媒体资源信息得到的处理状态。

在一种可选的实施方式中，所述确定单元具体被配置为执行：

接收资源嵌入指令，在所述富文本编辑器的编辑区确定需要嵌入所述多媒体资源信息的位置；将所述位置作为所述进度显示界面的显示位置。

在一种可选的实施方式中，所述确定单元具体被配置为执行：

将所述富文本编辑器的编辑区中预设位置作为所述进度显示界面的显示位置。

在一种可选的实施方式中，所述确定单元具体被配置为执行根据下列方式确定预设位置：

根据多媒体资源信息的类型信息与预设位置的对应关系，确定与所述多媒体资源信息的类型信息对应的预设位置。

在一种可选的实施方式中，所述装置还包括查找单元和生成单元，所述在所述显示位置处插入所述进度显示界面之前：

所述查找单元，被配置为执行在类型信息与进度显示界面外观信息的对应关系中查找与所述多媒体资源信息的类型信息对应的进度显示界面外观信息；

所述生成单元，被配置为执行根据所述进度显示界面外观信息生成所述进度显示界面。

在一种可选的实施方式中，所述插入显示单元具体被配置为执行：

在所述显示位置处加入与所述进度显示界面外观对应的占位符；将所述进度显示界面置于所述占位符中。

在一种可选的实施方式中，该装置还包括接收单元、禁止上传单元以及允许上传单元，所述获取待嵌入到富文本编辑器的编辑内容中的多媒体资源信息后：

所述接收单元，被配置为执行接收文本上传指令；

所述禁止上传单元，被配置为执行若检测到与所述上传指令对应的富文本中的多媒体资源的资源标识存在于处理中集合里，则禁止向所述服务器上传所述富文本中的纯文本信息；

所述允许上传单元，被配置为执行若检测到与所述上传指令对应的富文本中多媒体资源的资源标识不存在于所述处理中集合里，则向所述服务器上传所述富文本中的纯文本信息；

其中，所述处理中集合中的资源标识对应的多媒体资源为服务器正在处理的多媒体资源。

在一种可选的实施方式中，该装置还包括移动单元，所述在所述显示位置处插入所述进度显示界面后：

所述移动单元，被配置为执行在接收到移动指令后，将所述进度显示界面移动至与所述移动指令对应的移动位置上。

在一种可选的实施方式中，该装置还包括编辑单元，所述在所述进度显示界面显示由服务器处理所述多媒体资源信息得到的处理状态后：

所述编辑单元，被配置为执行在所述进度显示界面显示所述处理状态的同时，在所述富文本编辑器的编辑区中响应用户的编辑操作；根据所述编辑操作对所述编辑区中的内容进行编辑。

根据本公开实施例的第三方面，提供一种电子设备，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现本公开实施例第一方面中任意一项所述的资源处理进度的显示方法。

根据本公开实施例的第四方面，提供一种非易失性可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行本公开实施例第一方面中任意一项所述的资源处理进度的显示方法。

根据本公开实施例的第五方面，提供一种计算机程序产品，当所述计算机程序产品在电子设备上运行时，使得所述电子设备执行实现本公开实施例上述第一方面以及第一方面任一可能涉及的方法。

本公开的实施例提供的技术方案至少带来以下有益效果：

由于本公开实施例提出了一种在富文本编辑器的编辑区中插入处理多媒体资源时的进度显示界面，并在该进度显示界面显示由服务器处理的多媒体资源信息得到的处理状态，无需使用悬浮弹窗或在富文本编辑器之外的显示区域独立显示多媒体资源的处理进度，从而用户可以在富文本编辑器的编辑区中直接查看多媒体资源的处理状态，操作简单。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

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

图1是根据一示例性实施例示出的一种应用场景的示意图；

图2是根据一示例性实施例示出的一种资源处理进度的显示方法的流程图；

图3是根据一示例性实施例示出的一种富文本编辑器的界面显示图；

图4是根据一示例性实施例示出的一种视频的进度显示界面外观对应的占位符的示意图；

图5是根据一示例性实施例示出的一种显示处理状态的同时对编辑区中的内容进行编辑的示意图；

图6是根据一示例性实施例示出的一种模块划分示意图；

图7是根据一示例性实施例示出的一种显示资源处理进度的完整方法流程图；

图8是根据一示例性实施例示出的一种多媒体状态追踪模块的追踪流程示意图；

图9是根据一示例性实施例示出的一种在编辑器内容区显示的视频资源的上传比例示意图；

图10是根据一示例性实施例示出的一种在编辑器内容区显示的视频资源的转码状态的示意图；

图11是根据一示例性实施例示出的一种在编辑器内容区显示的视频资源转码失败的示意图；

图12是根据一示例性实施例示出的一种资源处理进度的显示装置的框图；

图13是根据一示例性实施例示出的一种电子设备的框图；

图14是根据一示例性实施例示出的一种终端设备的框图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

下面对文中出现的一些词语进行解释：

1、本公开实施例中术语“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。

2、本公开实施例中术语“电子设备”可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

3、本公开实施例中术语“UGC”：全称为User Generated Content，也就是用户生成内容，即用户原创内容，狭义上指部分用户作为作者，利用平台提供的编辑功能进行内容创作，最终利用前台客户端提供给其它作为读者的用户进行阅读的行为。

4、本公开实施例中术语“SSE”：全称为Server-Sent Events，即服务器发送事件，是一种服务器主动向浏览器推送消息的单工通信技术。

5、本公开实施例中术语“Set”：是JavaScript语言中的一种数据类型，是值的集合，且集合中的元素具有唯一性。

6、本公开实施例中术语“XHR”：全称为XMLHttpRequest，是JavaScript语言中的一类对象，通过它可以在浏览器与服务器之间传递数据而不必刷新页面。

7、本公开实施例中术语“富文本编辑器”：是一种可以内嵌于浏览器的文本编辑器。富文本编辑器不同于文本编辑器，程序员可将富文本编辑器内嵌于自己的网站或程序里，方便用户编辑文章或信息。

本公开实施例描述的应用场景是为了更加清楚的说明本公开实施例的技术方案，并不构成对于本公开实施例提供的技术方案的限定，本领域普通技术人员可知，随着新应用场景的出现，本公开实施例提供的技术方案对于类似的技术问题，同样适用。其中，在本公开的描述中，除非另有说明，“多个”的含义。

如图1所示，其为本公开实施例的应用场景示意图。该应用场景图中包括一个用户端设备110和一个服务器130，用户端设备110可登录相关界面120。用户端设备110与服务器130之间可以通过通信网络进行通信。

在一种可选的实施方式中，通信网络是有线网络或无线网络。

在本公开实施例中，用户端设备110可以为用户使用的电子设备，该电子设备可以是个人计算机、手机、平板电脑、笔记本、电子书阅读器等具有一定计算能力并且运行有即时通讯类软件及网站或者社交类软件及网站的计算机设备。用户端设备110可通过无线网络与服务器130连接，服务器130是一台服务器或若干台服务器组成的服务器集群或云计算中心，或者是一个虚拟化平台。

可选地，服务器130还可以具有数据库，该数据库可以存储大量数据，比如多媒体资源的类型信息、进度显示界面外观数据和对媒体资源信息的类型信息的对应关系等。

本公开实施例中，用户端设备110可以通过界面120向用户展示富文本编辑器中编辑的内容以及上传到服务器130的多媒体资源信息的处理进度。可选的，当用户端设备110检测到用户触发的嵌入到富文本编辑器的编辑内容中的多媒体资源信息的请求时，在富文本编辑器的编辑区中确定多媒体资源信息对应的进度界面的显示位置，然后在该显示区域插入进度显示界面，并在进度显示界面显示由服务器130处理该多媒体资源信息得到的处理状态。

图2是根据一示例性实施例示出的一种资源处理进度的显示方法的流程图，如图2所示，包括以下步骤。

在步骤S21中，获取待嵌入到富文本编辑器的编辑内容中的多媒体资源信息。

这里的多媒体资源信息可以为图片信息，可以为音频信息，还可以为视频信息。

在本公开实施例中，富文本编辑器可以分为编辑区和操作栏，如图3所示，为本公开实施例的富文本编辑器的界面显示图。图3中，虚线框中为富文本编辑器的操作栏，实线框中为富文本编辑器的编辑区。在富文本编辑器的编辑区中有用户需要编辑的内容。

在确定了要在富文本编辑器中的编辑内容中嵌入多媒体资源信息，先获取要嵌入到富文本编辑器的编辑内容中的多媒体资源信息。

具体的，可以由用户从客户端本地选择多媒体资源信息。

在步骤S22中，在所述富文本编辑器的编辑区中确定所述多媒体资源信息对应的进度显示界面的显示位置，其中所述进度显示界面用于实时显示所述多媒体资源的处理状态。

其中，多媒体资源的处理状态可以为多媒体资源信息的上传状态，还可以为将多媒体资源信息上传后，对多媒体资源信息进行转码的转码状态。

在本公开实施例中，在富文本编辑器的编辑区中确定多媒体资源信息对应的进度显示界面的显示位置可以有以下两种方式，下面分别对这两种方式进行说明。

方式一、首先接收用户嵌入指令，在富文本编辑器的编辑区确定需要嵌入的多媒体资源信息的位置，然后将确定的位置作为进度显示界面的显示位置。

比如，在富文本编辑器的编辑区的纯文本的末尾需要嵌入一个音频信息，则将该纯文本的末尾的位置作为处理该音频信息的进度显示界面的显示位置。

方式二、将富文本编辑器的编辑区中预设位置作为进度显示界面的显示位置。

这里的预设位置，可以为在富文本编辑器的编辑区的随意一个位置作为预设位置，还可以根据多媒体资源信息的类型信息确定预设位置。

比如，在富文本编辑器的编辑区的左上角的一个位置作为进度显示界面的显示位置，或将富文本编辑器的编辑区的正中间的位置作为进度显示界面的显示位置。

再比如，如果需要嵌入到富文本编辑器的编辑内容中的多媒体资源信息为音频信息，则预设位置为富文本编辑器的编辑内容的顶端位置；如果多媒体资源信息为图片，则预设位置为富文本编辑器的编辑内容的中间位置。

在步骤S23中，在所述显示位置处插入所述进度显示界面，并在所述进度显示界面显示由服务器处理所述多媒体资源信息得到的处理状态。

在本公开实施例中，在显示位置处插入显示界面，可以在显示位置出加入与进度显示界面外观对应的占位符，然后将进度显示界面置于该占位符中。

如图4所示，图中阴影部分为视频的进度显示界面外观对应的占位符。

需要说明的是，针对不同的多媒体资源信息的类型信息，本公开实施例中的进度显示界面可以相同，也可以不同。比如，图片信息对应的进度显示界面外观尺寸可能会比视频信息对应的进度显示界面外观尺寸小。

不同进度显示界面外观对应不同的占位符，预先在客户端或服务器中存储有进度显示界面外观和占位符的对应关系。

在本公开实施例中，在显示位置处插入进度显示界面之前，首先在类型信息与进度显示界面外观的对应关系中查找与多媒体资源信息的类型信息对应的进度显示界面外观，然后根据进度显示界面外观生成进度显示界面。

这里的进度显示界面外观可以包括尺寸和样式。不同的多媒体资源信息可以对应不同的尺寸和样式。

在本公开另一个实施例中，在显示位置处插入进度显示界面之前，需要确定占位符是否存在，如果存在，则在显示位置处插入进度显示界面，如果不存在，则退出在富文本编辑器的编辑内容中嵌入多媒体资源的步骤。

在本公开实施例中，获取待嵌入到富文本编辑器的编辑内容中的多媒体资源信息后，用户可能会选择向服务器上传富文本中的纯文本信息，如果服务器处理多媒体资源还没处理完成，比如，正在上传多媒体资源信息，或正在转码多媒体资源信息，此时，则不允许用户上传富文本中的纯文本信息。

具体的，首先接收用户上传指令，然后检测与该上传指令对应的富文本中的多媒体资源的资源标识是否存在于处理中集合里，如果存在，则说明该多媒体资源信息未被处理完，不允许执行用户的上传指令，如果不存在，则说明该多媒体资源信息已经被处理完，则运行执行用户的上传指令，上传富文本中的纯文本信息。

需要说明的是，在客户端可以设置一个多媒体对象集合，该集合可以包括4个子集合，分别为上传中集合、上传完成集合、转码中集合以及转码完成集合。

当获取待嵌入到富文本编辑器的编辑内容中的多媒体资源信息后，可以先识别该多媒体资源信息的类型信息，比如通过该多媒体资源信息的名称后缀进行识别，然后为该多媒体资源信息分配资源序号，将类型信息和资源序号作为该资源的资源标识，最后将资源标识添加到上传中集合里。

比如，识别到多媒体资源信息的类型信息为视频信息，为该多媒体资源信息分配的资源序号为2，则最后将视频信息2添加到上传中集合里。

当多媒体资源信息上传结束后，将资源标识从上传中集合里删除，再将该资源标识添加到上传完成集合里，当对该多媒体资源进行转码时，将该资源标识添加到转码中集合里，转码完成后，将该资源标识从转码中集合里删除，并将该资源标识添加到转码完成集合里。

这里的上传完成集合和转码完成集合里的资源标识用于记录上传完成和转码完成的多媒体资源信息，以便用户查找使用。

在本公开实施例中，在显示位置插入进度显示界面后，还可以在富文本编辑器的编辑区域移动该进度显示界面。

具体的，在接收到移动指令后，首先确定与该移动指令对应的移动位置，然后将与该移动指令对应的进度显示界面移动到确定的移动位置上。

比如，接收到移动指令之前，进度显示界面显示在编辑区域的中间的位置，接收到移动指令后，移动指令对应的移动位置为编辑区域的右上方的位置，则将进度显示界面移动到编辑区域的右上方的位置处。

在一种可实现的方式中，在进度显示界面显示处理状态的同时，还可以在富文本编辑区中响应用户的编辑操作，然后根据该编辑操作对该编辑区中的内容进行编辑。

如图5所示，为本公开实施例提供的一种显示处理状态的同时对编辑区中的内容进行编辑的示意图。从图5中可以看出，进度显示界面显示的处理状态为“视频上传中(0％)，请上传成功后再发布”，并对编辑区中的内容(文本)“UGC互联网，全称为UserGenerated Content，也就是用户生成内容，即用户原创内容”进行编辑，在“互联网”后面添加“术语”二字。

本公开实施例提出了一种在富文本编辑器的编辑区中插入处理多媒体资源时的进度显示界面，并在该进度显示界面显示由服务器处理的多媒体资源信息得到的处理状态，无需使用悬浮弹窗或在富文本编辑器之外的显示区域独立显示多媒体资源的处理进度，从而在用户查看需要插入到富文本编辑器中的多媒体资源信息的处理进度时，可以在富文本编辑器的编辑区直接查看，操作简单。

另一方面，用户在查看多媒体资源的处理状态时，还可以编辑富文本编辑器中的纯文本信息，从而可以提高编辑效率。

下面以具体的实施例进行说明。

实施例1，为本公开实施例的模块划分。

如图6所示，为本公开实施例中模块划分示意图。由图6可以看出，本公开实施例中的模块包括编辑器模块、媒体对象集合模块、媒体状态追踪模块和一致性纠错模块。

其中，编辑器模块可以为Quilljs开源富文本编辑器库，也可以为其他同类编辑器。

媒体对象集合模块中的集合中包含用户向富文本编辑器的编辑内容中要插入的图片、音频、视频等多媒体资源对应的标识，可以为多媒体资源的资源类型和资源编号。由于JavaScript中的Set数据类型具备简便易用的集合元素增加、删除、存在性判断等接口，所以媒体对象集合模块可以采用Set数据类型存储，以为动态增加、删减、存在性判断等操作提供便利；媒体对象集合模块可以分为上传中集合、上传完成集合、已转码完成集合以及转码中集合，可以为系统提供多媒体状态感知能力。

媒体状态追踪模块指能够对多媒体资源状态(包括文件上传状态，文件转码状态)进行追踪的功能单位，分为追踪逻辑部分和同步界面视图两部分。追踪逻辑部分的实现过程大致为：文件上传状态部分采用axios的onuploadprogress事件(xhr的upload.onprogress等同类方案亦可)提供的上传进度信息实现；文件转码状态部分采用轮询机制实现(SSE，WebSocket等同类方案亦可)，定时向服务器发起文件转码状态的请求，并实时同步至界面视图。

一致性纠错模块主要用于多媒体资源状态信息同步至界面视图环节。考虑一种情况，当系统要把获取到的最新资源状态信息同步至界面视图时，用户已经在此之前删除了插入的占位符，该占位符用于显示服务器处理多媒体资源信息的处理状态的显示界面，那么同步工作应当立即终止，同时将该信息告知媒体对象集合模块，使媒体对象集合模块更新集合中的数据，以保证信息实时准确。

比如，正在上传的是一个视频信息，此时在上传中集合里存在该视频信息的标识，并且在用户插入的占位符处显示该视频信息被处理的处理状态，如果用户删除了该占位符，则不再显示该视频信息的处理状态，并删除上传中集合里的该视频信息的标识。

实施例2，本公开实施例的各模块工作原理。

如图7所示，为本发明实施例提供的一种显示资源处理进度的完整方法流程图。

S700、编辑器模块接收用户插入多媒体资源信息的操作；

这里用户插入多媒体资源的操作可以是用户从编辑器的操作栏中插入多媒体资源。

S701、编辑器模块在编辑器内容区接入该多媒体资源的占位符；

S702、编辑器模块在媒体对象集合模块的上传中集合里加入该多媒体资源信息的类型和资源序号；

S703、编辑器模块触发多媒体状态追踪模块的追踪机制；

S704、多媒体状态追踪模块对该多媒体资源信息的处理状态进行跟踪；

在多媒体状态追踪模块对多媒体资源信息的处理状态进行跟踪的过程中，媒体对象集合模块会根据处理状态的不同，更新媒体对象集合模块中集合中的数据。

比如，如果多媒体资源信息正在上传，则该多媒体资源信息的资源标识存在于上传中集合里，上传完成后，需要从上传中集合里将该资源标识删除，并将该资源标识添加到上传完成集合里；如果多媒体资源信息正在转码，则该多媒体资源信息的资源标识存在于转码中集合里，转码完成后，需要从转码中集合里将该资源标识删除，并将该资源标识添加到转码完成集合里。

S705、一致性纠错模块判断占位符是否存在，若存在，则执行S606，否则退出嵌入多媒体资源信息的操作；

在多媒体状态追踪模块对多媒体资源信息的处理状态进行跟踪时，将多媒体资源信息的处理状态实时显示到进度显示界面，在显示到显示界面之前，多媒体追踪模块需要一致性纠错模块确定占位符是否存在，如果存在，则在进度显示界面显示处理进度，如果占位符不存在，则退出嵌入多媒体资源信息的操作。

S706、多媒体状态追踪模块在占位符处显示处理多媒体资源状态信息的处理状态。

实施例3，本公开实施例公开的多媒体状态追踪模块的追踪流程。

如图8所示，为本公开实施例公开的多媒体状态追踪模块的追踪流程示意图。

S800、多媒体状态追踪模块获取需要插入到富文本编辑器中内容区的多媒体资源；

需要说明的是，这里的内容区和上文中提到的编辑区相同。

S801、多媒体状态追踪模块通过调用接口服务向服务器上传该多媒体资源；

S802、多媒体状态追踪模块通过上传进度事件监听上传到服务器的多媒体资源的大小；

S803、多媒体状态追踪模块根据监听到的上传到服务器的多媒体资源的大小，计算该多媒体资源已上传比例；

S804、多媒体状态追踪模块向一致性纠错模块发送纠错信息；

S805、一致性纠错模块判断占位符是否存在，若存在，则执行S706，否则退出；

S806、多媒体状态追踪模块将上传比例同步至编辑器内容区；

如图9所示为在编辑器内容区显示的视频资源的上传比例示意图。

S807、多媒体状态追踪模块确定该多媒体资源信息已上传完毕；

S808、多媒体状态追踪模块向媒体对象集合模块发送该多媒体资源信息上传完毕信息；

S809、媒体对象集合模块将上传中集合里的该多媒体资源信息对应的资源标识删除，并将该资源标识添加到上传完成集合和转码中集合里；

多媒体资源信息上传至服务器上传成功后，服务器开启对该多媒体资源信息的转码程序。

S810、多媒体状态追踪模块开启对转码状态的查询机制；

S811、多媒体状态追踪模块轮询获取最新转码信息；

这里的轮询机制可以用长链接、websocket等其他技术替换，只要能达到实时获取最新转码信息即可。

S812、多媒体状态追踪模块向一致性纠错模块发送纠错信息；

S813、一致性纠错模块判断占位符是否存在，若存在，则执行S714，否则退出；

S814、多媒体状态追踪模块将转码状态同步至编辑器内容区；

如图10所示为在编辑器内容区显示的视频资源的转码状态的示意图。

需要说明的是，服务器在处理多媒体资源信息时，还可能会存在失败的状态，比如上传失败或转码失败，当处理状态为失败状态时，进度显示界面会显示相应的信息。

如图11所示，为在编辑器内容区显示的视频资源转码失败的示意图。

S815、多媒体状态追踪模块确定该多媒体资源信息转码完成；

S816、多媒体状态追踪模块向媒体对象集合模块发送该多媒体资源信息转码完成；

S817、媒体对象集合模块将转码中集合里的该多媒体资源信息对应的资源标识删除，并将该资源标识添加到转码完成集合里。

本公开经过上述实施例的操作后，用户仍可能继续向富文本编辑器插入多媒体资源，此时的流程与上述过程相同，需要说明的是，在媒体对象集合模块中会多出当前处理的多媒体资源信息的资源标识。

在上述技术方案中，显示多媒体资源信息的上传和转码的处理状态时，用户可以继续编辑纯文本信息，从而提高了用户编辑富文本的效率。

图12是根据一示例性实施例示出的一种资源处理进度的显示装置1200的框图。参照图12，该装置包括获取单元1201、确定单元1202、插入显示单元1203。

获取单元1201，被配置为执行获取待嵌入到富文本编辑器的编辑内容中的多媒体资源信息；

确定单元1202，被配置为执行在所述富文本编辑器的编辑区中确定所述多媒体资源信息对应的进度显示界面的显示位置，其中所述进度显示界面用于实时显示所述多媒体资源的处理状态；

插入显示单元1203，被配置为执行在所述显示位置处插入所述进度显示界面，并在所述进度显示界面显示由服务器处理所述多媒体资源信息得到的处理状态。

在一种可选的实施方式中，所述确定单元1202具体被配置为执行：

接收资源嵌入指令，在所述富文本编辑器的编辑区确定需要嵌入所述多媒体资源信息的位置；将所述位置作为所述进度显示界面的显示位置。

在一种可选的实施方式中，所述确定单元1202具体被配置为执行：

将所述富文本编辑器的编辑区中预设位置作为所述进度显示界面的显示位置。

在一种可选的实施方式中，所述确定单元1202具体被配置为执行根据下列方式确定预设位置：

根据多媒体资源信息的类型信息与预设位置的对应关系，确定与所述多媒体资源信息的类型信息对应的预设位置。

在一种可选的实施方式中，所述装置还包括查找单元和生成单元，所述在所述显示位置处插入所述进度显示界面之前：

所述查找单元，被配置为执行在类型信息与进度显示界面外观信息的对应关系中查找与所述多媒体资源信息的类型信息对应的进度显示界面外观信息；

所述生成单元，被配置为执行根据所述进度显示界面外观信息生成所述进度显示界面。

在一种可选的实施方式中，所述插入显示单元1203具体被配置为执行：

在所述显示位置处加入与所述进度显示界面外观对应的占位符；将所述进度显示界面置于所述占位符中。

在一种可选的实施方式中，该装置还包括接收单元、禁止上传单元以及允许上传单元，所述获取待嵌入到富文本编辑器的编辑内容中的多媒体资源信息后：

所述接收单元，被配置为执行接收文本上传指令；

所述禁止上传单元，被配置为执行若检测到与所述上传指令对应的富文本中的多媒体资源的资源标识存在于处理中集合里，则禁止向所述服务器上传所述富文本中的纯文本信息；

所述允许上传单元，被配置为执行若检测到与所述上传指令对应的富文本中多媒体资源的资源标识不存在于所述处理中集合里，则向所述服务器上传所述富文本中的纯文本信息；

其中，所述处理中集合中的资源标识对应的多媒体资源为服务器正在处理的多媒体资源。

在一种可选的实施方式中，该装置还包括移动单元，所述在所述显示位置处插入所述进度显示界面后：

所述移动单元，被配置为执行在接收到移动指令后，将所述进度显示界面移动至与所述移动指令对应的移动位置上。

在一种可选的实施方式中，该装置还包括编辑单元，所述在所述进度显示界面显示由服务器处理所述多媒体资源信息得到的处理状态后：

所述编辑单元，被配置为执行在所述进度显示界面显示所述处理状态的同时，在所述富文本编辑器的编辑区中响应用户的编辑操作；根据所述编辑操作对所述编辑区中的内容进行编辑。

关于上述实施例中的装置，其中各个单元执行请求的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图13是根据一示例性实施例示出的一种电子设备1300的框图，该装置包括：

处理器1301；

用于存储处理器1301可执行指令的存储器1302；

其中，处理器1301被配置为执行指令，以实现本公开实施例中任意一种资源处理进度的显示方法。

在示例性实施例中，还提供了一种包括指令的存储介质，例如包括指令的存储器1302，上述指令可由电子设备1300的处理器1301执行以完成上述方法。可选地，存储介质可以是非临时性计算机可读存储介质，例如，非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

在本公开实施例中还提供一种终端设备，其结构如图14所示，本公开实施例给出一种用于资源处理进度的显示终端1400，包括：射频(Radio Frequency，RF)电路1410、电源1420、处理器1430、存储器1440、输入单元1450、显示单元1460、摄像头1470、通信接口1480、以及无线保真(Wireless Fidelity，Wi-Fi)模块1490等部件。本领域技术人员可以理解，图14中示出的终端的结构并不构成对终端的限定，本公开实施例提供的终端可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

下面结合图14对终端1400的各个构成部件进行具体的介绍：

RF电路1410可用于通信或通话过程中，数据的接收和发送。特别地，RF电路1410在接收到基站的下行数据后，发送给处理器1430处理；另外，将待发送的上行数据发送给基站。通常，RF电路1410包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器(Low Noise Amplifier，LNA)、双工器等。

此外，RF电路1410还可以通过无线通信与网络和其他终端通信。无线通信可以使用任一通信标准或协议，包括但不限于全球移动通讯系统(Global System of Mobilecommunication，GSM)、通用分组无线服务(General Packet Radio Service，GPRS)、码分多址(Code Division Multiple Access，CDMA)、宽带码分多址(Wideband Code DivisionMultiple Access，WCDMA)、长期演进(Long Term Evolution，LTE)、电子邮件、短消息服务(Short Messaging Service，SMS)等。

Wi-Fi技术属于短距离无线传输技术，终端1400通过Wi-Fi模块1490可以连接接入点(Access Point，AP)，从而实现数据网络的访问。Wi-Fi模块1490可用于通信过程中，数据的接收和发送。

终端1400可以通过通信接口1480与其他终端实现物理连接。可选的，通信接口1480与其他终端的通信接口通过电缆连接，实现终端1400和其他终端之间的数据传输。

由于在本公开实施例中，终端1400能够实现通信业务，向其他联系人发送信息，因此终端1400需要具有数据传输功能，即终端1400内部需要包含通信模块。虽然图14示出了RF电路1410、Wi-Fi模块1490、和通信接口1480等通信模块，但是可以理解的是，终端1400中存在上述部件中的至少一个或者其他用于实现通信的通信模块(如蓝牙模块)，以进行数据传输。

例如，当终端1400为手机时，终端1400可以包含RF电路1410，还可以包含Wi-Fi模块1490；当终端1400为计算机时，终端1400可以包含通信接口1480，还可以包含Wi-Fi模块1490；当终端1400为平板电脑时，终端1400可以包含Wi-Fi模块。

存储器1440可用于存储软件程序以及模块。处理器1430通过运行存储在存储器1440的软件程序以及模块，从而执行终端1400的各种功能应用以及数据处理，并且当处理器1430执行存储器1440中的程序代码后，可以实现本公开实施例图2中的部分或全部过程。

可选的，存储器1440可以主要包括存储程序区和存储数据区。其中，存储程序区可存储操作系统、各种应用程序(比如通信应用)以及人脸识别模块等；存储数据区可存储根据终端的使用所创建的数据(比如各种图片、视频文件等多媒体文件，以及人脸信息模板)等。

此外，存储器1440可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

输入单元1450可用于接收用户输入的数字或字符信息，以及产生与终端1400的用户设置以及功能控制有关的键信号输入。

可选的，输入单元1450可包括触控面板1451以及其他输入终端1452。

其中，触控面板1451，也称为触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板1451上或在触控面板1451附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触控面板1451可以包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器1430，并能接收处理器1430发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板1451。

可选的，其他输入终端1452可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一个或多个。

显示单元1460可用于显示由用户输入的信息或提供给用户的信息以及终端1400的各种菜单。显示单元1460即为终端1400的显示系统，用于呈现界面，实现人机交互。

显示单元1460可以包括显示面板1461。可选的，显示面板1461可以采用液晶显示屏(Liquid Crystal Display，LCD)、有机发光二极管(Organic Light-Emitting Diode，OLED)等形式来配置。

进一步的，触控面板1451可覆盖显示面板1461，当触控面板1451检测到在其上或附近的触摸操作后，传送给处理器1430以确定触摸事件的类型，随后处理器1430根据触摸事件的类型在显示面板1461上提供相应的视觉输出。

虽然在图14中，触控面板1451与显示面板1461是作为两个独立的部件来实现终端1400的输入和输入功能，但是在某些实施例中，可以将触控面板1451与显示面板1461集成而实现终端1400的输入和输出功能。

处理器1430是终端1400的控制中心，利用各种接口和线路连接各个部件，通过运行或执行存储在存储器1440内的软件程序和/或模块，以及调用存储在存储器1440内的数据，执行终端1400的各种功能和处理数据，从而实现基于终端的多种业务。

以上参照示出根据本申请实施例的方法、装置(系统)和/或计算机程序产品的框图和/或流程图描述本申请。应理解，可以通过计算机程序指令来实现框图和/或流程图示图的一个块以及框图和/或流程图示图的块的组合。可以将这些计算机程序指令提供给通用计算机、专用计算机的处理器和/或其它可编程数据处理装置，以产生机器，使得经由计算机处理器和/或其它可编程数据处理装置执行的指令创建用于实现框图和/或流程图块中所指定的功能/动作的方法。

相应地，还可以用硬件和/或软件(包括固件、驻留软件、微码等)来实施本申请。更进一步地，本申请可以采取计算机可使用或计算机可读存储介质上的计算机程序产品的形式，其具有在介质中实现的计算机可使用或计算机可读程序代码，以由指令执行系统来使用或结合指令执行系统而使用。在本申请上下文中，计算机可使用或计算机可读介质可以是任意介质，其可以包含、存储、通信、传输、或传送程序，以由指令执行系统、装置或设备使用，或结合指令执行系统、装置或设备使用。

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

Claims (10)

1.一种资源处理进度的显示方法，其特征在于，包括：

获取待嵌入到富文本编辑器的编辑内容中的多媒体资源信息；

在所述富文本编辑器的编辑区中确定所述多媒体资源信息对应的进度显示界面的显示位置，其中所述进度显示界面用于实时显示所述多媒体资源的处理状态；

在所述显示位置处插入所述进度显示界面，并在所述进度显示界面显示由服务器处理所述多媒体资源信息得到的处理状态。

2.如权利要求1所述的方法，其特征在于，所述在所述富文本编辑器的编辑区中确定所述多媒体资源信息对应的进度显示界面的显示位置，包括：

接收资源嵌入指令，在所述富文本编辑器的编辑区确定需要嵌入所述多媒体资源信息的位置；

将所述位置作为所述进度显示界面的显示位置。

3.如权利要求1所述的方法，其特征在于，所述在所述富文本编辑器的编辑区中确定所述多媒体资源信息对应的进度显示界面的显示位置，包括：

将所述富文本编辑器的编辑区中预设位置作为所述进度显示界面的显示位置。

4.如权利要求3所述的方法，其特征在于，根据下列方式确定预设位置：

根据多媒体资源信息的类型信息与预设位置的对应关系，确定与所述多媒体资源信息的类型信息对应的预设位置。

5.如权利要求1所述的方法，其特征在于，所述在所述显示位置处插入所述进度显示界面之前，还包括：

在类型信息与进度显示界面外观信息的对应关系中查找与所述多媒体资源信息的类型信息对应的进度显示界面外观信息；

根据所述进度显示界面外观信息生成所述进度显示界面。

6.如权利要求5所述的方法，其特征在于，所述在所述显示位置处插入所述进度显示界面，包括：

在所述显示位置处加入与所述进度显示界面外观对应的占位符；

将所述进度显示界面置于所述占位符中。

7.如权利要求1所述的方法，其特征在于，所述获取待嵌入到富文本编辑器的编辑内容中的多媒体资源信息后，还包括：

接收文本上传指令；

若检测到与所述上传指令对应的富文本中的多媒体资源的资源标识存在于处理中集合里，则禁止向所述服务器上传所述富文本中的纯文本信息；

若检测到与所述上传指令对应的富文本中多媒体资源的资源标识不存在于所述处理中集合里，则向所述服务器上传所述富文本中的纯文本信息；

其中，所述处理中集合中的资源标识对应的多媒体资源为服务器正在处理的多媒体资源。

8.一种资源处理进度的显示装置，其特征在于，包括：

获取单元，被配置为执行获取待嵌入到富文本编辑器的编辑内容中的多媒体资源信息；

确定单元，被配置为执行在所述富文本编辑器的编辑区中确定所述多媒体资源信息对应的进度显示界面的显示位置，其中所述进度显示界面用于实时显示所述多媒体资源的处理状态；

插入显示单元，被配置为执行在所述显示位置处插入所述进度显示界面，并在所述进度显示界面显示由服务器处理所述多媒体资源信息得到的处理状态。

9.一种电子设备，其特征在于，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求1至权利要求7中任一项所述的资源处理进度的显示方法。

10.一种存储介质，其特征在于，当所述存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如权利要求1至权利要求7中任一项所述的资源进度显示方法。

Images