CN110908757B - 一种媒体内容显示的方法以及相关装置 - Google Patents

Abstract

本申请公开了一种媒体内容显示的方法以及相关装置，通过将至少两个第一媒体内容添加到第一图层；并将至少一个第二媒体内容添加到第二图层，且第二媒体内容无背景色；然后将所述第一图层与所述第二图层推送到显示界面的显示区域中；响应于滑动指令，控制第二图层相对于所述第一图层移动。从而实现了多个媒体内容的交互过程，一方面使得在多个媒体内容的交互过程中节约了占用空间，且媒体内容可以反复使用，提高了资源的利用度；另一方面，动态的媒体内容结合形式提升了显示过程的灵活度，提高了用户体验。

Description

一种媒体内容显示的方法以及相关装置

技术领域

本申请涉及计算机技术领域，尤其涉及一种媒体内容显示的方法以及相关装置。

背景技术

随着移动终端相关技术的发展，越来越多的智能设备出现在人们的生活中，其中，通过智能设备进行广告推荐也应运而生。

一般，广告推荐的过程采用独立素材推荐的模式在智能设备显示界面中的广告位进行显示，即对于多个广告素材的显示则会采用一定的规则进行广告素材在显示界面上进行逐一排列。

但是，由于互联网信息的往往是大量出现在显示界面中，且一些广告素材包含了相似的元素，相互独立的进行排列，交互模式相对单一，且会造成媒体内容的浪费，即多个广告中相似的媒体内容会重复利用，会占用大量的资源空间，造成储存资源的浪费，影响储存资源的利用度。

发明内容

有鉴于此，本申请提供一种媒体内容显示的方法，用于提高存储资源的利用率。

本申请一方面提供一种媒体内容显示的方法，可以应用于包含广告的计算机设备程序运行过程中或媒体内容显示的系统或过程中，具体包括：将至少两个第一媒体内容添加到第一图层；

将至少一个第二媒体内容添加到第二图层，所述第二媒体内容无背景色；

将所述第一图层与所述第二图层推送到显示界面的显示区域中，所述第二图层置于所述第一图层之上；

响应于滑动指令，控制所述第二图层相对于所述第一图层移动。

本申请一方面提供一种媒体内容显示的装置，包括：添加单元，用于将至少两个第一媒体内容添加到第一图层；

处理单元，用于将至少一个第二媒体内容添加到第二图层，所述第二媒体内容无背景色；

推送单元，用于将所述第一图层与所述第二图层推送到显示界面的显示区域中，所述第二图层置于所述第一图层之上；

显示单元，用于响应于滑动指令，控制所述第二图层相对于所述第一图层移动。

可选的，在本申请一些可能的实现方式中，所述显示单元，用于控制所述第一图层向第一方向运动；

所述显示单元，用于根据所述第一方向确定所述第二方向，所述第一方向运动和所述第二方向不同；

所述显示单元，用于控制所述第二图层向所述第二方向运动。

可选的，在本申请一些可能的实现方式中，所述显示单元，用于控制所述第一图层向第一方向运动，并确定所述第一图层的运动速度；

所述显示单元，用于根据所述第一图层的运动速度确定所述第二图层的运动速度，所述第一图层的运动速度与所述第二图层的运动速度不同；

所述显示单元，用于控制所述第二图层在所述第一方向上按照所述第二图层的运动速度运动。

可选的，在本申请一些可能的实现方式中，所述显示单元，用于控制所述第一图层向第一方向运动；

所述显示单元，用于控制所述第二图层不发生运动。

可选的，在本申请一些可能的实现方式中，所述第一图层中包括空白区域，所述空白区域用于指示所述第一图层中未添加所述至少两个第一媒体内容的区域，所述显示单元，还用于若所述第二图层与所述空白区域发生重合，则控制所述空白区域覆盖所述第二图层对应的重合部。

可选的，在本申请一些可能的实现方式中，所述显示区域包括用于控制所述第一图层与所述第二图层移动的特征元素，所述显示单元，用于通过特征元素响应所述滑动指令，获取所述特征元素的移动距离；

所述显示单元，用于根据所述特征元素的移动距离确定第一图层的移动距离；

所述显示单元，用于根据所述第一图层的移动距离确定所述第二图层的移动距离，所述第一图层的移动距离与所述第二图层的移动距离不同。

可选的，在本申请一些可能的实现方式中，所述显示单元，用于确定所述特征元素的起始点和终止点；

所述显示单元，用于根据所述起始点和终止点的直线距离确定所述特征元素的移动距离。

可选的，在本申请一些可能的实现方式中，所述添加单元，用于获取所述显示界面的显示区域的尺寸信息；

