CN117009687A - 信息展示方法、装置、电子设备及存储介质 - Google Patents
信息展示方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN117009687A CN117009687A CN202210475697.2A CN202210475697A CN117009687A CN 117009687 A CN117009687 A CN 117009687A CN 202210475697 A CN202210475697 A CN 202210475697A CN 117009687 A CN117009687 A CN 117009687A
- Authority
- CN
- China
- Prior art keywords
- area
- video
- information
- target
- page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 54
- 238000003860 storage Methods 0.000 title claims abstract description 19
- 230000004044 response Effects 0.000 claims description 12
- 230000001960 triggered effect Effects 0.000 claims description 7
- 238000004590 computer program Methods 0.000 claims description 3
- 238000001514 detection method Methods 0.000 claims description 3
- 238000012216 screening Methods 0.000 claims description 3
- 238000004891 communication Methods 0.000 description 12
- 238000010586 diagram Methods 0.000 description 9
- 230000000694 effects Effects 0.000 description 8
- 230000008569 process Effects 0.000 description 7
- 230000009471 action Effects 0.000 description 6
- 230000006870 function Effects 0.000 description 5
- 238000012545 processing Methods 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 3
- 239000004744 fabric Substances 0.000 description 3
- 235000019633 pungent taste Nutrition 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 2
- 238000011156 evaluation Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000004519 manufacturing process Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000005304 joining Methods 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 235000016709 nutrition Nutrition 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000005096 rolling process Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供一种信息展示方法、装置、电子设备及存储介质，方法包括：检测针对目标页面中的面板热度区域的第一操作；目标页面包括视频区域和面板热度区域，视频区域用于展示目标视频；响应于第一操作，在目标页面中显示信息区域，以及调整视频区域的展示方式；其中，信息区域用于展示与目标视频对应的目标对象的详细信息。用户无需打开有关对象的详情页面，能够在一个页面中获得对象的完整内容，操作方便，提升体验。
Description
技术领域
本申请涉及页面处理技术领域，尤其涉及一种信息展示方法、装置、电子设备及存储介质。
背景技术
目前，在页面中展示对象的视频内容时，通常在上层的特定区域内显示对象卡片，用户需要查看对象的详细信息时，需要点击对象卡片，通过超链接打开对象的详情页面，操作繁琐，打开的页面较多，查看各项信息不便。
发明内容
有鉴于此，本申请的目的在于提出一种信息展示方法、装置、电子设备及存储介质。
基于上述目的，本申请提供了一种信息展示方法，包括：
检测针对目标页面中的面板热度区域的第一操作；所述目标页面包括视频区域和所述面板热度区域，所述视频区域用于展示目标视频；
响应于所述第一操作，在所述目标页面中显示信息区域，以及调整所述视频区域的展示方式；其中，所述信息区域用于展示与所述目标视频对应的目标对象的详细信息。
可选的，所述调整所述视频区域的展示方式，包括：
缩小所述视频区域在所述目标页面中的显示区域面积；其中，缩小后的视频区域用于展示与所述目标视频相关联的内容。
可选的，所述调整所述视频区域的展示方式，包括：
将所述视频区域调整为视频播放控件；所述视频播放控件用于响应于触发操作，在所述目标页面中显示所述视频区域。
可选的，所述第一操作包括滑动操作，所述响应于所述第一操作，在所述目标页面中显示信息区域，包括：
响应于所述滑动操作，确定所述滑动操作对应的滑动距离；
根据所述滑动距离，确定所述信息区域的目标显示面积；
在所述目标页面中显示所述信息区域，且所述信息区域在所述目标页面中的显示区域面积为所述目标显示面积。
可选的，所述根据所述滑动距离，确定所述信息区域的目标显示面积，包括：
若所述滑动距离小于或等于预设距离阈值，则根据所述滑动距离确定所述信息区域的目标显示面积；
若所述滑动距离大于所述预设距离阈值，则根据所述距离阈值确定所述信息区域的目标显示面积。
可选的，所述面板热度区域为用于展示所述目标对象的基础信息的信息区域，
所述响应于所述第一操作，在所述目标页面中显示信息区域，包括：
响应于所述第一操作，增大所述信息区域在所述目标页面中的显示区域面积；以及，将增大后的信息区域的显示内容调整为与所述目标视频对应的目标对象的详细信息。
可选的，所述目标视频包括至少一个视频片段，每个视频片段用于展示所述目标对象的细节信息，且各个视频片段所展示的细节信息均不相同；在所述视频区域展示所述目标视频的状态下，所述视频区域设有至少一个内容控件及各内容控件对应的进度条，各内容控件分别对应一个视频片段，各内容控件用于触发播放相应的视频片段，所述进度条用于展示所触发播放的视频片段的播放进度。
可选的，所述方法还包括：
按照预设的规则筛选出所述目标对象的评论内容；
在所述视频区域展示所述目标视频的状态下，在所述视频区域内的预设子区域显示所述评论内容。
基于同一构思，本申请还提供一种信息展示装置，包括：
检测模块，用于检测针对目标页面中的面板热度区域的第一操作；所述目标页面包括视频区域和所述面板热度区域，所述视频区域用于展示目标视频；
显示调整模块，用于响应于所述第一操作，在所述目标页面中显示信息区域，以及调整所述视频区域的展示方式；其中，所述信息区域用于展示与所述目标视频对应的目标对象的详细信息。
基于同一构思，本申请还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上所述任意一项所述的方法。
基于同一构思，本申请还提供一种非暂态计算机可读存储介质，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令用于使计算机执行如上所述任意一项所述的方法。
从上面所述可以看出，本申请提供的信息展示方法、装置、电子设备及存储介质，页面中包括视频区域和面板热度区域，触发面板热度区域时，页面中可显示包括对象的详细信息的信息区域。这样，无需再打开有关对象的详情页面，能够在一个页面中获得对象的详细信息，操作方便，提升体验。
附图说明
为了更清楚地说明本申请或相关技术中的技术方案，下面将对实施例或相关技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为现有技术的示例性页面的示意图；
图2为本申请实施例的应用场景示意图；
图3为本申请实施例的方法流程示意图；
图4为本申请实施例的一种示例性页面的示意图；
图5为本申请实施例的一种示例性页面的示意图；
图6为本申请实施例的一种示例性页面的示意图；
图7为本申请实施例的一种示例性页面的示意图；
图8为本申请实施例的一种示例性页面的示意图；
图9为本申请实施例的装置结构示意图；
图10为本申请实施例的电子设备结构示意图。
具体实施方式
下面将参考若干示例性实施方式来描述本申请的原理和精神。应当理解，给出这些实施方式仅仅是为了使本领域技术人员能够更好地理解进而实现本申请，而并非以任何方式限制本申请的范围。相反，提供这些实施方式是为了使本申请更加透彻和完整，并且能够将本申请的范围完整地传达给本领域的技术人员。
根据本申请的实施方式，提出了一种信息展示方法、装置、电子设备及存储介质。
在本文中，需要理解的是，附图中的任何元素数量均用于示例而非限制，以及任何命名都仅用于区分，而不具有任何限制含义。
下面参考本申请的若干代表性实施方式，详细阐释本申请的原理和精神。
相关技术中，如图1所示，在页面101展示商品的视频内容102时，一般是在页面的特定区域同时展示商品卡片103，用户在浏览商品的视频内容102过程中，如果对商品感兴趣，可以点击商品卡片103，通过超链接进入商品的详情页面，进一步在详情页面查看商品的详细信息，以及进行相关操作，例如购买商品、加入购物车等。商品卡片103所显示的信息十分有限，不利于用户获取商品的相关信息，只有点击进入详情页面后，才可以了解商品的各项信息，操作不便，体验不佳，且需要打开多个页面，占用资源。
为解决上述问题，本申请提供一种信息展示方法，页面中包括商品的视频区域和面板热度区域，当针对面板热度区域进行操作时，在页面中显示能够展示商品的详细信息的信息区域，从而无需额外打开商品的详情页面，操作方便，用户可以在一个页面中充分了解商品信息，提升体验感。
参考图2，其为本申请实施例提供的信息展示方法的应用场景示意图。该应用场景包括客户端设备10和服务器20，其中，客户端设备10可以与服务器20通过网络30连接以实现数据交互。
可选地，客户端设备10可以是靠近用户侧的具有数据传输、多媒体输入/输出功能的电子设备，如，计算机、平板电脑、智能手机、车载电脑、可穿戴设备等。该电子设备可以包括处理器和显示屏，该显示屏用于呈现图形用户界面，该图形用户界面可以是社交类应用程序中的购物页面；该处理器用于处理社交类应用程序中的相关数据、生成图形用户界面以及控制图形用户界面在显示屏上的显示。
可选的，服务器20可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN、以及大数据和人工智能平台等基础云计算服务的云服务器等。该服务器20可以为用户侧的社交类应用程序的工作运行提供数据存储和数据处理支持。社交类应用程序内所有注册用户的相关数据可以存储在服务器20上，并根据客户端设备10调取需要向客户端设备10发送；当社交类应用程序内产生数据处理需求时，也可以将待处理的数据发送至服务器20，由服务器20处理后将结果返回客户端设备10。。
下面结合图2的应用场景，来描述根据本申请示例性实施方式的信息展示方法。需要注意的是，上述应用场景仅是为了便于理解本申请的精神和原理而示出，本申请的实施方式在此方面不受任何限制。相反，本申请的实施方式可以应用于适用的任何场景。
首先，如图3所示，本申请实施例提供了一种信息展示方法，包括：
S301：检测针对目标页面中的面板热度区域的第一操作；其中，目标页面包括视频区域和面板热度区域，视频区域用于展示目标视频；
本实施例中，提供一个目标页面，进入目标页面的方式可以是任意的，例如，打开某个应用软件而进入该目标页面，或者从应用软件的某个入口进入目标页面，目标页面用于展示有关目标对象的信息。一些实施方式中，目标页面可以是提供商品推广功能的商品直播页面或者商品短视频页面，于商品直播页面或商品短视频页面展示有关商品的信息。
一些实施例中，目标页面包括视频区域和面板热度区域，视频区域用于展示目标对象的目标视频，面板热度区域是提供用户执行触发操作的区域，当用户触发面板热度区域时，目标页面中显示信息区域，于该信息区域中显示目标对象的详细信息，针对面板热度区域的第一操作可以是点击操作、滑动操作等触发操作。例如，在商品直播页面，视频区域用于播放商品的视频内容，如果用户对直播中的商品感兴趣，想要了解商品的更多信息，可以对面板热度区域进行点击或滑动操作，以便于在目标页面查看商品的更多信息。
一些方式中，目标页面中的视频区域和面板热度区域可以根据页面大小和对象展示方式等条件进行具体的页面布局，具体布局方式不做限定。例如，视频区域和面板热度区域呈上、下位置布局，视频区域的显示区域面积大于面板热度区域的显示区域面积；或者，视频区域在整个页面中布局，面板热度区域设于视频区域中的预设子区域等。以上仅为示例性说明，不用于限定页面布局方式。
S302：响应于第一操作，在目标页面中显示信息区域，以及调整视频区域的展示方式；其中，信息区域用于展示与目标视频对应的目标对象的详细信息。
本实施例中，当检测到针对面板热度区域的第一操作时，在目标页面中显示信息区域，并调整视频区域的展示方式，在显示出的信息区域中展示目标对象的详细信息，该详细信息是有关目标对象的各项信息，详细信息包括目标对象的基础信息，也可以包括基础信息和附加信息，基础信息是目标对象的关键性信息，附加信息是除关键性信息外的一些更丰富的信息。
其中，视频区域在目标页面中的展示方式可以是调整视频区域在目标页面中的显示区域面积，调整后的视频区域仍然可以展示目标视频；视频区域在目标页面中的展示方式还可以是将视频区域调整为一个控件，针对该控件进行操作后，可以恢复显示视频区域。一些实施方式中，在商品直播页面中，视频区域播放商品的视频内容，针对面板热度区域执行操作后，在该页面中显示信息区域，于该信息区域中展示该商品的详细信息，例如商品的名称、价格、物流、颜色、尺寸、评价、购买行动点(加入购物车、立即购买、咨询客服等)等所有与商品有关的信息。
结合图4所示，本实施例提供的信息展示方法，目标页面401包括视频区域402和面板热度区域403。其中，视频区域402用于展示对象的目标视频，例如，在购物软件中，在视频区域播放商品的视频内容，用户可通过商品的视频内容了解商品的外在形态。在目标页面401上针对面板热度区域403触发操作时，在目标页面401中显示信息区域，信息区域的显示内容为对象的详细信息，同时调整视频区域402的展示方式，例如，缩小视频区域402在页面401中的显示区域面积，增大信息区域的显示区域面积，方便在信息区域显示对象的详细信息。这样，在页面401上，用户针对面板热度区域403进行操作，即可以查看商品的详细信息，而无需额外打开有关商品的详情页面，操作方便，有利于用户在一个页面中充分了解商品的全部信息。
一些实施例中，调整视频区域的展示方式，包括：缩小视频区域在目标页面中的显示区域面积；其中，缩小后的视频区域用于展示与目标视频相关联的内容。
如图5所示，针对面板热度区域进行操作之后，于目标页面501显示信息区域502，信息区域502的显示内容为对象的详细信息，并缩小视频区域在页面501中的显示区域面积，缩小后的视频区域503展示目标视频相关的内容。例如，在购物软件中，点击面板热度区域或者针对面板热度区域进行滑动操作后，于信息区域502展示商品的详细信息，同时缩小视频区域，在缩小后的视频区域503展示该商品的视频内容，或者在缩小后的视频区域503展示该商品的视频内容中的某一帧，该帧可以是能够体现商品特点的画面，也可以是针对热度面板区域执行操作时，正在播放的当前帧等等，可展示的内容不做具体限定。这样，可以在同一个页面中展示对象(例如，某个商品)的视频相关内容和详细信息，方便在一个页面中充分了解对象。
一些方式中，视频区域布局在目标页面上方，信息区域布局在目标页面下方，且视频区域和信息区域相邻，此种页面布局方式下，针对面板热度区域触发操作时，增大信息区域的显示区域面积，相应的，缩小视频区域的显示区域面积，调整后的页面布局方式，视频区域仍然可以展示对象的视频内容，增大的信息区域可以显示对象的详细信息，用户可以从信息区域获得所关心的信息。
一些实施例中，调整视频区域的展示方式，包括：将视频区域调整为视频播放控件；视频播放控件用于响应于触发操作，在目标页面中显示视频区域。
结合图6所示，针对面板热度区域进行操作之后，于目标页面601显示信息区域602，信息区域602的显示内容为对象的详细信息，并将视频区域调整为视频播放控件603，当针对视频播放控件603进行操作时，可以在目标页面601中重新展示视频区域，并于重新展示的视频区域中播放目标视频，也可以在目标页面601中展示调整前的视频区域的状态。例如，在视频区域播放视频内容的过程中，针对面板热度区域进行操作，视频区域调整为视频播放控件603，点击视频播放控件603后，重新展示视频区域，并在重新展示的视频区域内继续播放视频内容，重新展示的视频区域可以是缩小的视频区域，从而在目标页面601同时展示包括详细信息的信息区域和缩小的视频区域。又例如，点击视频播放控件603后，于目标页面601显示调整前的视频区域和面板热度区域，即直接回到未展示详细信息的展示状态(例如，图4所示页面内容)。上述为操作视频播放控件后的页面显示状态的示例性说明，具体不做限定。通过将视频区域调整为视频播放控件，页面布局中不再显示视频区域，可以在页面中展示尽可能多的详细信息，同时，又可以通过操作视频播放控件重新显示视频区域，操作方便，查看各种信息非常方便。
一些方式中，视频播放控件在目标页面中的展示形式有多种形式，例如，用于恢复播放目标视频的播放键，提供恢复视频区域展示方式的选择键(比如，可以提供两个选择键，其中一个选择键用于重新播放视频，另一个选择键用于恢复至未展示详细信息的视频区域的展示状态)，提供可快速浏览目标视频的滚动控制键等等，控件的具体形式不做限定。
一些实施例中，第一操作包括滑动操作，响应于第一操作，在目标页面中显示信息区域，包括：
响应于滑动操作，确定滑动操作对应的滑动距离；
根据滑动距离，确定信息区域的目标显示面积；
在目标页面中显示信息区域，且信息区域在目标页面中的显示区域面积为目标显示面积。
本实施例中，用户可通过针对面板热度区域的滑动操作，在信息区域查看对象的详细信息。在滑动过程中，确定滑动操作对应的滑动距离，根据滑动距离确定信息区域的目标显示面积，滑动操作之后，在页面中展示具有目标显示面积的信息区域。以向上滑动为例，在向上滑动过程中，确定向上滑动的距离，根据向上滑动的距离确定信息区域的展示面积。信息区域随着滑动动作动态调整区域的大小，向上滑动的距离越大，信息区域的显示面积越大，信息区域可展示的信息越多，实现一种对象可展示的信息随向上滑动的距离进行动态调整的效果，用户可通过不断放大的信息区域获得有关商品的更多信息，直至查看到所关注的信息，可停止向上滑动操作。
一些方式中，针对面板热度区域进行滑动操作的过程中，信息区域随着滑动距离动态调整区域的大小，相应的，视频区域随着滑动距离动态调整区域的大小。例如，针对面板热度区域向上滑动，滑动距离越大，信息区域的显示区域面积越大，而视频区域的显示区域面积越小，视频区域中展示的视频内容按照区域面积变化相应的调整显示比例，从而实现同一个页面中，动态调整视频区域和信息区域的显示比例，以及各区域展示内容的效果。
一些实施例中，根据滑动距离，确定信息区域的目标显示面积，包括：
若滑动距离小于或等于预设距离阈值，则根据滑动距离确定信息区域的目标显示面积；
若滑动距离大于预设距离阈值，则根据距离阈值确定信息区域的目标显示面积。
本实施例中，为保证页面展示信息的完整性，对信息区域的显示位置进行限制。在面板热度区域的滑动操作过程中，检测相应的滑动距离，如果滑动距离小于或者等于预设的距离阈值，可根据该滑动距离确定信息区域在页面中的目标显示面积；如果滑动距离大于预设距离阈值，则根据距离阈值确定信息区域在页面中的目标显示面积。即，考虑到页面整体布局的完整性，对信息区域在页面中的显示面积进行限制，滑动距离超出距离阈值时，在页面上展示最大化的信息区域。
一些实施例中，面板热度区域为用于展示目标对象的基础信息的信息区域；
响应于第一操作，在目标页面中显示信息区域，包括：
响应于第一操作，增大信息区域在目标页面中的显示区域面积；以及，将增大后的信息区域的显示内容调整为与目标视频对应的目标对象的详细信息。
结合图7所示，目标页面701包括视频区域702和面板热度区域703，面板热度区域703也是展示对象的基础信息的信息区域，这样，在目标页面701中，用户无需对面板热度区域703进行操作，也可以获取有关对象的基础信息。例如，对象的基础信息是有关购买商品的关键性信息，举例而言，关键性信息可以包括以下至少一个信息：名称信息、价格信息、优惠信息以及咨询客服、加入购物车和立即购买等行动点，用户在目标页面701可以直接获得商品的关键性信息，并可快速购买商品，与跳转至商品详情页，在商品详情页查询信息和购买商品相比，能够有效提升商品购买转化效率。
如果用户对目标页面中的对象(例如，商品)感兴趣，想要查看对象的更多信息，可以在目标页面701上针对面板热度区域703进行操作，操作后，信息区域(面板热度区域703)放大，并将信息区域中展示的基础信息调整为详细信息，方便用户了解更丰富的信息。
如图8所示，一些实施例中，目标页面801包括视频区域802、面板热度区803和信息区域804，信息区域804的显示内容为对象的基础信息。即，目标页面801中划分出展示对象的视频内容的视频区域802、展示对象的基础信息的信息区域804以及面板热度区域803。针对面板热度区域803进行操作后，放大信息区域804，并将信息区域804中展示的基础信息调整为详细信息。此种实施方式，能够在目标页面801中同时展示对象的视频内容和关键性的基础信息，而且，面板热度区域803与信息区域804独立设置，使得页面布局更为灵活多样，便于满足不同用户的操作习惯，例如，面板热度区域与信息区域上下相邻或者左右相邻，面板热度区域以滚动条形式设置于信息区域的某个子区域，面板热度区域受触发操作可移动的设置于页面等等多种形式，以上仅为示例性说明，面板热度区域与信息区域在页面中的布局形式可根据页面大小、用户操作习惯等多种条件进行设置，本实施例不做具体限定。
本申请实施例中，目标页面可以包括视频区域和面板热度区域，或者视频区域、面板热度区域和展示基础信息的信息区域，或者，视频区域和面板热度区域，面板热度区域也是可以展示基础信息的信息区域；各区域的页面布局形式可以灵活设置，也可以设置为可配置的形式，由用户自行配置符合操作习惯的布局形式，各区域的展示方式不做具体限定。例如，在目标页面中，从上至下依次布局视频区域、面板热度区域和信息区域；或者，视频区域布局在目标页面的上部，信息区域布局在目标页面的下部，面板热度区域设置于信息区域的预设子区域中；也可以是，视频区域布局在目标页面的上部，信息区域布局在目标页面的下部，面板热度区域作为一个根据用户的触发动作可移动的区域在页面中展示等等。
一些应用场景中，目标页面为商品直播页面或者商品短视频页面，目标对象是所要推广的商品，在视频区域展示有关商品的视频内容，在信息区域展示有关商品的详细信息，其中，详细信息除包括关键性的基础信息之外，还包括以下至少一种信息：物流信息、评价信息、优惠信息、权益信息、属性信息、店铺信息和提示信息等有关商品的信息。所列信息的具体内容根据对象的具体情况进行设置，本示例不进行详细列举与具体限定。
一些实施例中，目标视频包括至少一个视频片段，每个视频片段用于展示目标对象的细节信息，且各个视频片段所展示的细节信息均不相同；在视频区域展示目标视频的状态下，视频区域设有至少一个内容控件及各内容控件对应的进度条，各内容控件分别对应一个视频片段，各内容控件用于触发播放相应的视频片段，进度条用于展示所触发播放的视频片段的播放进度。
其中，目标对象的细节信息是能够表现对象的细小特征的信息，例如，目标对象是衣服类商品，衣服类商品的细节信息包括面料、设计特点、配饰、上身效果等等；目标对象是食品类商品，食品类商品的细节信息包括成分介绍、生产日期、产地、营养价值等等，用户可以通过细节信息更加了解商品的特点，为购买决策提供支持。
结合图4所示，在视频区域402展示目标视频的状态下，视频区域402设置有关于目标视频的多个内容控件404，每个内容控件一个视频片段，针对内容控件进行操作后，在视频区域播放该内容控件对应的视频片段，并利用该内容控件对应的进度条405展示该视频片段的播放进度。例如，某个商品的视频内容包括多个视频片段，用于展示上身效果的视频片段、展示面料细节的视频片段和展示尺寸详情的视频片段，于视频区域402设置上身效果控件、面料细节控件和尺寸详情控件，当点击上身效果控件时，视频区域402播放上身效果的视频片段，并利用进度条405展示该视频片段的播放进度。这样，用户可以通过视频区域观看完整的视频内容，也可以通过操作控件快速查看所关心的内容，提升用户体验。
一些实施例中，信息展示方法还包括：
按照预设的规则筛选出目标对象的评论内容；
在视频区域展示目标视频的状态下，在视频区域内的预设子区域显示评论内容。
本实施例中，还可在视频区域中展示有关对象的评论内容。先按照特定规则确定出所需展示的评论内容，例如，将最新的几条评论内容，或者挑选出能够凸显商品特点的几条评论内容，或者评分较高的几条评论内容作为所需展示的评论内容，在视频区域的预设子区域中显示出这些评论内容，方便用户在页面上获得更为完整的信息。当用户想要查看更为完整的评论内容时，可通过点击预设子区域进入评论详情页面，查看所有的评论内容。可选的，评论内容以一定的透明度显示于预设子区域中，能够同时呈现视频内容和评论内容。
一些实施方式中，在视频区域设置有图片浏览控件，触发图片浏览控件，可以在视频区域切换显示目标对象的至少一张图片，在查看图片时，可通过在视频区域进行左滑动或者右滑动切换查看不同的图片。
一些实施方式中，可通过在视频区域进行上下滑动，切换视频区域中的目标视频，当页面中有信息区域时，同步切换信息区域中目标视频对应的目标对象的详细信息。即，可通过在视频区域的滑动操作切换页面中展示的对象。例如，在当前页面中的视频区域展示商品A的视频内容，信息区域展示商品A的详细信息，当针对视频区域进行上下滑动操作时，将视频区域中展示的视频内容切换为商品B的视频内容，并将信息区域展示的详细信息切换为商品B的详细信息。这样，用户可以通过在视频区域进行滑动操作，切换查看不同的对象。
本申请实施例提供一种信息展示方法，通过触发目标页面中的面板热度区域，可以在目标页面中显示包括对象的详细信息的信息区域，这样，如果用户对对象感兴趣，无需再打开有关对象的详情页面，能够在一个页面中获得有关对象的所有内容，并可通过信息区域的行动点完成关键性动作，操作方便，提升体验。
需要说明的是，本申请实施例的方法可以由单个设备执行，例如一台计算机或服务器等。本实施例的方法也可以应用于分布式场景下，由多台设备相互配合来完成。在这种分布式场景的情况下，这多台设备中的一台设备可以只执行本申请实施例的方法中的某一个或多个步骤，这多台设备相互之间会进行交互以完成所述的方法。
需要说明的是，上述对本申请的一些实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于上述实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。
基于同一发明构思，与上述任意实施例方法相对应的，本申请还提供了一种信息展示装置。
参考图9，所述信息展示装置包括：
检测模块901，用于检测针对目标页面中的面板热度区域的第一操作；目标页面包括视频区域和面板热度区域，视频区域用于展示目标视频；
显示调整模块902，用于响应于第一操作，在目标页面中显示信息区域，以及调整视频区域的展示方式；其中，信息区域用于展示与目标视频对应的目标对象的详细信息。
为了描述的方便，描述以上装置时以功能分为各种模块分别描述。当然，在实施本申请时可以把各模块的功能在同一个或多个软件和/或硬件中实现。
上述实施例的装置用于实现前述任一实施例中相应的弹窗效果的呈现方法，并且具有相应的方法实施例的有益效果，在此不再赘述。
基于同一发明构思，与上述任意实施例方法相对应的，本申请还提供了一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上任意一实施例所述的信息展示方法。
图10示出了本实施例所提供的一种更为具体的电子设备硬件结构示意图，该设备可以包括：处理器1010、存储器1020、输入/输出接口1030、通信接口1040和总线1050。其中处理器1010、存储器1020、输入/输出接口1030和通信接口1040通过总线1050实现彼此之间在设备内部的通信连接。
处理器1010可以采用通用的CPU(Central Processing Unit，中央处理器)、微处理器、应用专用集成电路(Application Specific Integrated Circuit，ASIC)、或者一个或多个集成电路等方式实现，用于执行相关程序，以实现本说明书实施例所提供的技术方案。
存储器1020可以采用ROM(Read Only Memory，只读存储器)、RAM(Random AccessMemory，随机存取存储器)、静态存储设备，动态存储设备等形式实现。存储器1020可以存储操作系统和其他应用程序，在通过软件或者固件来实现本说明书实施例所提供的技术方案时，相关的程序代码保存在存储器1020中，并由处理器1010来调用执行。
输入/输出接口1030用于连接输入/输出模块，以实现信息输入及输出。输入输出/模块可以作为组件配置在设备中(图中未示出)，也可以外接于设备以提供相应功能。其中输入设备可以包括键盘、鼠标、触摸屏、麦克风、各类传感器等，输出设备可以包括显示器、扬声器、振动器、指示灯等。
通信接口1040用于连接通信模块(图中未示出)，以实现本设备与其他设备的通信交互。其中通信模块可以通过有线方式(例如USB、网线等)实现通信，也可以通过无线方式(例如移动网络、WIFI、蓝牙等)实现通信。
总线1050包括一通路，在设备的各个组件(例如处理器1010、存储器1020、输入/输出接口1030和通信接口1040)之间传输信息。
需要说明的是，尽管上述设备仅示出了处理器1010、存储器1020、输入/输出接口1030、通信接口1040以及总线1050，但是在具体实施过程中，该设备还可以包括实现正常运行所必需的其他组件。此外，本领域的技术人员可以理解的是，上述设备中也可以仅包含实现本说明书实施例方案所必需的组件，而不必包含图中所示的全部组件。
上述实施例的电子设备用于实现前述任一实施例中相应的信息展示方法，并且具有相应的方法实施例的有益效果，在此不再赘述。
基于同一发明构思，与上述任意实施例方法相对应的，本申请还提供了一种非暂态计算机可读存储介质，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令用于使所述计算机执行如上任一实施例所述的信息展示方法。
本实施例的计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。
上述实施例的存储介质存储的计算机指令用于使所述计算机执行如上任一实施例所述的信息展示方法，并且具有相应的方法实施例的有益效果，在此不再赘述。
需要说明的是，除非另外定义，本申请实施例使用的技术术语或者科学术语应当为本申请所属领域内具有一般技能的人士所理解的通常意义。本申请实施例中使用的“第一”、“第二”以及类似的词语并不表示任何顺序、数量或者重要性，而只是用来区分不同的组成部分。“包括”或者“包含”等类似的词语意指出现该词前面的元件或者物件涵盖出现在该词后面列举的元件或者物件及其等同，而不排除其他元件或者物件。“连接”或者“相连”等类似的词语并非限定于物理的或者机械的连接，而是可以包括电性的连接，不管是直接的还是间接的。元素前的冠词“一”或“一个”不排除多个这种元素的存在。
虽然已经参考若干具体实施方式描述了本申请的精神和原理，但是应该理解，本申请并不限于所公开的具体实施方式，对各方面的划分也不意味着这些方面中的特征不能组合以进行受益，这种划分仅是为了表述的方便。本申请旨在涵盖所附权利要求的精神和范围内所包括的各种修改和等同布置。所附权利要求的范围符合最宽泛的解释，从而包含所有这样的修改及等同结构和功能。
Claims (11)
1.一种信息展示方法，其特征在于，所述方法包括：
检测针对目标页面中的面板热度区域的第一操作；所述目标页面包括视频区域和所述面板热度区域，所述视频区域用于展示目标视频；
响应于所述第一操作，在所述目标页面中显示信息区域，以及调整所述视频区域的展示方式；其中，所述信息区域用于展示与所述目标视频对应的目标对象的详细信息。
2.根据权利要求1所述的方法，其特征在于，所述调整所述视频区域的展示方式，包括：
缩小所述视频区域在所述目标页面中的显示区域面积；其中，缩小后的视频区域用于展示与所述目标视频相关联的内容。
3.根据权利要求1所述的方法，其特征在于，所述调整所述视频区域的展示方式，包括：
将所述视频区域调整为视频播放控件；所述视频播放控件用于响应于触发操作，在所述目标页面中显示所述视频区域。
4.根据权利要求1-3中任意一项所述的方法，其特征在于，所述第一操作包括滑动操作，所述响应于所述第一操作，在所述目标页面中显示信息区域，包括：
响应于所述滑动操作，确定所述滑动操作对应的滑动距离；
根据所述滑动距离，确定所述信息区域的目标显示面积；
在所述目标页面中显示所述信息区域，且所述信息区域在所述目标页面中的显示区域面积为所述目标显示面积。
5.根据权利要求4所述的方法，其特征在于，所述根据所述滑动距离，确定所述信息区域的目标显示面积，包括：
若所述滑动距离小于或等于预设距离阈值，则根据所述滑动距离确定所述信息区域的目标显示面积；
若所述滑动距离大于所述预设距离阈值，则根据所述距离阈值确定所述信息区域的目标显示面积。
6.根据权利要求1-3中任意一项所述的方法，其特征在于，所述面板热度区域为用于展示所述目标对象的基础信息的信息区域，
所述响应于所述第一操作，在所述目标页面中显示信息区域，包括：
响应于所述第一操作，增大所述信息区域在所述目标页面中的显示区域面积；以及，将增大后的信息区域的显示内容调整为与所述目标视频对应的目标对象的详细信息。
7.根据权利要求1-3任意一项所述的方法，其特征在于，所述目标视频包括至少一个视频片段，每个视频片段用于展示所述目标对象的细节信息，且各个视频片段所展示的细节信息均不相同；在所述视频区域展示所述目标视频的状态下，所述视频区域设有至少一个内容控件及各内容控件对应的进度条，各内容控件分别对应一个视频片段，各内容控件用于触发播放相应的视频片段，所述进度条用于展示所触发播放的视频片段的播放进度。
8.根据权利要求1-3中任意一项所述的方法，其特征在于，还包括：
按照预设的规则筛选出所述目标对象的评论内容；
在所述视频区域展示所述目标视频的状态下，在所述视频区域内的预设子区域显示所述评论内容。
9.一种信息展示装置，其特征在于，包括：
检测模块，用于检测针对目标页面中的面板热度区域的第一操作；所述目标页面包括视频区域和所述面板热度区域，所述视频区域用于展示目标视频；
显示调整模块，用于响应于所述第一操作，在所述目标页面中显示信息区域，以及调整所述视频区域的展示方式；其中，所述信息区域用于展示与所述目标视频对应的目标对象的详细信息。
10.一种电子设备，其特征在于，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如权利要求1至8任一项所述的方法。
11.一种非暂态计算机可读存储介质，其特征在于，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令用于使计算机执行权利要求1至8任一项所述的方法。
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210475697.2A CN117009687A (zh) | 2022-04-29 | 2022-04-29 | 信息展示方法、装置、电子设备及存储介质 |
| PCT/CN2023/091833 WO2023208229A1 (zh) | 2022-04-29 | 2023-04-28 | 信息展示方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210475697.2A CN117009687A (zh) | 2022-04-29 | 2022-04-29 | 信息展示方法、装置、电子设备及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN117009687A true CN117009687A (zh) | 2023-11-07 |
Family
ID=88517899
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210475697.2A Pending CN117009687A (zh) | 2022-04-29 | 2022-04-29 | 信息展示方法、装置、电子设备及存储介质 |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN117009687A (zh) |
| WO (1) | WO2023208229A1 (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN117763245A (zh) * | 2023-12-05 | 2024-03-26 | 书行科技(北京)有限公司 | 一种搜索处理方法、装置、计算机设备及介质 |
Family Cites Families (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20170264973A1 (en) * | 2016-03-14 | 2017-09-14 | Le Holdings (Beijing) Co., Ltd. | Video playing method and electronic device |
| CN113420247A (zh) * | 2021-06-23 | 2021-09-21 | 北京字跳网络技术有限公司 | 页面展示方法、装置、电子设备、存储介质及程序产品 |
| CN113691853B (zh) * | 2021-07-16 | 2023-03-28 | 北京达佳互联信息技术有限公司 | 页面显示方法、装置及存储介质 |
| CN113891119A (zh) * | 2021-09-28 | 2022-01-04 | 北京字跳网络技术有限公司 | 信息显示方法、装置、电子设备和存储介质 |
| CN114077375B (zh) * | 2021-11-25 | 2023-05-05 | 北京字跳网络技术有限公司 | 目标对象的展示方法及装置、电子设备及存储介质 |
-
2022
- 2022-04-29 CN CN202210475697.2A patent/CN117009687A/zh active Pending
-
2023
- 2023-04-28 WO PCT/CN2023/091833 patent/WO2023208229A1/zh active Application Filing
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN117763245A (zh) * | 2023-12-05 | 2024-03-26 | 书行科技(北京)有限公司 | 一种搜索处理方法、装置、计算机设备及介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| WO2023208229A1 (zh) | 2023-11-02 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108989297B (zh) | 信息访问方法、客户端、装置、终端、服务器和存储介质 | |
| CN109753326B (zh) | 处理方法、装置、设备和机器可读介质 | |
| CN112153454B (zh) | 提供多媒体内容的方法、装置和设备 | |
| CN105677189B (zh) | 控制应用的方法和装置 | |
| KR102440339B1 (ko) | 개인 정보를 공유하는 방법, 장치, 단말기기 및 저장 매체 | |
| JP2022520094A (ja) | インタフェース表示方法及びその装置、端末並びにコンピュータプログラム | |
| CN111309213A (zh) | 评论的展示方法、装置、电子设备及存储介质 | |
| TW201826805A (zh) | 播放處理方法、裝置和設備 | |
| US20240310984A1 (en) | Landscape screen interaction method and apparatus, electronic device, and storage medium | |
| CN109218819B (zh) | 一种视频预览方法及移动终端 | |
| US20170263035A1 (en) | Video-Associated Objects | |
| WO2019085820A1 (zh) | 处理方法、装置、设备和机器可读介质 | |
| US20160345049A1 (en) | Method and device for switching channel | |
| CN111432264A (zh) | 基于媒体信息流的内容展示方法、装置、设备及存储介质 | |
| CN111813313A (zh) | 多媒体资源切换方法、装置、终端设备和存储介质 | |
| CN111949908A (zh) | 媒体信息的处理方法、装置、电子设备及存储介质 | |
| CN110580486A (zh) | 一种数据处理方法、装置、电子设备和可读介质 | |
| CN113553466A (zh) | 页面展示方法、装置、介质和计算设备 | |
| WO2023208229A1 (zh) | 信息展示方法、装置、电子设备及存储介质 | |
| WO2019085810A1 (zh) | 处理方法、装置、设备和机器可读介质 | |
| CN111538455B (zh) | 一种页面切换方法及装置 | |
| CN111626021B (zh) | 一种演示文稿生成方法及装置 | |
| CN112860921A (zh) | 信息搜索方法及装置 | |
| CN117472246A (zh) | 一种基于上下滑动操作的智能微应用推送方法和装置 | |
| CN108572980A (zh) | 一种网页分屏显示方法和装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |