CN116089757A - 页面展示方法及装置、电子设备、存储介质和程序产品 - Google Patents

Abstract

一种页面展示方法及装置、电子设备、存储介质和程序产品，该页面展示方法包括：在第一媒体展示页面之上展示关于目标对象的页面覆层，其中，页面覆层覆盖第一媒体展示页面的至少部分区域，页面覆层包括展示目标对象的对象展示区和展示关于目标对象的第一关联信息的信息展示区，对象展示区具有第一展示尺寸；响应于针对页面覆层的第一操作指令，将页面覆层的对象展示区从第一展示尺寸改变为第二展示尺寸。该页面展示方法可以使详情信息的展示形式更方便。

Description

页面展示方法及装置、电子设备、存储介质和程序产品

技术领域

本公开的实施例涉及一种页面展示方法及装置、电子设备、存储介质和计算机程序产品。

背景技术

随着网络和计算机技术的发展，媒体形式更为多样化。网络直播、短视频等近年来兴起的媒体形式已经越来越多地融入人们的生活中，例如，一些用户可以通过网络直播等媒体形式向其他用户介绍和推荐物品，并可以推送物品链接，其他用户通过物品链接可以由媒体页面跳转至相应的物品详情页面进行查看。

发明内容

本公开至少一个实施例提供一种页面展示方法及装置、电子设备及存储介质，可以使详情信息的展示形式更为新颖和多样化，并能够提升交互的体验感。

本公开至少一个实施例提供一种页面展示方法，包括：在第一媒体展示页面之上展示关于目标对象的页面覆层，其中，所述页面覆层覆盖所述第一媒体展示页面的至少部分区域，所述页面覆层包括展示所述目标对象的对象展示区和展示关于所述目标对象的第一关联信息的信息展示区，所述对象展示区具有第一展示尺寸；响应于针对所述页面覆层的第一操作指令，将所述页面覆层的对象展示区从所述第一展示尺寸改变为第二展示尺寸。

本公开至少一个实施例还提供一种页面展示装置，包括第一展示模块和第二展示模块，第一展示模块配置为在第一媒体展示页面之上展示关于目标对象的页面覆层，所述页面覆层覆盖所述预定页面的至少部分区域，所述页面覆层包括展示所述目标对象的对象展示区和展示关于所述目标对象的第一关联信息的信息展示区；第二展示模块配置为响应于针对所述页面覆层的第一操作指令，将所述页面覆层的对象展示区从第一展示尺寸改变为第二展示尺寸。

本公开至少一个实施例还提供一种电子设备，包括：处理器；存储器，包括一个或多个计算机程序模块；其中，所述一个或多个计算机程序模块被存储在所述存储器中并被配置为由所述处理器执行，所述一个或多个计算机程序模块包括用于实现本公开任一实施例所述的页面展示方法的指令。

本公开至少一个实施例还提供一种存储介质，用于非暂时性存储计算机可读指令，当所述计算机可读指令由计算机执行时可以实现本公开任一实施例所述的页面展示方法。

本公开至少一个实施例还提供一种计算机程序产品，包括承载在非暂性计算机可读介质上的计算机程序，该计算机程序包括用于执行本公开任一实施例所述的页面展示方法的程序代码。

附图说明

结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同的附图标记表示相同的元素。应当理解附图是示意性的，元件和元素不一定按照比例绘制。

图1为本公开一些实施例提供的一种页面展示方法的流程示意图；

图2为本公开一些实施例提供的一种第一媒体展示页面的示意图；

图3为本公开一些实施例提供的一种页面覆层的示意图；

图4为本公开一些实施例提供的一种变化后的页面覆层的示意图；

图5为本公开一些实施例提供的变化过程中的页面覆层的示意图；

图6为一种可用于实施本公开实施例提供的页面展示方法的系统；

图7为本公开一些实施例提供的一种页面展示装置的示意框图；

图8为本公开一些实施例提供的一种电子设备的示意框图；

图9为本公开一些实施例提供的另一种电子设备的示意框图；以及

图10为本公开一些实施例提供的一种存储介质的示意图。

具体实施方式

下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。

应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。

本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。

需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。

需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。“多个”应理解为两个或以上。

本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。

在直播页面、短视频页面等视频播放页面中点击物品链接会直接跳转至相应物品的详情页面中，用户若想继续观看视频，需要点击返回键重新返回至视频播放页面。这种展示物品详情页面的形式较为单一，且用户的交互体验感较差，且不方便，另一方面还中断了用户对视频的观看，不能很好地将视频播放页面与物品详情页面相结合，影响使用体验。

下面，将参考附图详细地说明本公开的实施例。

图1为本公开一些实施例提供的一种页面展示方法的流程示意图。如图1所示，在至少一个实施例中，该方法包括操作S110和S120。

步骤S110：在第一媒体展示页面之上展示关于目标对象的页面覆层，其中，页面覆层覆盖第一媒体展示页面的至少部分区域，页面覆层包括展示目标对象的对象展示区和展示关于目标对象的第一关联信息的信息展示区，对象展示区具有第一展示尺寸。

步骤S120：响应于针对页面覆层的第一操作指令，将页面覆层的对象展示区从第一展示尺寸改变为第二展示尺寸。