所述添加单元，用于根据所述尺寸信息调整所述第一图层；

所述添加单元，用于将至少两个第一媒体内容添加到调整后的所述第一图层。

可选的，在本申请一些可能的实现方式中，所述添加单元，用于确定调整后的所述第一图层在目标方向上的目标尺寸；

所述添加单元，用于基于所述目标尺寸控制所述至少两个第一媒体内容在目标方向上分布，以添加到调整后的所述第一图层中。

可选的，在本申请一些可能的实现方式中，所述添加单元，还用于接收服务器发送的第三媒体内容，所述第三媒体内容包括所述第一媒体内容和所述第二媒体内容。

可选的，在本申请一些可能的实现方式中，所述添加单元，还用于接收所述服务器发送的第四媒体内容；

所述添加单元，还用于根据预设规则处理所述第四媒体内容以得到所述第一媒体内容和所述第二媒体内容。

本申请一方面提供一种计算机设备，包括：存储器、处理器以及总线系统；所述存储器用于存储程序代码；所述处理器用于根据所述程序代码中的指令执行上述任一项所述的媒体内容显示的的方法。

本申请一方面提供一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述任一项所述的媒体内容显示的的方法。

从以上技术方案可以看出，本申请实施例具有以下优点：

通过将至少两个第一媒体内容添加到第一图层；并将至少一个第二媒体内容添加到第二图层，且第二媒体内容无背景色；然后将所述第一图层与所述第二图层推送到显示界面的显示区域中，所述第二图层置于所述第一图层之上；响应于滑动指令控制所述第二图层相对于所述第一图层移动。从而实现了多个媒体内容的交互过程，由于第二图层中的媒体内容可以动态的出现在第一图层的多个媒体内容之上，一方面使得在多个媒体内容的交互过程中节约了占用空间，且媒体内容可以反复使用，提高了资源的利用度；另一方面，动态的媒体内容结合形式提升了显示过程的灵活度，提高了用户体验。

附图说明

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

图1为媒体内容显示系统运行的网络架构图；

图2为本申请实施例提供的一种媒体内容显示的流程架构图；

图3为本申请实施例提供的一种媒体内容显示的方法的流程图；

图4为本申请实施例提供的一种媒体内容显示的场景示意图；

图5为本申请实施例提供的一种媒体内容显示的场景示意图；

图6为本申请实施例提供的一种媒体内容显示的场景示意图；

图7为本申请实施例提供的一种媒体内容显示的方法的流程图；

图8为本申请实施例提供的一种媒体内容显示的场景示意图；

图9为本申请实施例提供的一种媒体内容显示的场景流程示意图；

图10为本申请实施例提供的媒体内容显示装置的结构示意图；

图11为本申请实施例提供的一种计算机设备的结构示意图。

具体实施方式

本申请实施例提供了一种媒体内容显示的方法以及相关装置，可以应用于包含广告的计算机设备程序运行过程中或媒体内容显示的系统或过程中，通过将至少两个第一媒体内容添加到第一图层；并将至少一个第二媒体内容添加到第二图层，且第二媒体内容无背景色；然后将所述第一图层与所述第二图层推送到显示界面的显示区域中，所述第二图层置于所述第一图层之上；响应于滑动指令控制所述第二图层相对于所述第一图层移动。从而实现了多个媒体内容的交互过程，由于第二图层中的媒体内容可以动态的出现在第一图层的多个媒体内容之上，一方面使得在多个媒体内容的交互过程中节约了占用空间，且媒体内容可以反复使用，提高了资源的利用度；另一方面，动态的媒体内容结合形式提升了显示过程的灵活度，提高了用户体验。

本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例例如能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“对应于”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

首先，本申请可应用在多条广告的关联互动场景中，其中多条广告即为广告主在同一个流量场景下投放的两条及两条以上的广告；而关联互动即为广告与广告之间通过一个或多个串联元素，使其在视觉上、内容上相互关联、互相联动，广告与用户行为也存在互动。特别是在同一商家在相邻或相近位置投放的多个广告的场景中，基于本申请提出的方法对多个媒体内容进行处理并显示。

应理解，本申请提供的媒体内容显示方法可以应用于包含广告的计算机设备程序运行过程中或媒体内容显示的系统或过程中，例如多广告的推送程序，具体的，媒体内容显示系统可以运行于如图1所示的网络架构中，如图1所示，是媒体内容显示系统运行的网络架构图，如图可知，媒体内容显示系统可以提供多个信息源的媒体内容显示，终端通过接收服务器下发的媒体内容，并分别处理为第一图层和无背景的第二图层，控制第一图层与第二图层发生相对运动。可以理解的是，图1中示出了多种计算机设备，在实际场景中可以有更多或更少种类的计算机设备参与到媒体内容显示的过程中，具体数量和种类因实际场景而定，此处不做限定，另外，图1中示出了一个服务器，但在实际场景中，也可以有多个服务器的参与，特别是在多应用数据交互的场景中，具体服务器数量因实际场景而定。

应当注意的是，本实施例提供的媒体内容显示方法也可以离线进行，即不需要服务器的参与，此时终端对本地储存的媒体内容进行处理并推送到指定的显示界面。

可以理解的是，上述媒体内容显示系统可以运行于个人移动终端，例如：作为广告推送插件这样的应用，也可以运行于服务器，还可以作为运行于第三方设备以提供媒体内容显示，以得到信息源的媒体内容显示结果，例如：在移动终端中，首先开启相关的媒体内容显示程序，然后通过该程序拉取多个媒体内容以处理合成，进而进行触发并显示；具体的媒体内容显示系统可以是以一种程序的形式在上述设备中运行，也可以作为上述设备中的系统部件进行运行，还可以作为云端服务程序的一种，具体运作模式因实际场景而定，此处不做限定。

随着移动终端相关技术的发展，越来越多的智能设备出现在人们的生活中，其中，通过智能设备进行广告推荐也应运而生。

一般，广告推荐的过程采用独立素材推荐的模式在智能设备显示界面中的广告位进行显示，即对于多个广告素材的显示则会采用一定的规则进行广告素材在显示界面上进行逐一排列。

但是，由于互联网信息的往往是大量出现在显示界面中，且一些广告素材包含了相似的元素，相互独立的进行排列，交互模式相对单一，且会造成媒体内容的浪费，即多个广告中相似的媒体内容会重复利用，会占用大量的资源空间，造成储存资源的浪费，影响储存资源的利用度。

为了解决上述问题，本申请提出了一种媒体内容显示的方法，该方法应用于图2所示的媒体内容显示的流程框架中，由计算机设备执行，计算机设备可以是终端或服务器，如图2所示，为本申请实施例提供的一种媒体内容显示的流程架构图，首先服务器下发多个广告素材，例如：图片、视频或两者的结合；然后处理为作为背景的多个第一媒体内容，以及包括无背景色的第二媒体内容，进一步对两者进行结合，并在客户端进行显示，当客户端的特征元素被触发时，进行图层间的相对运动，从而实现多广告的交互显示。应当注意的是，本实施例提供的媒体内容显示方法由计算机设备执行是指，可以由终端单独执行，也可以由服务器单独执行，还可以由终端和服务器一起执行。

可以理解的是，此处以广告为例进行说明，具体的也可以是其他的媒体内容作用形式，具体的形式因实际场景而定，此处不做限定。

可以理解的是，本申请所提供的方法可以为一种程序的写入，以作为硬件系统中的一种处理逻辑，也可以作为一种媒体内容显示装置，采用集成或外接的方式实现上述处理逻辑。作为一种实现方式，该媒体内容显示装置通过将至少两个第一媒体内容添加到第一图层；并将至少一个第二媒体内容添加到第二图层，且第二媒体内容无背景色；然后将所述第一图层与所述第二图层推送到显示界面的显示区域中，所述第二图层置于所述第一图层之上；响应于滑动指令控制所述第二图层相对于所述第一图层移动。从而实现了多个媒体内容的交互过程，由于第二图层中的媒体内容可以动态的出现在第一图层的多个媒体内容之上，一方面使得在多个媒体内容的交互过程中节约了占用空间，且媒体内容可以反复使用，提高了资源的利用度；另一方面，动态的媒体内容结合形式提升了显示过程的灵活度，提高了用户体验。

结合上述流程架构，下面将对本申请中媒体内容显示的方法进行介绍，请参阅图3，图3为本申请实施例提供的一种媒体内容显示的方法的流程图，本申请实施例至少包括以下步骤：

301、计算机设备将至少两个第一媒体内容添加到第一图层。

本实施例中，第一媒体内容和第二媒体内容可以是服务器发送的，也可以是终端本地储存的，具体的，媒体内容可以是图片、视频或可操作程序的界面等，其中，媒体内容可以作为广告推送至终端相关界面进行播放并显示，具体的形式因实际场景而定。

可以理解的是，至少两个第一媒体内容可以是不同形式的媒体内容，例如是图片与视频；至少两个第一媒体内容也可以是来自同一广告进行不同处理所得，例如一个媒体内容为该广告的视频，一个媒体内容为该视频的截图。可以理解的是，在第一图层上，至少两个媒体内容可以是连续的，也可以是间隔的。若是间隔的，该间隔区域可以是空白区域，也可以是添加了文字或图片等内容的区域。