例如，目标对象可以包括物品、人物、动物等对象中的至少一种，关联信息(例如第一关联信息和以下内容中的第二关联信息)可以是关于目标对象的描述信息，关联信息可以以字符的形式呈现，例如文字、数字、英文字母等。在一些示例中，在目标对象为物品(例如商品、展品等)的情况下，关联信息可以包括物品的详情信息，例如包括物品的名称、价格、销量、参数、评价、解释说明等信息中的至少一种。在以下的一些实施例中，以目标对象为物品为例进行说明，但本公开实施例不以此为限，在实际应用过程中，可以根据实际需求设定目标对象的类型。

例如，在一些示例中，第一媒体展示页面可以是视频播放页面，视频播放页面播放的视频为目标对象对应的视频，例如，目标对象对应的视频可以理解为视频的一帧或多帧图像展示有该目标对象，或者，该目标对象为视频的讲解对象等。例如，第一媒体展示页面可以是直播页面、短视频页面、长视频页面等播放视频类媒体资源的页面，也可以例如GIF等动画画面。在另一些示例中，第一媒体展示页面还可以是其他动态或者静态页面，例如新闻页面、聊天页面等。在以下的一些实施例中，以第一媒体展示页面为直播页面为例进行说明。

例如，第一媒体展示页面可以展示有关于目标对象的链接，例如关于目标对象的广告链接、商品推荐链接等。在关于目标对象的链接被执行点击、双击等操作的情况下，可以执行本公开实施例提供的页面展示方法。

例如，本公开实施例提供的页面展示方法可以由终端设备执行，终端设备包括但不限于手机、平板电脑、笔记本电脑等。终端设备可以包括显示屏、处理器、数据收发装置等等，终端设备可以通过通信网络与服务器和/或数据库传输数据。

例如，在步骤S110中，在第一媒体展示页面之上展示关于目标对象的页面覆层，可以理解为页面覆层位于第一媒体展示页面的朝向用户的一侧，即页面覆层位于第一媒体展示页面所在图层的上一层，呈现的视觉效果是页面覆层覆盖于第一媒体展示页面的上方。在一些示例中，覆层可以理解为浮层、蒙层等。

图2为本公开一些实施例提供的一种第一媒体展示页面的示意图。图3为本公开一些实施例提供的一种页面覆层的示意图。

如图2和图3所示，在一些示例中，第一媒体展示页面200可以是直播页面(例如直播间页面)，直播用户通过直播页面可以实时将画面和声音等信息传递给观看直播的用户，并且观看直播的用户可以通过在直播页面发布评论等方式与直播用户进行实时互动。直播页面包括直播视频201、用户评论202、物品链接203等内容。每个物品链接203可以链接至物品对应的页面覆层，以通过页面覆层展示物品的详情信息，例如，目标对象为物品“帽子”，在物品链接203被执行点击、双击等操作的情况下，可以在直播页面200之上展示关于帽子的页面覆层300，页面覆层300可以部分或者完全覆盖第一媒体展示页面200。在第一媒体展示页面之上展示有关于目标对象的页面覆层的情况下，第一媒体展示页面200可以继续播放视频。

例如，在步骤S110中，对象展示区310具有第一展示尺寸，对象展示区310的展示尺寸可以包括第一方向A1上的尺寸和/或第二方向A2上的尺寸，第一方向A1可以是页面的纵向方向或长度方向，第二方向A2可以是与第一方向A1垂直的方向，例如为页面的横向方向或宽度方向。

例如，页面覆层300包括展示目标对象的对象展示区310和展示关于目标对象的第一关联信息的信息展示区320。对象展示区310配置为展示关于目标对象的图片，以目标对象是“帽子”为例，对象展示区310可以展示有帽子的图片，对象展示区310具有第一展示尺寸，第一展示尺寸可以小于第一媒体展示页面300的展示尺寸。例如，信息展示区320位于对象展示区310的靠近页面覆层300的底部边缘的一侧，信息展示区320可以展示有关于该帽子的产品名称、价格、评价等信息条目。

例如，在步骤S120中，第一操作指令可以由交互事件产生，交互事件可以为对于页面覆层300的触控操作。例如，对页面覆层300执行预定的触控操作可以触发第一操作指令，预定的触控操作可以是滑动操作(例如上滑操作、多点触控操作等)、点击操作或者双击操作等，本公开实施例对触控操作的具体形式不做限制。例如，第一操作指令是能够使页面覆层300发生界面变化的指令，界面变化包括对象展示区310从第一展示尺寸改变为第二展示尺寸。

根据本公开实施例的页面展示方法，可以在直播页面等媒体展示页面上展示关于目标对象的页面覆层，以覆层的形式显示关于目标对象的详细信息，可以避免相关技术中因页面跳转而导致视频中断的问题。并且，基于该页面展示方法，可以通过触控操作使页面覆层的尺寸发生变化，可以更方便地展示详情信息，使详情信息的展示形式更为新颖和多样化，并能够提升交互的体验感。