可选的，由于终端显示界面尺寸的限制，在处理过程中还可以对尺寸信息进行考虑，具体的，首先获取所述显示界面的显示区域的尺寸信息；然后根据所述尺寸信息调整所述第一图层；进而将至少两个第一媒体内容添加到调整后的所述第一图层。例如：第一媒体内容的尺寸信息为2*4cm，而第一图层的尺寸信息为10*20cm，则将媒体内容进行相应的拉伸，以添加到第一图层中。

另外，也可以值考虑一个方向上的尺寸，例如保证第一图层中的第一媒体内容在水平尺寸上相同，具体的，首先确定调整后的所述第一图层在目标方向上的目标尺寸；然后基于所述目标尺寸控制所述至少两个第一媒体内容在目标方向上分布，以添加到调整后的所述第一图层中。

302、计算机设备将至少一个第二媒体内容添加到第二图层。

本实施例中，第二媒体内容无背景色，即第二媒体内容的背景为透明，通过第二图层的背景部分可以显示在下面图层的媒体内容。

303、计算机设备将所述第一图层与所述第二图层推送到显示界面的显示区域中。

本实施例中，第二图层置于所述第一图层之上，即通过第二图层的背景部分可以显示在第一图层的第一媒体内容。

304、计算机设备响应于滑动指令，则控制所述第二图层相对于所述第一图层移动。

结合上述实施例可知，通过将至少两个第一媒体内容添加到第一图层；并将至少一个第二媒体内容添加到第二图层，且第二媒体内容无背景色；然后将所述第一图层与所述第二图层推送到显示界面的显示区域中，所述第二图层置于所述第一图层之上；响应于滑动指令控制所述第二图层相对于所述第一图层移动。从而实现了多个媒体内容的交互过程，由于第二图层中的媒体内容可以动态的出现在第一图层的多个媒体内容之上，一方面使得在多个媒体内容的交互过程中节约了占用空间，且媒体内容可以反复使用，提高了资源的利用度；另一方面，动态的媒体内容结合形式提升了显示过程的灵活度，提高了用户体验。

可选的，显示区域包括用于控制所述第一图层与所述第二图层移动的特征元素。

本实施例中，显示区域包括用于控制所述第一图层与所述第二图层移动的特征元素，具体的，控制特征元素的形式可以是手指滑动、点击；或者是鼠标的拖动等；具体的特征元素形式因具体场景而定，此处不做限定。

本实施例中，可以通过多种方式实现第二图层相对于所述第一图层移动，且相对移动的过程与特征元素的触发情况相关。

例如可以采用移动距离的方式判断特征元素的触发情况，具体的，通过特征元素触发滑动指令，并获取所述特征元素的移动距离；根据所述特征元素的移动距离确定第一图层的移动距离。

可选的，由于手指移动的路径可能是弯曲的，此时为保证移动距离的准确性，可以进行起始点和终止点的判断，具体的，如图4所示，是本申请实施例提供的一种媒体内容显示的场景示意图，图中当所述特征元素被触发时，则确定所述特征元素的起始点和终止点；然后根据所述起始点和终止点的直线距离进行连线，以确定所述特征元素的移动距离。

下面对多种实现第二图层相对于所述第一图层移动的方式进行说明。

一、第一图层运动，第二图层不运动。

如图5所示，是本申请实施例提供的一种媒体内容显示的场景示意图，图中包括第一图层内的第一媒体内容A1和A3，第二图层内的第二媒体内容A2；当用户滑动屏幕，即触发特征元素时，第一图层响应于用户滑动向上运动，而第二图层保持不动，从而使得第二图层中的第二媒体内容A2可以与第一媒体内容A3发生交互，即第二图层相对于所述第一图层移动，相当于第一媒体内容A1和A3共用了第二媒体内容A2，且具有良好的交互性。

可以理解的是，第一图层可以向下运动，也可以向上运动，还可以进行预设规则的路线运动，具体的路径因实际场景而定，此处不做限定。

二、第一图层与第二图层运动方向不同。

具体的，首先控制所述第一图层向第一方向运动；然后根据所述第一方向确定所述第二方向，所述第一方向运动和所述第二方向不同；进而控制所述第二图层向所述第二方向运动。

如图6所示，是本申请实施例提供的一种媒体内容显示的场景示意图，图中包括第一图层内的第一媒体内容B1和B3，第二图层内的第二媒体内容B2；当用户滑动屏幕，即触发特征元素时，第一图层响应于用户滑动向上运动，而第二图层向左运动，且可以进行显示界面内的循环显示，即当第二媒体内容B2运动出显示界面后，可以从相对的界面边缘再次出现；从而使得第二图层中的第二媒体内容B2可以与第一媒体内容B3发生交互，即第二图层相对于所述第一图层移动，相当于第一媒体内容A1和A3共用了第二媒体内容A2，且产生了活动的素材，无需额外准备大量的动态素材即可以实现广告的互动展现。

可以理解的是，第一图层与第二图层的运动方向可以是任何不同的方向，此处不做限定。

三、第一图层与第二图层运动运动速度不同。

具体的，首先控制所述第一图层向第一方向运动，并确定所述第一图层的运动速度；然后根据所述第一图层的运动速度确定所述第二图层的运动速度，所述第一图层的运动速度与所述第二图层的运动速度不同；进而控制所述第二图层在所述第一方向上按照所述第二图层的运动速度运动。

可以理解的是，第一图层与第二图层运动运动速度不同的同时，运动方向也可以不同，此处不做赘述。

上述实施例介绍了多个媒体内容的相对运动过程，在图层的相对运动过程中，可能运动到其他区域中，下面将对该场景进行介绍，请参阅图7，图7为本申请实施例提供的一种媒体内容显示的方法的流程图，由计算机设备执行，本申请实施例至少包括以下步骤：

701、计算机设备获取服务器发送的多个媒体内容。

本实施例中，媒体内容可以是由服务器发送的，且第一媒体内容与第二媒体内容在服务器侧已经处理好的，即第二媒体内容在服务器侧处理为无背景色；媒体内容也可以是在客户端进行处理的，即服务器只负责发送多个媒体内容。

可选的，多个媒体内容为第三媒体内容，所述第三媒体内容包括所述第一媒体内容和所述第二媒体内容。

可选的，多个媒体内容为第四媒体内容；然后客户端根据预设规则处理所述第四媒体内容以得到所述第一媒体内容和所述第二媒体内容。

702、计算机设备将至少两个第一媒体内容添加到第一图层。

703、计算机设备将至少一个第二媒体内容添加到第二图层。

704、计算机设备将所述第一图层与所述第二图层推送到显示界面的显示区域中。

705、计算机设备响应于滑动指令控制所述第二图层相对于所述第一图层移动。

本实施例中，步骤702-705与图3所述实施例的步骤301-304类似，相关特征描述可以进行参考，此处不做赘述。

706、计算机设备判断是否与空白区域重合。

本实施例中，空白区域可以是第一图层中未包含第一媒体内容的部分，也可以是第一图层在显示界面中未覆盖的部分。如图8所示，是本申请实施例提供的一种媒体内容显示的场景示意图，图中指示了空白区域C1，即为第一图层中未包含第一媒体内容的部分。

707、计算机设备显示基于空白区域处理后的显示界面。

本实施例中，通过上述步骤706的判断结果，对于第二图层与所述空白区域发生重合的部分，控制所述空白区域覆盖所述第二图层对应的重合部，即图8所示的第二媒体内容显示不完整，相应的在第二图层再次移动至非空白区域后，恢复第二媒体内容的显示。

上述在不同场景中可能的操作也可以应用于图3所述的实施例中进行相应的结合，此处不做赘述。

结合上述实施例可知，通过不同的途径得到多个媒体内容，然后将至少两个第一媒体内容添加到第一图层；并将至少一个第二媒体内容添加到第二图层，且第二媒体内容无背景色；然后将所述第一图层与所述第二图层推送到显示界面的显示区域中，所述第二图层置于所述第一图层之上；响应于滑动指令控制所述第二图层相对于所述第一图层移动。从而实现了多个媒体内容的交互过程，由于第二图层中的媒体内容可以动态的出现在第一图层的多个媒体内容之上，一方面使得在多个媒体内容的交互过程中节约了占用空间，且媒体内容可以反复使用，提高了资源的利用度；另一方面，动态的媒体内容结合形式提升了显示过程的灵活度，提高了用户体验。

下面结合上述实施例，在一种具体的应用中对本申请实施例提出的媒体内容的显示方法进行说明，如图9所示，图9为本申请实施例提供的一种媒体内容显示的场景流程示意图。

图中为一种信息推送程序，其界面中包括多条关联广告以及其对应的广告位，即为第一图层中包括多个第一媒体内容，基于该显示区域进行了本实施例提供的可相对移动的图层的封装，用户可以向上滑动显示界面，使得第二图层中的“车”在视觉效果上行驶与第一图层的多个第一媒体内容之间，且“车”运动到空白区域时，会显示空白区域的内容，不会影响显示界面总其他元素的显示；由于第一图层的多个第一媒体内容共用了第二媒体内容，从而节约了储存空间，且实现了多广告的互动展现过程。