例如，本公开实施例的页面展示方法还可以包括：随着将页面覆层的对象展示区310从第一展示尺寸改变为第二展示尺寸，将页面覆层的信息展示区320中的第一关联信息替换为第二关联信息。基于这一方式，在改变对象展示区尺寸的同时变换信息展示区中的信息，可以展示更丰富的详情信息并且提升交互的体验感。

例如，在一些示例中，第一展示尺寸小于第二展示尺寸，即，响应于第一操作指令，对象展示区310的展示面积增大。信息展示区320的展示面积可以增大或不变。

例如，如图3所示，在步骤S110中，页面覆层300可以覆盖第一媒体展示页面200的部分区域。例如，页面覆层300可以位于第一媒体展示页面200的底部区域，页面覆层300的底边(底部边缘)可以与第一媒体展示页面200的底边对齐，页面覆层300的顶边(顶部边缘)与第一媒体展示页面200的顶边具有一定距离，页面覆层300的左右两边(左侧边缘和右侧边缘)可以分别与第一媒体展示页面200的左右两边对齐或者具有一定距离。在其他示例中，页面覆层300也可以位于第一媒体展示页面200的顶部区域或其他区域。

图4为本公开一些实施例提供的一种变化后的页面覆层的示意图。如图3和图4所示，响应于第一操作指令，页面覆层的对象展示区310的展示面积增大。例如，第一展示尺寸包含长度尺寸L1，第二展示尺寸包括长度尺寸L2，L2>L1，即对象展示区310的长度增大。例如，在变化过程中，对象展示区310的顶边向上移动以靠近第一媒体展示页面200的顶边或者与第一媒体展示页面200的顶边对齐，对象展示区310的底边可以向顶边移动但是移动的距离小于顶边移动的距离，或者对象展示区域310的底边可以不移动，或者对象展示区域310的底边朝向远离顶边的方向移动，只要保证对象展示区310的顶边和底边之间的距离增大即可。响应于第一操作指令，页面覆层300在宽度方向上的尺寸可以不变；或者页面覆层300在宽度方向上的尺寸可以增大。

例如，如图4所示，在页面覆层的对象展示区310具有第二展示尺寸的情况下，页面覆层300可以完全覆盖第一媒体展示页面。基于这一方式，响应于第一操作指令，可以使页面覆层300由非全屏展示转换为全屏展示，以最大程度地展示目标对象的详情信息。并且，现有的从直播间等视频播放页面查看物品详情的方式一般是在直播间页面先点击购物车空间进入物品详情列表，在物品详情列表处选择并点击某个物品而后进入物品详情页，而且物品详情页的展示方式固定，交互方式单一，无法满足用户需求，本公开实施例的页面展示方法可以通过滑动操作等交互方式快速方便地实现目标对象从局部展示到完整展示之间的切换，方便用户了解对象详情及快速返回视频播放页。

例如，在其他一些实施例中，在页面覆层的对象展示区310具有第二展示尺寸的情况下，页面覆层300也可以部分覆盖第一媒体展示页面。

例如，在另一些示例中，第一展示尺寸可以大于第二展示尺寸，即，响应于第一操作指令，对象展示区310的展示面积减小。信息展示区320的展示面积可以缩小或不变。由此在初始时对象展示区具有第一展示尺寸，方便用户查看对象信息的同时方便返回视频播放，而且响应于针对页面覆层的第一操作指令，将页面覆层的对象展示区从第一展示尺寸改变为第二展示尺寸，满足用户查看更多对象信息的需求，符合用户预期。

例如，在步骤S110中，对象展示区310可以具有如图4所示的尺寸L2。在步骤S120中，响应于第一操作指令，对象展示区310的长度由尺寸L2缩小至图3所示的尺寸L1。例如，在步骤S110中，页面覆层300可以覆盖第一媒体展示页面200的全部区域。在步骤S120中，响应于第一操作指令，页面覆层300由全屏展示转换为非全屏展示。具体地，第一展示尺寸大于第二展示尺寸的示例可以采用与上述第一展示尺寸小于第二展示尺寸的示例相反的方案，在此不再赘述。以下示例中以第一展示尺寸小于第二展示尺寸为例进行说明。

例如，在响应于第一操作指令使页面覆层300的发生界面变化后，第一媒体展示页面200可以继续播放视频或者可以暂停视频播放。例如，可以根据页面覆层300覆盖第一媒体展示页面200的比例确定第一媒体展示页面200是否继续播放视频。在覆盖比例小于预定比例(例如80％或者100％)的情况下，第一媒体展示页面200可以继续播放视频，在覆盖比例大于或等于预定比例的情况下，第一媒体展示页面200可以暂停播放视频。例如，在第一媒体展示页面200暂停播放视频之后，可以将视频以浮窗的形式展示在页面覆层300上，以使用户能够继续观看视频。

例如，第二关联信息与第一关联信息不完全相同但是可以部分相同，例如，第一关联信息可以为第二关联信息中的部分信息，第二关联信息包括P个条目信息，P个条目信息可以包括名称信息、价格信息、销量信息、参数信息、评价信息、榜单信息、保障信息、解释说明信息等。第一关联信息可以包括P个条目信息中的Q个关键条目信息(P为正整数，Q为小于P的正整数)，Q个关键条目信息可以包括名称信息、价格信息、评价信息等。