为了更好的实施本申请实施例的上述方案，下面还提供用于实施上述方案的相关装置。请参阅图10，图10为本申请实施例提供的媒体内容显示装置的结构示意图，媒体内容显示装置1000包括：

添加单元1001，用于将至少两个第一媒体内容添加到第一图层；

处理单元1002，用于将至少一个第二媒体内容添加到第二图层，所述第二媒体内容无背景色；

推送单元1003，用于将所述第一图层与所述第二图层推送到显示界面的显示区域中，所述第二图层置于所述第一图层之上；

显示单元1004，用于响应于滑动指令，控制所述第二图层相对于所述第一图层移动。

可选的，在本申请一些可能的实现方式中，所述显示单元1004，用于控制所述第一图层向第一方向运动；

所述显示单元1004，用于根据所述第一方向确定所述第二方向，所述第一方向运动和所述第二方向不同；

所述显示单元1004，用于控制所述第二图层向所述第二方向运动。

可选的，在本申请一些可能的实现方式中，所述显示单元1004，用于控制所述第一图层向第一方向运动，并确定所述第一图层的运动速度；

所述显示单元1004，用于根据所述第一图层的运动速度确定所述第二图层的运动速度，所述第一图层的运动速度与所述第二图层的运动速度不同；

所述显示单元1004，用于控制所述第二图层在所述第一方向上按照所述第二图层的运动速度运动。

可选的，在本申请一些可能的实现方式中，所述显示单元1004，用于控制所述第一图层向第一方向运动；

所述显示单元1004，用于控制所述第二图层不发生运动。

可选的，在本申请一些可能的实现方式中，所述第一图层中包括空白区域，所述空白区域用于指示所述第一图层中未添加所述至少两个第一媒体内容的区域，所述显示单元1004，还用于若所述第二图层与所述空白区域发生重合，则控制所述空白区域覆盖所述第二图层对应的重合部。

可选的，在本申请一些可能的实现方式中，所述显示区域包括用于控制所述第一图层与所述第二图层移动的特征元素，所述显示单元1004，用于通过特征元素响应所述滑动指令，获取所述特征元素的移动距离；

所述显示单元1004，用于根据所述特征元素的移动距离确定第一图层的移动距离；

所述显示单元1004，用于根据所述第一图层的移动距离确定所述第二图层的移动距离，所述第一图层的移动距离与所述第二图层的移动距离不同。

可选的，在本申请一些可能的实现方式中，所述显示单元1004，用于确定所述特征元素的起始点和终止点；

所述显示单元1004，用于根据所述起始点和终止点的直线距离确定所述特征元素的移动距离。

可选的，在本申请一些可能的实现方式中，所述添加单元1001，用于获取所述显示界面的显示区域的尺寸信息；

所述添加单元1001，用于根据所述尺寸信息调整所述第一图层；

所述添加单元1001，用于将至少两个第一媒体内容添加到调整后的所述第一图层。

可选的，在本申请一些可能的实现方式中，所述添加单元1001，用于确定调整后的所述第一图层在目标方向上的目标尺寸；

所述添加单元1001，用于基于所述目标尺寸控制所述至少两个第一媒体内容在目标方向上分布，以添加到调整后的所述第一图层中。

可选的，在本申请一些可能的实现方式中，所述添加单元1001，还用于接收服务器发送的第三媒体内容，所述第三媒体内容包括所述第一媒体内容和所述第二媒体内容。

可选的，在本申请一些可能的实现方式中，所述添加单元1001，还用于接收所述服务器发送的第四媒体内容；

所述添加单元1001，还用于根据预设规则处理所述第四媒体内容以得到所述第一媒体内容和所述第二媒体内容。

通过将至少两个第一媒体内容添加到第一图层；并将至少一个第二媒体内容添加到第二图层，且第二媒体内容无背景色；然后将所述第一图层与所述第二图层推送到显示界面的显示区域中，所述显示区域包括用于控制所述第一图层与所述第二图层移动的特征元素，所述第二图层置于所述第一图层之上；响应于滑动指令控制所述第二图层相对于所述第一图层移动。从而实现了多个媒体内容的交互过程，由于第二图层中的媒体内容可以动态的出现在第一图层的多个媒体内容之上，一方面使得在多个媒体内容的交互过程中节约了占用空间，且媒体内容可以反复使用，提高了资源的利用度；另一方面，动态的媒体内容结合形式提升了显示过程的灵活度，提高了用户体验。

本申请实施例还提供了一种计算机设备，如图11所示，是本申请实施例提供的一种计算机设备结构示意图，为了便于说明，仅示出了与本申请实施例相关的部分，具体技术细节未揭示的，请参照本申请实施例方法部分。该终端可以为包括手机、平板电脑、个人数字助理(personal digital assistant，PDA)、销售终端(point of sales，POS)、车载电脑、服务器等任意计算机设备，以计算机设备为例：