例如，在图4所示的页面覆层300中，信息展示区320为可滑动查看区域，即可以通过对信息展示区域320执行滑动操作来展示更多的内容。

例如，页面覆层的对象展示区的尺寸和信息展示区的展示的关联信息可以是逐渐变化的。例如，若触控操作是非延续性操作，例如点击、双击等操作，则变化过程可以是在触控操作后的预定时长(例如1秒)内完成，在该预定时长内，页面覆层逐渐变化。若触控操作是延续性操作，例如滑动操作，则变化过程可以随着操作逐渐进行，例如，随着滑动操作的进行，页面覆层逐渐变化。

例如，步骤S120可以包括：将页面覆层的对象展示区310从第一展示尺寸逐渐改变为第二展示尺寸。在对象展示区的尺寸变化过程中对象展示区的边缘逐渐向外扩展，例如对象展示区的顶边逐渐向上扩展，以呈现出逐渐扩展放大的效果。

例如，如图4所示，在对象展示区310具有第二展示尺寸的情况下，对象展示区310展示有关于目标对象的图片(以下也简称为对象图片)的全部图像区域，即对象图片可以被完整展示。如图3所示，在页面覆层的对象展示区310具有第一展示尺寸的情况下，对象展示区310展示有关于目标对象的图片的部分图像区域(以下将该部分图像区域简称为子图像)，即对象图片被部分展示。例如，对象图片为长图，该子图像为方图。

例如，关于目标对象的图片可以包括目标对象，也可以包括与目标对象相关的关联对象，例如图3所示，目标对象为帽子，关联对象可以是戴帽子的人或者是帽子所在的场景或背景(例如图3中帽子的背景为椰子树)。

例如，在一些示例中，在对象展示区310具有第二展示尺寸的情况下，展示目标对象的全部区域，例如对象展示区展示有帽子的全部区域。在对象展示区310具有第一展示尺寸的情况下，展示目标对象的部分区域，例如对象展示区展示有帽子的部分区域。也就是说，在对象展示区310由第一展示尺寸转换为第二展示尺寸的过程中，对象展示区中的目标对象由部分显示到完整显示。

例如，在一些示例中，在对象展示区310具有第二展示尺寸的情况下，展示关联对象的全部区域，例如对象展示区展示有椰子树的全部区域。在对象展示区310具有第一展示尺寸的情况下，展示关联对象的部分区域，例如对象展示区展示有椰子树的部分区域。也就是说，在对象展示区310由第一展示尺寸转换为第二展示尺寸的过程中，对象展示区中的关联对象由部分显示到完整显示。

图5为本公开一些实施例提供的变化过程中的页面覆层的示意图。

如图3、图4和图5所示，在对象展示区310由图3所示的第一展示尺寸变化为图4所示的第二展示尺寸的过程中，从子图像的至少一侧边缘(例如顶部边缘和底部边缘)逐渐扩展出对象图片的其余图像区域，直至变化为第二展示尺寸后，可以呈现出对象图片的全部区域。

例如，在一些示例中，该子图像为通过从对象图片中截取目标对象所在的区域而得到。例如，可以根据对象识别模型对对象图片进行识别，以识别到目标对象所在的位置，以目标对象的中心为中心截取大小为第一展示尺寸的图像区域作为子图像。对象识别模型可以预先根据样本数据训练得到，对象识别模型例如可以是神经网络模型、深度学习模型、分类树模型等。基于这一方式，可以保证目标对象在对象展示区的展示效果。

例如，在另一些示例中，子图像为通过截取对象图片的预定区域而得到。例如，以对象图片的中心为中心截取大小为第一展示尺寸的图像区域作为子图像。

例如，在另一些示例中，子图像为通过从对象图片中截取标记信息所指示的区域而得到。例如，可以预先为对象图片进行区域标记，以标记出可以截取的区域，在需要获取子图像时，根据标记信息截取相应的图像区域作为子图像。

例如，步骤S120可以包括：将页面覆层的信息展示区中的第一关联信息视觉上逐渐替换为第二关联信息。例如，第一关联信息逐渐消失，第二关联信息逐渐显现。

例如，如图5所示，在一个示例中，第一关联信息的显示颜色逐渐变化为与背景相同的颜色，例如在背景为白色的情况下，第一关联信息由深变浅直至变为白色。第二关联信息的显示颜色逐渐变化为与背景不同的颜色，例如在背景为白色的情况下，第二关联信息由浅变深直至变为黑色。若第一关联信息和第二关联信息存在相同的信息，则该相同信息的显示颜色可以不发生变化，第一关联信息和第二关联信息中除相同信息之外的其他信息的显示颜色逐渐变化。

例如，在一个示例中，第一关联信息逐渐变小，第二关联信息逐渐变大。例如，第一关联信息中的文字由常规大小逐渐变小至消失，第二关联信息中的文字逐渐变大至常规大小。

例如，在一个示例中，第一关联信息逐渐减少，第二关联信息逐渐增多。例如，第一关联信息中的文字逐行或逐列消失，第二关联信息中的文字逐行或逐列出现，以使第二关联信息逐行或逐列替换第一关联信息。

例如，第一关联信息和第二关联信息之间的变化方式还可以采用其他变化形式，例如滑出滑入、翻页等。

例如，第一关联信息包括多个子关联信息，如图3所示，第一关联信息可以包括价格信息、名称信息、评价信息等多项子关联信息。第一关联信息包括第一子关联信息，第一子关联信息可以是价格信息、名称信息或者评价信息等。在页面覆层的对象展示区310具有第一展示尺寸的情况下，信息展示区320展示有该第一子关联信息的部分信息，即第一子关联信息被部分展示。在页面覆层的对象展示区具有第二展示尺寸的情况下，信息展示区320展示有该第一子关联信息的全部信息，即第一子关联信息被完整展示。例如，名称信息的全称为“2020年夏季新款草编帽大檐帽遮阳帽防晒帽沙滩海边出游”，如图3所示，在对象展示区310具有第一展示尺寸的情况下，该名称项仅展示其中的部分字符“2020年夏季新款草编帽大檐帽”。如图4所示，在对象展示区310具有第二展示尺寸的情况下，名称项可以被完整显示。基于这一方式，页面覆层在小尺寸的情况下展示子关联信息的部分信息，可以在不影响观看的情况下节省显示空间。在页面覆层的面积扩大后展示子关联信息的完整信息，可以使用户对目标对象的了解更为全面和详细。

例如，如图3、图4和图5所示，页面覆层300还包括容纳至少一个页面控件的控件容纳区330。本实施例的页面展示方法还可以包括：随着将页面覆层300的对象展示区310从第一展示尺寸改变为第二展示尺寸，将页面覆层的控件容纳区330中的第一控件替换为第二控件，第一控件不同于第二控件。

例如，第一控件和第二控件不完全相同但是可以部分相同。第二控件可以包括E个控件，E个控件可以包括“加入购物车”的控件、“立即购买”控件、“店铺”控件、“客服”控件等。第一控件可以是E个控件中的F个关键控件，该F个关键控件例如为“加入购物车”的控件和“立即购买”控件。E为正整数，F为小于E的正整数。

例如，将页面覆层的控件容纳区中的第一控件替换为第二控件可以包括：将页面覆层的控件容纳区中的第一控件视觉上逐渐替换为第二控件。

例如，第一控件逐渐消失，第二控件逐渐显现。具体地，第一控件和第二控件之间的变化方式可参见第一关联信息和第二关联信息之间的变化方式，在此不再赘述。

本公开实施例的页面展示方法，可以通过触控操作使页面覆层中的控件发生变化，使详情信息的展示形式更为新颖和多样化，并能够提升交互的体验感。

需要说明的是，本公开的实施例中，页面展示方法的各个步骤的执行顺序不受限制，虽然上文以特定顺序描述了各个步骤的执行过程，但这并不构成对本公开实施例的限制。该页面展示方法中的各个步骤可以串行执行或并行执行，这可以根据实际需求而定。该页面展示方法还可以包括更多或更少的步骤，例如，为了达到更好的展示效果而增加一些预处理步骤，或者将一些中间过程的数据存储并用于后续处理和计算，以省略一些相似的步骤。

图6为一种可用于实施本公开实施例提供的页面展示方法的系统。如图6所示，该系统410可以包括用户终端411、网络412、服务器413以及数据库414。例如，该系统410可以用于实施本公开任一实施例提供的页面展示方法。

用户终端411例如为电脑411-1。可以理解的是，用户终端411可以是能够执行数据处理的任何其他类型的电子设备，其可以包括但不限于台式电脑、笔记本电脑、平板电脑、工作站等。用户终端411也可以是设置有电子设备的任何装备。本公开的实施例对于用户终端的硬件配置或软件配置(例如操作系统的类型(例如Android、iOS、Windows、MacOS、鸿蒙等)或版本)等不作限制。

用户可以对安装在用户终端411上的应用程序或在用户终端411上登录的网站进行操作，应用程序或网站通过网络412将用户操作传输给服务器413，用户终端411还可以通过网络412接收服务器413传输的数据。

例如，用户终端411安装有视频播放类软件，用户在用户终端411上利用视频播放类软件观看第一媒体展示页面。在需要进行查看目标对象的详情信息时，用户终端411通过运行代码的方式执行本公开实施例提供的页面展示方法。

网络412可以是单个网络，或至少两个不同网络的组合。例如，网络412可以包括但不限于局域网、广域网、公用网络、专用网络等中的一种或几种的组合。

服务器413可以是一个单独的服务器，或一个服务器群组，群组内的各个服务器通过有线的或无线的网络进行连接。一个服务器群组可以是集中式的，例如数据中心，也可以是分布式的。服务器413可以是本地的或远程的。

数据库414可以泛指具有存储功能的设备。数据库414主要用于存储用户终端411和服务器413在工作中所利用、产生和输出的各种数据。数据库414可以是本地的或远程的。数据库414可以包括各种存储器、例如随机存取存储器(Random Access Memory，RAM)、只读存储器(Read Only Memory，ROM)等。以上提及的存储设备只是列举了一些例子，该系统410可以使用的存储设备并不局限于此。