图11示出的是与本申请实施例提供的计算机设备相关的手机的部分结构的框图。参考图11，手机包括：射频(radio frequency，RF)电路1110、存储器1120、输入单元1130、显示单元1140、传感器1150、音频电路1160、无线保真(wireless fidelity，WiFi)模块1170、处理器1180、以及电源1190等部件。本领域技术人员可以理解，图11中示出的手机结构并不构成对手机的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

下面结合图11对手机的各个构成部件进行具体的介绍：

RF电路1110可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，给处理器1180处理；另外，将设计上行的数据发送给基站。通常，RF电路1110包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器(low noiseamplifier，LNA)、双工器等。此外，RF电路1110还可以通过无线通信与网络和其他设备通信。上述无线通信可以使用任一通信标准或协议，包括但不限于全球移动通讯系统(globalsystem of mobile communication，GSM)、通用分组无线服务(general packet radioservice，GPRS)、码分多址(code division multiple access，CDMA)、宽带码分多址(wideband code division multiple access,WCDMA)、长期演进(long term evolution，LTE)、电子邮件、短消息服务(short messaging service，SMS)等。

存储器1120可用于存储软件程序以及模块，处理器1180通过运行存储在存储器1120的软件程序以及模块，从而执行手机的各种功能应用以及数据处理。存储器1120可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器1120可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

输入单元1130可用于接收输入的数字或字符信息，以及产生与手机的用户设置以及功能控制有关的键信号输入。具体地，输入单元1130可包括触控面板1131以及其他输入设备1132。触控面板1131，也称为触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板1131上或在触控面板1131附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触控面板1131可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器1180，并能接收处理器1180发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板1131。除了触控面板1131，输入单元1130还可以包括其他输入设备1132。具体地，其他输入设备1132可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元1140可用于显示由用户输入的信息或提供给用户的信息以及手机的各种菜单。显示单元1140可包括显示面板1141，可选的，可以采用液晶显示器(liquidcrystal display，LCD)、有机发光二极管(organic light-emitting diode，OLED)等形式来配置显示面板1141。进一步的，触控面板1131可覆盖显示面板1141，当触控面板1131检测到在其上或附近的触摸操作后，传送给处理器1180以确定触摸事件的类型，随后处理器1180根据触摸事件的类型在显示面板1141上提供相应的视觉输出。虽然在图11中，触控面板1131与显示面板1141是作为两个独立的部件来实现手机的输入和输入功能，但是在某些实施例中，可以将触控面板1131与显示面板1141集成而实现手机的输入和输出功能。

手机还可包括至少一种传感器1150，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板1141的亮度，接近传感器可在手机移动到耳边时，关闭显示面板1141和/或背光。作为运动传感器的一种，加速计传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于手机还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路1160、扬声器1161，传声器1162可提供用户与手机之间的音频接口。音频电路1160可将接收到的音频数据转换后的电信号，传输到扬声器1161，由扬声器1161转换为声音信号输出；另一方面，传声器1162将收集的声音信号转换为电信号，由音频电路1160接收后转换为音频数据，再将音频数据输出处理器1180处理后，经RF电路1110以发送给比如另一手机，或者将音频数据输出至存储器1120以便进一步处理。

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

处理器1180是手机的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器1120内的软件程序和/或模块，以及调用存储在存储器1120内的数据，执行手机的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器1180可包括一个或多个处理单元；可选的，处理器1180可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器1180中。

手机还包括给各个部件供电的电源1190(比如电池)，可选的，电源可以通过电源管理系统与处理器1180逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。

尽管未示出，手机还可以包括摄像头、蓝牙模块等，在此不再赘述。

在本申请实施例中，该终端所包括的处理器1180还具有执行如上述媒体内容显示的方法的各个步骤的功能。

本申请实施例中还提供一种计算机可读存储介质，该计算机可读存储介质中存储有媒体内容显示指令，当其在计算机上运行时，使得计算机执行如前述图2至图9所示实施例描述的方法中媒体内容显示装置所执行的步骤。

本申请实施例中还提供一种包括媒体内容显示指令的计算机程序产品，当其在计算机上运行时，使得计算机执行如前述图2至图9所示实施例描述的方法中媒体内容显示装置所执行的步骤。