数据库414可以经由网络412与服务器413或其一部分相互连接或通信，或直接与服务器413相互连接或通信，或是上述两种方式的结合。

在一些示例中，数据库414可以是独立的设备。在另一些示例中，数据库414也可以集成在用户终端411和服务器413中的至少一个中。例如，数据库414可以设置在用户终端411上，也可以设置在服务器413上。又例如，数据库414也可以是分布式的，其一部分设置在用户终端411上，另一部分设置在服务器413上。

例如，第一媒体展示页面展示的视频、以及关于目标对象的图片和关联信息等可以部署在数据库414上。当需要获取视频、图片和关联信息时，用户终端411通过网络412访问数据库414，并通过网络412获取数据库414中存储的信息。本公开的实施例对于数据库的类型不做限制，例如可以为关系型数据库或非关系型数据库等。

本公开至少一个实施例还提供一种页面展示装置，该装置可以在直播页面等媒体展示页面上展示关于目标对象的页面覆层，以覆层的形式显示关于目标对象的详细信息，可以避免相关技术中因页面跳转而导致视频中断的问题。并且，基于该页面展示装置，可以通过触控操作使页面覆层的尺寸发生变化以及展示的关联信息发生变化，进而使详情信息的展示形式更为新颖和多样化，并能够提升交互的体验感。

图7为本公开一些实施例提供的一种页面展示装置的示意框图。如图7所示，该页面展示装置500包括第一展示模块510和第二展示模块520。例如，该页面展示装置500可以应用于用户终端中，也可以应用于任意的需要页面展示的设备或系统中，本公开的实施例对此不作限制。

第一展示模块510配置为在第一媒体展示页面之上展示关于目标对象的页面覆层，其中，页面覆层覆盖预定页面的至少部分区域，页面覆层包括展示目标对象的对象展示区和展示关于目标对象的第一关联信息的信息展示区。例如，第一展示模块510可以执行如图1所示的页面展示方法的步骤S110。

第二展示模块520配置为响应于针对页面覆层的第一操作指令，将页面覆层的对象展示区从第一展示尺寸改变为第二展示尺寸。例如，第二展示模块520可以执行如图1所示的页面展示方法的步骤S120。

例如，第一展示模块510和第二展示模块520可以为硬件、软件、固件以及它们的任意可行的组合。例如，第一展示模块510和第二展示模块520可以为专用或通用的电路、芯片或装置等，也可以为处理器和存储器的结合。关于第一展示模块510和第二展示模块520的具体实现形式，本公开的实施例对此不作限制。

需要说明的是，本公开的实施例中，页面展示装置500的各个单元与前述的页面展示方法的各个步骤对应，关于该页面展示装置500的具体功能可以参考上文中页面展示方法的相关描述，此处不再赘述。图7所示的页面展示装置500的组件和结构只是示例性的，而非限制性的，根据需要，该页面展示装置500还可以包括其他组件和结构。

例如，在一些示例中，第二展示模块520进一步配置为：随着将所述页面覆层的对象展示区从所述第一展示尺寸改变为所述第二展示尺寸，将页面覆层的信息展示区中的第一关联信息替换为第二关联信息。

例如，在一些示例中，第二展示模块520进一步配置为：将页面覆层的对象展示区从第一展示尺寸逐渐改变为第二展示尺寸；将页面覆层的信息展示区中的第一关联信息视觉上逐渐替换为第二关联信息。

例如，在一些示例中，页面覆层还包括容纳至少一个页面控件的控件容纳区。第二展示模块520进一步配置为：随着将页面覆层的对象展示区从第一展示尺寸改变为第二展示尺寸，将页面覆层的控件容纳区中的第一控件替换为第二控件，第一控件不同于第二控件。

例如，在一些示例中，第二展示模块520进一步配置为：将页面覆层的控件容纳区中的第一控件视觉上逐渐替换为第第二控件。

例如，在一些示例中，第一展示尺寸小于第二展示尺寸。

例如，在一些示例中，在页面覆层的对象展示区具有第二展示尺寸的情况下，页面覆层完全覆盖第一媒体展示页面。

例如，在一些示例中，第一媒体展示页面为视频播放页面，对象展示区配置为展示关于目标对象的图片，视频播放页面播放的视频为目标对象对应的视频。

例如，在一些示例中，在页面覆层的对象展示区具有第一展示尺寸的情况下，对象展示区展示有关于目标对象的图片的部分图像区域。

例如，在一些示例中，在页面覆层的对象展示区具有第二展示尺寸的情况下，对象展示区展示有关于目标对象的图片的全部图像区域。

例如，在一些示例中，第一关联信息包括第一子关联信息；在页面覆层的对象展示区具有第一展示尺寸的情况下，信息展示区展示有第一子关联信息的部分信息；在页面覆层的对象展示区具有第二展示尺寸的情况下，信息展示区展示有第一子关联信息的全部信息。

例如，在一些示例中，第一操作指令由交互事件产生。

例如，在一些示例中，交互事件为对于页面覆层的触控操作。

图8为本公开一些实施例提供的一种电子设备的示意框图。如图8所示，电子设备600包括处理器610和存储器620。存储器620用于非暂时性存储计算机可读指令(例如一个或多个计算机程序模块)。处理器610用于运行计算机可读指令，计算机可读指令被处理器610运行时可以执行上文所述的页面展示方法中的一个或多个步骤。存储器620和处理器610可以通过总线系统和/或其它形式的连接机构(未示出)互连。

例如，处理器610可以是中央处理单元(CPU)、数字信号处理器(DSP)或者具有数据处理能力和/或程序执行能力的其它形式的处理单元，例如现场可编程门阵列(FPGA)等；例如，中央处理单元(CPU)可以为X86或ARM架构等。处理器610可以为通用处理器或专用处理器，可以控制电子设备600中的其它组件以执行期望的功能。

例如，存储器620可以包括一个或多个计算机程序产品的任意组合，计算机程序产品可以包括各种形式的计算机可读存储介质，例如易失性存储器和/或非易失性存储器。易失性存储器例如可以包括随机存取存储器(RAM)和/或高速缓冲存储器(cache)等。非易失性存储器例如可以包括只读存储器(ROM)、硬盘、可擦除可编程只读存储器(EPROM)、便携式紧致盘只读存储器(CD-ROM)、USB存储器、闪存等。在计算机可读存储介质上可以存储一个或多个计算机程序模块，处理器610可以运行一个或多个计算机程序模块，以实现电子设备600的各种功能。在计算机可读存储介质中还可以存储各种应用程序和各种数据以及应用程序使用和/或产生的各种数据等。

需要说明的是，本公开的实施例中，电子设备600的具体功能和技术效果可以参考上文中关于页面展示方法的描述，此处不再赘述。

图9为本公开一些实施例提供的另一种电子设备的示意框图。该电子设备700例如适于用来实施本公开实施例提供的基于地标的增强现实预览方法。电子设备700可以是用户终端等。需要注意的是，图9示出的电子设备700仅仅是一个示例，其不会对本公开实施例的功能和使用范围带来任何限制。

如图9所示，电子设备700可以包括处理装置(例如中央处理器、图形处理器等)710，其可以根据存储在只读存储器(ROM)720中的程序或者从存储装置780加载到随机访问存储器(RAM)730中的程序而执行各种适当的动作和处理。在RAM 730中，还存储有电子设备700操作所需的各种程序和数据。处理装置710、ROM 720以及RAM 730通过总线740彼此相连。输入/输出(I/O)接口750也连接至总线740。

通常，以下装置可以连接至I/O接口750：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置760；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置770；包括例如磁带、硬盘等的存储装置780；以及通信装置790。通信装置790可以允许电子设备700与其他电子设备进行无线或有线通信以交换数据。虽然图9示出了具有各种装置的电子设备700，但应理解的是，并不要求实施或具备所有示出的装置，电子设备700可以替代地实施或具备更多或更少的装置。

例如，根据本公开的实施例，图1所示的页面展示方法可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂性计算机可读介质上的计算机程序，该计算机程序包括用于执行上述页面展示方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置790从网络上被下载和安装，或者从存储装置780安装，或者从ROM720安装。在该计算机程序被处理装置710执行时，可以执行本公开实施例提供的页面展示方法中限定的功能。

本公开至少一个实施例还提供一种存储介质，用于非暂时性存储计算机可读指令，当该计算机可读指令由计算机执行时可以实现本公开任一实施例所述的页面展示方法。利用该存储介质，可以在直播页面等媒体展示页面上展示关于目标对象的页面覆层，以覆层的形式显示关于目标对象的详细信息，可以避免相关技术中因页面跳转而导致视频中断的问题。并且，基于该页面展示方法，可以通过触控操作使页面覆层的尺寸发生变化，进而使详情信息的展示形式更为新颖和多样化，并能够提升交互的体验感。

图10为本公开一些实施例提供的一种存储介质的示意图。如图10所示，存储介质800用于非暂时性存储计算机可读指令810。例如，当计算机可读指令810由计算机执行时可以执行根据上文所述的页面展示方法中的一个或多个步骤。

例如，该存储介质800可以应用于上述电子设备800中。例如，存储介质800可以为图8所示的电子设备600中的存储器620。例如，关于存储介质800的相关说明可以参考图8所示的电子设备600中的存储器620的相应描述，此处不再赘述。

在上文中，结合图1至图10描述了本公开实施例提供的页面展示方法、页面展示装置、电子设备及存储介质。

本公开实施例提供的页面展示方法可以在直播页面等媒体展示页面上展示关于目标对象的页面覆层，以覆层的形式显示关于目标对象的详细信息，可以避免相关技术中因页面跳转而导致视频中断的问题。并且，基于该页面展示方法，可以通过触控操作使页面覆层的尺寸发生变化，进而使详情信息的展示形式更为新颖和多样化，并能够提升交互的体验感。

需要说明的是，本公开上述的存储介质(计算机可读介质)可以是计算机可读信号介质或者非暂时性计算机可读存储介质或者是上述两者的任意组合。非暂时性计算机可读存储介质例如可以是，但不限于，电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。非暂时性计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，非暂时性计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是非暂时性计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等，或者上述的任意合适的组合。