本申请实施例还提供了一种媒体内容显示系统，所述媒体内容显示系统可以包含图10所描述实施例中的媒体内容显示装置，或者图11所描述的计算机设备。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，媒体内容显示装置，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(read-onlymemory，ROM)、随机存取存储器(random access memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (15)

1.一种媒体内容显示的方法，其特征在于，包括：

将至少两个第一媒体内容添加到第一图层；

将至少一个第二媒体内容添加到第二图层，所述第二媒体内容无背景色；

将所述第一图层与所述第二图层推送到显示界面的显示区域中，所述第二图层置于所述第一图层之上；

响应于滑动指令，控制所述第二图层相对于所述第一图层移动，使得所述第二图层中的至少一个所述第二媒体内容与所述第一图层中的至少两个所述第一媒体内容发生交互。

2.根据权利要求1所述的方法，其特征在于，所述控制所述第二图层相对于所述第一图层移动，包括：

控制所述第一图层向第一方向运动；

根据所述第一方向确定第二方向，所述第一方向运动和所述第二方向不同；

控制所述第二图层向所述第二方向运动。

3.根据权利要求1所述的方法，其特征在于，所述控制所述第二图层相对于所述第一图层移动，包括：

控制所述第一图层向第一方向运动，并确定所述第一图层的运动速度；

根据所述第一图层的运动速度确定所述第二图层的运动速度，所述第一图层的运动速度与所述第二图层的运动速度不同；

控制所述第二图层在所述第一方向上按照所述第二图层的运动速度运动。

4.根据权利要求1所述的方法，其特征在于，所述控制所述第二图层相对于所述第一图层移动，包括：

控制所述第一图层向第一方向运动，所述第二图层保持在原来位置。

5.根据权利要求1-4任一项所述的方法，其特征在于，所述第一图层中包括空白区域，所述空白区域用于指示所述第一图层中未添加所述至少两个第一媒体内容的区域，所述方法还包括：

若所述第二图层与所述空白区域发生重合，则控制所述空白区域覆盖所述第二图层对应的重合部。

6.根据权利要求1-4任一项所述的方法，其特征在于，所述显示区域包括用于控制所述第一图层与所述第二图层移动的特征元素，所述响应于滑动指令，控制所述第二图层相对于所述第一图层移动，包括：

通过所述特征元素响应所述滑动指令，获取所述特征元素的移动距离；

根据所述特征元素的移动距离确定第一图层的移动距离；

根据所述第一图层的移动距离确定所述第二图层的移动距离，所述第一图层的移动距离与所述第二图层的移动距离不同。

7.根据权利要求6所述的方法，其特征在于，所述获取所述特征元素的移动距离，包括：

确定所述特征元素的起始点和终止点；

根据所述起始点和所述终止点的直线距离确定所述特征元素的移动距离。

8.根据权利要求1-4任一项所述的方法，其特征在于，所述将至少两个第一媒体内容添加到第一图层，包括：

获取所述显示界面的显示区域的尺寸信息；

根据所述尺寸信息调整所述第一图层；

将至少两个第一媒体内容添加到调整后的所述第一图层。

9.根据权利要求8所述的方法，其特征在于，所述将至少两个第一媒体内容添加到调整后的所述第一图层，包括：

确定调整后的所述第一图层在目标方向上的目标尺寸；

基于所述目标尺寸控制所述至少两个第一媒体内容在目标方向上分布，以添加到调整后的所述第一图层中。

10.根据权利要求1-4任一项所述的方法，其特征在于，所述将至少两个第一媒体内容添加到第一图层之前，所述方法还包括：

接收服务器发送的第三媒体内容，所述第三媒体内容包括所述第一媒体内容和所述第二媒体内容。

11.根据权利要求1-4任一项所述的方法，其特征在于，所述将至少两个第一媒体内容添加到第一图层之前，所述方法还包括：

接收服务器发送的第四媒体内容；

根据预设规则处理所述第四媒体内容以得到所述第一媒体内容和所述第二媒体内容。

12.根据权利要求1所述的方法，其特征在于，所述媒体内容为广告。

13.一种媒体内容显示的装置，其特征在于，包括：

添加单元，用于将至少两个第一媒体内容添加到第一图层；

处理单元，用于将至少一个第二媒体内容添加到第二图层，所述第二媒体内容无背景色；

推送单元，用于将所述第一图层与所述第二图层推送到显示界面的显示区域中，所述第二图层置于所述第一图层之上；

显示单元，用于响应于滑动指令，控制所述第二图层相对于所述第一图层移动，使得所述第二图层中的至少一个所述第二媒体内容与所述第一图层中的至少两个所述第一媒体内容发生交互。

14.一种计算机设备，其特征在于，所述计算机设备包括处理器以及存储器：

所述存储器用于存储程序代码；所述处理器用于根据所述程序代码中的指令执行权利要求1至12任一项所述的媒体内容显示的方法。

15.一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述权利要求1至12任一项所述的媒体内容显示的方法。

Images