在一些实施方式中，客户端、服务器可以利用诸如超文本传输协议(Hyper TextTransfer Protocol，HTTP)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(LAN)，广域网(WAN)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：在第一媒体展示页面之上展示关于目标对象的页面覆层，页面覆层覆盖第一媒体展示页面的至少部分区域，页面覆层包括展示目标对象的对象展示区和展示关于目标对象的第一关联信息的信息展示区，对象展示区具有第一展示尺寸；响应于针对页面覆层的第一操作指令，将页面覆层的对象展示区从第一展示尺寸改变为第二展示尺寸。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言，诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言，诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络，例如局域网(LAN)或广域网(WAN)，连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这根据所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定。

本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等。

在本公开中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

以上描述仅为本公开的部分实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。

尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。

Claims (15)

1.一种页面展示方法，包括：

在第一媒体展示页面之上展示关于目标对象的页面覆层，其中，所述页面覆层覆盖所述第一媒体展示页面的至少部分区域，所述页面覆层包括展示所述目标对象的对象展示区和展示关于所述目标对象的第一关联信息的信息展示区，所述对象展示区具有第一展示尺寸；

响应于针对所述页面覆层的第一操作指令，将所述页面覆层的对象展示区从所述第一展示尺寸改变为第二展示尺寸。

2.根据权利要求1所述的页面展示方法，还包括：

随着将所述页面覆层的对象展示区从所述第一展示尺寸改变为所述第二展示尺寸，将所述页面覆层的信息展示区中的第一关联信息替换为第二关联信息。

3.根据权利要求2所述的页面展示方法，其中，

将所述页面覆层的对象展示区从所述第一展示尺寸改变为所述第二展示尺寸，包括：

将所述页面覆层的对象展示区从所述第一展示尺寸逐渐改变为所述第二展示尺寸；

将所述页面覆层的信息展示区中的所述第一关联信息替换为所述第二关联信息，包括：

将所述页面覆层的信息展示区中的所述第一关联信息视觉上逐渐替换为所述第二关联信息。

4.根据权利要求1-3任一项所述的页面展示方法，其中，所述页面覆层还包括容纳至少一个页面控件的控件容纳区，

所述页面展示方法还包括：随着将所述页面覆层的对象展示区从所述第一展示尺寸改变为所述第二展示尺寸，将所述页面覆层的控件容纳区中的第一控件替换为第二控件，所述第一控件不同于所述第二控件。

5.根据权利要求4所述的页面展示方法，其中，将所述页面覆层的控件容纳区中的第一控件替换为第二控件，包括：

将所述页面覆层的控件容纳区中的所述第一控件视觉上逐渐替换为第所述第二控件。

6.根据权利要求3所述的页面展示方法，其中，所述第一展示尺寸小于所述第二展示尺寸。

7.根据权利要求6所述的页面展示方法，其中，在所述页面覆层的对象展示区具有所述第二展示尺寸的情况下，所述页面覆层完全覆盖所述第一媒体展示页面。

8.根据权利要求1所述的页面展示方法，其中，所述第一媒体展示页面为视频播放页面，所述对象展示区配置为展示关于所述目标对象的图片，其中，所述视频播放页面播放的视频为所述目标对象对应的视频。

9.根据权利要求8所述的页面展示方法，其中，在所述页面覆层的对象展示区具有所述第一展示尺寸的情况下，所述对象展示区展示有关于所述目标对象的图片的部分图像区域。

10.根据权利要求9所述的页面展示方法，其中，在所述页面覆层的对象展示区具有所述第二展示尺寸的情况下，所述对象展示区展示有关于所述目标对象的图片的全部图像区域。

11.根据权利要求1所述的页面展示方法，其中，

所述第一关联信息包括第一子关联信息；

在所述页面覆层的对象展示区具有所述第一展示尺寸的情况下，所述信息展示区展示有所述第一子关联信息的部分信息；

在所述页面覆层的对象展示区具有所述第二展示尺寸的情况下，所述信息展示区展示有所述第一子关联信息的全部信息。

12.一种页面展示装置，包括：

第一展示模块，配置为在第一媒体展示页面之上展示关于目标对象的页面覆层，其中，所述页面覆层覆盖所述预定页面的至少部分区域，所述页面覆层包括展示所述目标对象的对象展示区和展示关于所述目标对象的第一关联信息的信息展示区；以及

第二展示模块，配置为响应于针对所述页面覆层的第一操作指令，将所述页面覆层的对象展示区从第一展示尺寸改变为第二展示尺寸。

13.一种电子设备，包括：

处理器；

存储器，包括一个或多个计算机程序模块；

其中，所述一个或多个计算机程序模块被存储在所述存储器中并被配置为由所述处理器执行，所述一个或多个计算机程序模块包括用于实现权利要求1-11任一项所述的页面展示方法的指令。

14.一种计算机可读存储介质，用于非暂时性存储计算机可读指令，

其中，当所述计算机可读指令由计算机执行时可以实现权利要求1-11任一项所述的页面展示方法。

15.一种计算机程序产品，包括承载在非暂性计算机可读介质上的计算机程序，

其中，所述计算机程序包括用于执行权利要求1-11任一项所述的页面展示方法的程序代码。

Images