CN111935527B - 信息显示方法、视频播放方法及设备 - Google Patents

Abstract

本申请实施例提供一种信息显示方法、视频播放方法及设备。其中，方法包括如下的步骤：在当前的信息列表界面显示多个信息项对应的预览区域；在所述多个信息项中第一信息项对应的预览区域播放所述第一信息项的视频；在所述信息列表界面中放大播放所述视频。本申请实施例是在信息列表界面直接放大在预览区域播放的视频的播放尺寸，以方便用户了解更多细节内容，可避免现有技术中界面的频繁跳转引起的用户视觉疲劳，可有效提高用户的浏览体验。

Description

信息显示方法、视频播放方法及设备

技术领域

本申请涉及计算机技术领域，尤其涉及一种信息显示方法、视频播放方法及设备。

背景技术

随着互联网技术的发展，在网络带宽不断增长的今天，网络视频成为了一种重要的信息展示方式。例如：有一些电商平台会提供具有视频的商品对象，用户在商品列表界面浏览商品对象时，这些有视频的商品对象会开始对用户播放小尺寸的预览视频以吸引用户点击进入视频详情界面或商品详情界面。

通常，视频列表界面中的预览视频尺寸过小，用户很难看清楚细节内容，用户只能通过点击跳转进入视频详情界面，以了解细节内容，这样才能判断自己是否感兴趣。用户为了在众多视频中定位到自己感兴趣的视频，需要来来回回从视频列表界面跳转至各视频详情界面以及从各视频详情界面跳回至视频列表界面，界面的频繁跳转严重影响用户的浏览体验，很容易造成用户视力疲劳，从而失去浏览兴趣。

发明内容

鉴于上述问题，提出了本申请以提供一种解决上述问题或至少部分地解决上述问题的信息显示方法、视频播放方法及设备。

于是，在本申请的一个实施例中，提供了一种信息显示方法。该方法包括：

在当前的信息列表界面显示多个信息项对应的预览区域；

在所述多个信息项中第一信息项对应的预览区域播放所述第一信息项的视频；

在所述信息列表界面中放大播放所述视频。

在本申请的另一实施例中，提供了一种视频播放方法。该方法，包括：

在当前的信息列表界面中第一信息项对应的预览区域播放所述第一信息项的视频；

对所述视频在所述第一信息项对应的预览区域的播放情况进行监测，得到监测数据；

所述监测数据满足第一预设条件时，在所述信息列表界面中放大播放所述视频。

在本申请的一实施例中，提供了一种电子设备。该电子设备，包括：存储器、处理器和显示器，其中，

所述存储器，用于存储程序；

所述处理器，分别与所述显示器和所述存储器耦合，用于执行所述存储器中存储的所述程序，以用于：

控制所述显示器在当前的信息列表界面显示多个信息项对应的预览区域；

在所述多个信息项中第一信息项对应的预览区域播放所述第一信息项的视频；

在所述信息列表界面中放大播放所述视频。

在本申请的又一实施例中，提供了一种电子设备。该电子设备，包括：

在当前的信息列表界面中第一信息项对应的预览区域播放所述第一信息项的视频；

对所述视频在所述第一信息项对应的预览区域的播放情况进行监测，得到监测数据；

所述监测数据满足第一预设条件时，在所述信息列表界面中放大播放所述视频。

本申请实施例提供的技术方案，在当前的信息列表界面显示多个信息项对应的预览区域，在所述多个信息项中第一信息项对应的预览区域播放所述第一信息项的视频，在所述信息列表界面中放大播放所述视频。可见，本申请实施例是在信息列表界面直接放大在预览区域播放的视频的播放尺寸，以方便用户了解更多细节内容，可避免现有技术中界面的频繁跳转引起的用户视觉疲劳，可有效提高用户的浏览体验。

附图说明

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

图1为本申请一实施例提供的信息显示方法的流程示意图；

图2为本申请另一实施例提供的视频播放方法的流程示意图；

图3为本申请一实施例提供的信息显示装置的结构框图；

图4为本申请另一实施例提供的视频播放装置的结构框图；

图5为本申请另一实施例提供的电子设备的结构框图；

图6为信息列表界面的第一显示状态图；

图7为信息列表界面的第二显示状态图；

图8为信息列表界面的第三显示状态图；

图9为信息列表界面的第四显示状态图。

具体实施方式

目前，视频列表界面中会显示多个视频项对应的预览区域。在用户打开视频列表界面后，该视频列表界面中显示的多个视频项中一个或多个视频项对应的预览区域内就会自动加载相应视频并开始播放。由于预览区域的尺寸过小，难以看清细节内容，用户需要点击该预览区域，以跳转至视频详情界面，在视频详情界面中以尺寸较大的播放窗口播放视频。当用户看清细节内容后，发现自己不感兴趣时，用户需要通过点击视频详情界面中的返回控件，以从该视频详情界面跳回至视频列表界面。频繁的界面跳转会使得用户产生视觉疲劳，甚至使得用户失去耐性，从而导致平台用户粘性变差。

为了提高用户体验，发明人提出了一种新的信息显示方法，即在信息列表界面直接放大视频的预览区域，无需进行界面跳转，即可方便用户获取到更多细节内容以判断是否感兴趣。

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

此外，在本申请的说明书、权利要求书及上述附图中描述的一些流程中，包含了按照特定顺序出现的多个操作，这些操作可以不按照其在本文中出现的顺序来执行或并行执行。操作的序号如101、102等，仅仅是用于区分各个不同的操作，序号本身不代表任何的执行顺序。另外，这些流程可以包括更多或更少的操作，并且这些操作可以按顺序执行或并行执行。需要说明的是，本文中的“第一”、“第二”等描述，是用于区分不同的消息、设备、模块等，不代表先后顺序，也不限定“第一”和“第二”是不同的类型。

图1示出了本申请一实施例提供的信息显示方法的流程示意图。本实施例提供的所述方法适用于客户端。其中，所述客户端可以是集成在终端上的一个具有嵌入式程序的硬件，也可以是安装在终端中的一个应用软件，还可以是嵌入在终端操作系统中的工具软件等，本申请实施例对此不作限定。该终端可以为包括手机、平板电脑、智能穿戴设备等任意终端设备。如图1所示，该方法包括：

101、在当前的信息列表界面显示多个信息项对应的预览区域。

102、在所述多个信息项中第一信息项对应的预览区域播放所述第一信息项的视频。

103、在所述信息列表界面中放大播放所述视频。

上述101中，信息列表界面可以为商品列表界面、新闻资讯列表界面、直播或点播视频列表界面等等。以商品列表界面为例，上述信息项指的是商品项。在信息列表界面中，多个信息项中每一个信息项都包括一个预览区域，即信息列表界面中显示有多个预览区域，每个预览区域对应于一个信息项。

在一种实例中，如图6所示，多个信息项对应的预览区域可以卡片式的形式显示在信息列表界面中。多个信息项对应的预览区域的形状可为矩形形状或圆角矩形形状。

其中，多个信息项对应的预览区域可在信息列表界面上以至少两列的方式进行排布展示。例如：如图6所示，多个信息项对应的预览区域在信息列表界面以两列的方式进行排布展示。在图6中，信息列表界面展示出了8个信息项对应的预览区域：第一信息项对应的预览区域501、第二信息项对应的预览区域502、第三信息项对应的预览区域503、第四信息项对应的预览区域504、第五信息项对应的预览区域505、第六信息项对应的预览区域506、第七信息项对应的预览区域507以及第八信息项对应的预览区域508。其中，第五信息项对应的预览区域505、第一信息项对应的预览区域501、第二信息项对应的预览区域502以及第八信息项对应的预览区域508展示为一列；第五信息项对应的预览区域505、第四信息项对应的预览区域504、第三信息项对应的预览区域503以及第七信息项对应的预览区域507展示为另一列。需要说明的是，第一信息项对应的预览区域501、第二信息项对应的预览区域502、第三信息项对应的预览区域503和第四信息项对应的预览区域504均完整展示在当前的信息列表界面；而第五信息项对应的预览区域505、第六信息项对应的预览区域506、第七信息项对应的预览区域507以及第八信息项对应的预览区域508均未完整展示在当前信息列表界面。

具体实施时，每一个信息项对应的预览区域中可显示有对应信息项的预览图片。当然，在每一个信息项对应的预览区域中还可通过浮层显示对应信息项的文本描述信息。

此外，该信息列表界面中可包括导航栏区域和列表滚动区域；其中，列表滚动区域用于响应于用户的滑动操作，滚动展示瀑布流信息列表中的信息项对应的预览区域；导航栏区域显示有多个信息类别选择控件，响应于用户针对多个信息类别选择控件中的第一信息类别选择控件的选中操作，在所述列表滚动区域展示所述第一信息类别对应的瀑布流信息列表。

上述102中，可采用如下方式中的一种或多种从上述多个信息项中确定出第一信息项：

方式A：从上述多个信息项中随机选取一信息项作为第一信息项。

方式B：将上述多个信息项中预览区域位于指定显示区域的信息项确定为第一信息项。

其中，指定显示区域可以为显示屏幕的中央区域。

需要补充的是，若位于指定显示区域的信息项的数量大于1时，可从位于指定显示区域的信息项中随机选取一信息项，或者选取居左或居上的信息项作为第一信息项。

方式C：将上述多个信息项中预览区域位于指定显示位置的信息项确定为第一信息项。

其中，指定显示位置即为显示屏幕上的一指定位置点。

方法D：确定所述多个信息项中包含视频的信息项，将包含视频的信息项确定为第一信息项。

若多个信息项中包含视频的信息项的数量大于1，则可按照上述方式A、B或C从包含视频的信息项中选取第一信息项。

在上述信息列表界面中可能会存在一些不包含视频的信息项时，可采用上述方式D来确定第一信息项。在上述信息列表界面中显示的所有信息项均包含视频时，可采用上述方式A、B或C来确定第一信息项。第一信息项的确定方式除了上述几种方式外，还可采用其他方式来实现，本申请实施例对此不做具体限定。

在第一信息项对应的预览区域播放所述第一信息项的视频的具体实现可参见现有技术，在此不再详述。这样，就可在第一信息项对应的预览区域由第一信息项的视频播放画面代替掉第一信息项对应的预览图片和文本描述信息。

上述103中，在所述信息列表界面中放大播放第一信息项的视频，即第一信息项的视频的播放画面会在信息列表界面被放大。

本申请实施例提供的技术方案，在当前的信息列表界面显示多个信息项对应的预览区域，在所述多个信息项中第一信息项对应的预览区域播放所述第一信息项的视频，在所述信息列表界面中放大播放所述视频。可见，本申请实施例是在信息列表界面直接放大在预览区域播放的视频的播放尺寸，以方便用户了解更多细节内容，可避免现有技术中界面的频繁跳转引起的用户视觉疲劳，可有效提高用户的浏览体验。

在一种可实现的方案中，上述103中“在所述信息列表界面中放大播放所述视频”，具体可采用如下步骤来实现：

1031a、在所述信息列表界面放大所述第一信息项对应的预览区域，以放大播放所述视频。

1032a、在所述信息列表界面压缩所述多个信息项中除所述第一信息项以外的其他信息项对应的预览区域，以为所述第一信息项对应的预览区域的放大腾出空间。

具体实施时，可在信息列表界面放大第一信息项对应的预览区域的同时，在信息列表界面压缩多个信息项中除第一信息项以外的其他信息项的预览区域的操作。且第一信息项对应的预览区域的放大速率可根据多个信息项中除第一信息项以外的其他信息项对应的预览区域的压缩速率来确定，以避免第一信息对应的预览区域的放大速率过快出现第一信息项对应的预览区域与其他信息项对应的预览区域发生重叠的情况，影响视觉效果。需要说明的是，多个信息项中除第一信息项以外的其他信息项可以为多个信息项中除第一信息项以外的部分信息项。

下面将以放大图6中的第一信息项对应的预览区域501为例，图8示出了第一信息项对应的预览区域501放大后的信息列表界面的状态图。在图8中，位于第一信息项对应的预览区域501周围的第四信息项对应的预览区域504、第三信息项对应的预览区域503以及第二信息项对应的预览区域502均被压缩。

此外，第一信息项对应的预览区域的放大在视觉上可呈现出逐渐放大效果；多个信息项中除第一信息项以外的其他信息项对应的预览区域的压缩在视觉上可呈现出逐渐被压缩效果。

在另一种可实现的方案中，上述103中“在所述信息列表界面中放大播放所述视频”，具体可采用如下步骤来实现：

1031b、在所述信息列表界面弹出浮层。

1032b、在所述浮层中放大播放所述视频。

上述1031b中，弹出的该浮层的显示位置可根据实际需要来设定，本实施例对此不作具体限定。通常，信息列表界面中存在导航栏区域和列表滚动区域，多个信息项对应的预览区域位于该列表滚动区域内。可将浮层显示在列表滚动区域，以避免浮层对导航栏的遮挡。

上述1032b中，所述浮层中包括用于播放所述视频的播放窗口。可在弹出该浮层时，该浮层中播放窗口的窗口尺寸就已大于弹出该浮层前所述第一信息项对应的预览区域的区域尺寸，在该播放窗口播放所述视频，也即实现了在浮层中放大播放所述视频的效果。

在一实例中，上述1032b中“在所述浮层中放大播放所述视频”，具体为：在所述浮层中放大所述播放窗口的窗口尺寸，以放大播放所述视频。

在放大所述播放窗口的窗口尺寸之前，该播放窗口的窗口尺寸可与弹出该浮层前第一信息项对应的预览区域的区域尺寸相同，后续再在所述浮层中放大所述播放窗口的窗口尺寸。具体地，在所述浮层中放大所述播放窗口的窗口尺寸之前，所述播放窗口与所述第一信息项的预览区域重合。这样，给用户的视觉体验是第一信息项的预览区域被放大，可确保用户视觉连续性。

在本实施例中，通过弹出浮层来放大播放视频，在感知上更加轻量化。

进一步的，为了避免其他信息项的显示干扰，可将其他信息项的显示内容进行置灰显示(如图9所示，图9中示出的播放区域601即为放大后的第一信息项的视频的播放区域)；或者，在信息列表界面显示遮罩层，以遮罩位于所述浮层下方的显露区域。该遮罩层位于上述浮层下方。该遮罩层可逐渐由透明状态变为半透明状态。这样，既可在视觉效果上突出显示上述浮层中播放的视频画面，又可避免用户触碰到位于浮层下方的显露出来的区域，有效减少用户的误操作。其中，遮罩层可以为全屏遮罩，也可只遮罩信息列表界面中列表滚动区域。需要说明的是，上述遮罩层还可是不透明遮罩层。

图6示出了信息列表界面在放大播放第一信息项的视频之前的界面状态图。图7示出了信息列表界面在放大播放第一信息项的视频之后的界面状态图，图7中示出的播放区域601即为放大后的第一信息项的视频的播放区域。图7中遮罩层为不透明遮罩层。需要说明的是，图6和图7中显示的各预览区域和播放区域均未显示相应画面，在实际应用中，可根据信息项的具体内容在信息项对应的预览区域显示预览图片或播放相应视频。

为了确保用户对第一信息项的视频的观赏连续性，上述方法，还可包括：

104、确定在所述信息列表界面弹出所述浮层之前，在所述第一信息项对应的预览区域最后播放的所述视频的视频帧。

105、根据所述视频帧，确定放大播放起点。

相应的，上述1032b中“在所述浮层中放大播放所述视频”，具体为：在所述浮层中，从所述放大播放起点处放大播放所述视频。

举例来说：第一信息项的视频的播放长度为10s，在所述信息列表界面弹出上述浮层之前，在第一信息项对应的预览区域最后播放的该视频的视频帧的时间戳为3s，可确定放大播放起点为第3s，在浮层中，从该视频的第3s处开始放大播放该视频。这样，无需在所述浮层中从头开始放大播放该视频，不仅可确保用户对第一信息项的视频的观赏连续性，还可节约用户的浏览时间。

在实际应用时，可在信息列表界面放大播放第一信息项的视频之前，对在第一信息项对应的预览区域播放所述第一信息项的视频的播放情况进行监测，得到监测数据；根据监测数据，来主动判断用户是否聚焦在第一信息项对应的预览区域播放的视频上。若判断出用户聚焦在第一信息项对应的预览区域播放的视频上，则可主动在信息列表界面放大播放该视频。这种介于小尺寸预览与视频详情界面观看的中间态交互不仅可提供观看体验，还能有效降低用户的操作成本，即用户无需通过点击进入视频详情界面才能看到较大尺寸的播放画面。具体地，上述方法，还可包括：

106、在所述信息列表界面中放大播放所述视频的步骤前，对所述视频在所述第一信息项对应的预览区域的播放情况进行监测，以得到监测数据。

107、所述监测数据满足第一预设条件时，执行所述在所述信息列表界面中放大播放所述视频的步骤。

其中，监测数据中可包括：所述视频在所述第一信息项对应的预览区域的播放时长和/或所述视频在所述第一信息项对应的预览区域当前播放的视频帧。

在一实例中，所述播放时长大于或等于第一设定时长时，可判定所述监测数据满足第一预设条件。第一设定时长的大小可根据实际需要来设定，本实施例对此不做具体限定。例如：第一设定时长可以为3s。

在另一实例中，所述当前播放的视频帧为指定视频帧时，判定所述监测数据满足第一预设条件。指定视频帧可以事先指定。例如：指定视频帧可以为时间戳为3s的视频帧。

在有些平台，例如电商平台，通过主动响应，还可有效提高平台转化，并且可以让用户产生“交流”的感知。

当信息项的数量较多时，上述信息列表界面所展示的信息列表通常采用瀑布流进行布局。该信息列表界面可支持用户的滑动操作，响应于用户的滑动操作，该信息列表界面中展示的信息列表会发生滑动。这样，该信息列表界面中显示的信息项会发生改变，例如：一些信息项会从该信息列表界面滑出，一些信息项会滑入到该信息列表界面中得以显示。当上述第一信息项的预览区域滑出信息列表界面时，可停止播放该视频，以避免播放资源的浪费。具体地，上述方法，还可包括：

108、在所述信息列表界面中放大播放所述视频的步骤前，监测针对所述信息列表界面的第一滑动操作。

109、当所述第一信息项对应的预览区域滑出所述信息列表界面时，停止播放所述视频。

监测到针对所述信息列表界面的第一滑动操作时，可响应于第一滑动操作，滑动信息列表界面所展示的信息列表页面。

在实际应用中，第一信息项滑出所述信息列表界面后，若再次滑入所述信息列表界面中，第一信息项的视频的再次播放可从头开始。

进一步的，上述方法，还可包括：

110、在所述信息列表界面中放大播放所述视频后，响应于针对所述信息列表界面的第二滑动操作，在所述信息列表界面中缩小所述视频的播放区域，以将所述视频的播放区域收回至放大播放所述视频前所述第一信息项对应的预览区域。

通常，用户在浏览信息列表界面中展示的信息列表时，会通过滑动的方式来查看更多的信息项。通过滑动的方式缩小放大的播放区域，可提升用户操作的流畅性。用户的体验是：想继续浏览信息列表时，只需要继续滑动信息列表，滑动信息列表的同时，之前自动放大的播放窗口自动收回，而不是被强迫打开了一个还需想办法关掉的浮层。

下面将以通过浮层方式放大播放第一信息项的视频为例，详细介绍缩小第一信息项的视频的播放区域的具体实现过程：

S1：在所述浮层中缩小所述播放窗口的窗口尺寸，以使缩小后的所述播放窗口与所述第一信息项的预览区域重合。

S2：缩小后的所述播放窗口与所述第一信息项的预览区域重合时，在所述信息列表界面，删除所述浮层。

这样，给用户的视觉体验是：放大后的第一信息项对应的预览区域收回至原来状态。

进一步的，上述方法，还可包括：

111、将所述视频的播放区域收回至放大播放所述视频前所述第一信息项对应的预览区域后，停止播放所述视频。

这时，可判断出用户对此视频不感兴趣，故可停止播放该视频。

当然，在实际应用中，还可直接响应于针对所述信息列表界面的第二滑动操作，停止播放该视频。

在一种可实现的方案中，上述方法，还可包括：

112、在所述信息列表界面中缩小所述视频的播放区域的同时，按照根据所述第二滑动操作的操作参数确定的滑动方式，在所述信息列表界面中滑动相应的信息列表。

其中，操作参数中可包括滑动操作方向和滑动操作速率。根据滑动操作方向确定滑动方式中的滑动方向；根据滑动操作速率确定滑动方式中的滑动距离。按照滑动方向和滑动距离，滑动相应的信息列表。

为了方便用户从放大播放所述视频的播放区域的中间态进入该视频的视频详情页面，上述方法，还可包括：

113、响应于针对放大播放的所述视频的播放区域的第一触发操作，进入所述视频的视频详情页面。

其中，第一触发操作可以为固定位置操作，例如：长按、连击、点击等操作。即第一触发操作的操作位置点为一固定位置点。将第一触发操作确定为固定位置操作，可与针对信息列表界面的第二滑动操作进行操作区分。

在一些应用平台，例如：电商平台或产品推荐平台，为了方便用户从放大播放所述视频的播放区域的中间态进入该视频所展示的相关产品的产品详情页面，上述方法，还可包括：

114、在放大播放的所述视频的播放区域的周围显示第一控件。

115、响应于针对所述第一控件的第二触发操作，进入所述视频所展示的相关产品的产品详情页面。

例如：如图7所示，可在屏幕的底部弹出第一控件602。

上述第二触发操作也可以为固定位置操作，例如：长按、连击、点击等操作。

通常，很多平台会支持用户评论功能，以让用户了解到更多的内容。因此，上述方法，还可包括：

116、在放大播放的所述视频的播放区域的周围显示有关所述视频的观众反馈内容。

其中，反馈内容可以是用户对视频的评价内容。可在放大播放的所述视频的播放区域的周围弹出有关所述视频的观众反馈内容的部分截图。

综上所述，传统的视频预览仅仅是播放在屏幕中的一个或多个视频，由于预览视频尺寸过小，用户容易疲劳，并且系统没有主动响应的情况下用户容易对视频失去兴趣。且同时预览多个视频更容易让页面失去焦点，造成混乱。本实施例中，通过判断用户是否在观看小尺寸视频预览来进行主动放大视频播放尺寸的主动响应式交互设计，可以提升转化，并且让用户产生在“交流”的感知，且大尺寸的视频更加适合观看。另外比起点击进入视频详情页观看，这种处于小尺寸预览与视频详情界面观看的中间态交互提高了观看体验，降低了操作成本。

图2示出了本申请又一实施例提供的视频播放方法的流程示意图。本实施例提供的所述方法适用于客户端。其中，所述客户端可以是集成在终端上的一个具有嵌入式程序的硬件，也可以是安装在终端中的一个应用软件，还可以是嵌入在终端操作系统中的工具软件等，本申请实施例对此不作限定。该终端可以为包括手机、平板电脑、智能穿戴设备等任意终端设备。如图2所示，该方法包括：

201、在当前的信息列表界面中第一信息项对应的预览区域播放所述第一信息项的视频。

202、对所述视频在所述第一信息项对应的预览区域的播放情况进行监测，得到监测数据。

203、所述监测数据满足第一预设条件时，在所述信息列表界面中放大播放所述视频。

上述201中，信息列表界面可以为商品列表界面、新闻资讯列表界面、直播或点播视频列表界面等等。以商品列表界面为例，上述信息项指的是商品项。在信息列表界面中，多个信息项中每一个信息项都包括一个预览区域，即信息列表界面中显示有多个预览区域，每个预览区域对应于一个信息项。

从多个信息项中确定出第一信息项的具体实现可参见上述各实施例中相应内容，在此不再赘述。

上述202中，监测数据中可包括：所述视频在所述第一信息项对应的预览区域的播放时长和/或所述视频在所述第一信息项对应的预览区域当前播放的视频帧。

上述203中，在所述信息列表界面内放大播放所述视频的具体实现可参见上述各实施例中相应内容，在此不再赘述。

其中，监测数据中可包括：所述视频在所述第一信息项对应的预览区域的播放时长和/或所述视频在所述第一信息项对应的预览区域当前播放的视频帧。

在一实例中，所述播放时长大于或等于第一设定时长时，可判定所述监测数据满足第一预设条件。第一设定时长的大小可根据实际需要来设定，本实施例对此不做具体限定。例如：第一设定时长可以为3s。

在另一实例中，所述当前播放的视频帧为指定视频帧时，判定所述监测数据满足第一预设条件。指定视频帧可以事先指定。例如：指定视频帧可以为时间戳为3s的视频帧。

本申请实施例提供的技术方案，在信息列表界面直接放大在预览区域播放的视频的播放尺寸，以方便用户了解更多细节内容，可避免现有技术中界面的频繁跳转引起的用户视觉疲劳，可有效提高用户的浏览体验。

在实际应用时，上述201中“在当前的信息列表界面中第一信息项对应的预览区域播放所述第一信息项的视频”，具体可采用如下步骤来实现：

2011、获取所述第一信息项对应的第一视频播放数据。

2012、根据所述第一信息项对应的第一视频播放数据，在当前的信息列表界面中第一信息项对应的预览区域播放所述第一信息项的视频。

可从服务端来获取第一信息项对应的第一视频播放数据。在一种可实现的方式中，可通过流媒体技术从服务端来获取第一视频播放数据，具体可参见现有技术，在此不再赘述。

为了确保放大后的视频的播放画面的画面清晰，上述203中“所述监测数据满足第一预设条件时，在所述信息列表界面内放大播放所述视频”，具体可采用如下步骤来实现：

2031、所述监测数据满足第一预设条件时，获取所述第一信息项对应的第二视频播放数据。

2032、所述第二视频播放数据，在所述信息列表界面内放大播放所述视频。

其中，所述第二视频播放数据的分辨率高于所述第一视频播放数据的分辨率。这样，可有效避免视频画面放大导致的画质变差等问题。

这里需要说明的是：本申请实施例提供的所述方法中各步骤未尽详述的内容可参见上述实施例中的相应内容，此处不再赘述。此外，本申请实施例提供的所述方法中除了上述各步骤以外，还可包括上述各实施例中其他部分或全部步骤，具体可参见上述各实施例相应内容，在此不再赘述。

图3示出了本申请一实施例提供的信息显示装置的结构框图。如图3所示，该装置，包括：第一显示模块301，第一播放模块302以及第一放大模块303。其中，

第一显示模块301，用于在当前的信息列表界面显示多个信息项对应的预览区域；

第一播放模块302，用于在所述多个信息项中第一信息项对应的预览区域播放所述第一信息项的视频；

第一放大模块303，用于在所述信息列表界面中放大播放所述视频。

本申请实施例提供的技术方案，在当前的信息列表界面显示多个信息项对应的预览区域，在所述多个信息项中第一信息项对应的预览区域播放所述第一信息项的视频，在所述信息列表界面中放大播放所述视频。可见，本申请实施例是在信息列表界面直接放大在预览区域播放的视频的播放尺寸，以方便用户了解更多细节内容，可避免现有技术中界面的频繁跳转引起的用户视觉疲劳，可有效提高用户的浏览体验。

进一步的，上述第一放大模块303，具体用于：

在所述信息列表界面弹出浮层；

在所述浮层中放大播放所述视频。

进一步的，上述装置，还包括：

第一确定模块，用于确定在所述信息列表界面弹出所述浮层之前，在所述第一信息项对应的预览区域最后播放的所述视频的视频帧；根据所述视频帧，确定放大播放起点；

上述第一放大模块303，具体用于：

在所述浮层中，从所述放大播放起点处放大播放所述视频。

进一步的，所述浮层中包括用于播放所述视频的播放窗口；

上述第一放大模块303，具体用于：

在所述浮层中放大所述播放窗口的窗口尺寸，以放大播放所述视频。

进一步的，在所述浮层中放大所述播放窗口的窗口尺寸之前，所述播放窗口与所述第一信息项的预览区域重合。

进一步的，所述装置，还包括：

第二显示模块，用于在所述信息列表界面显示遮罩层，以遮罩位于所述浮层下方的显露区域，所述遮罩层位于所述浮层下方；

所述遮罩层逐渐由透明状态变为半透明状态。

进一步的，上述装置，还包括：

第一监测模块，用于在所述信息列表界面中放大播放所述视频的步骤前，对所述视频在所述第一信息项对应的预览区域的播放情况进行监测，以得到监测数据；

触发模块，用于所述监测数据满足第一预设条件时，触发所述第一放大模块执行所述在所述信息列表界面中放大播放所述视频的步骤。

进一步的，所述监测数据中包括所述视频在所述第一信息项对应的预览区域的播放时长；

上述装置，还包括：

第一判定模块，用于所述播放时长大于或等于第一设定时长时，判定所述监测数据满足所述第一预设条件。

上述装置，还包括：

第二监测模块，用于在所述信息列表界面中放大播放所述视频的步骤前，监测针对所述信息列表界面的第一滑动操作；

所述第一播放模块302，用于当所述第一信息项对应的预览区域滑出所述信息列表界面时，停止播放所述视频。

进一步的，上述装置，还包括：

第一缩小模块，用于在所述信息列表界面中放大播放所述视频后，响应于针对所述信息列表界面的第二滑动操作，在所述信息列表界面中缩小所述视频的播放区域，以将所述视频的播放区域收回至放大播放所述视频前所述第一信息项对应的预览区域。

进一步的，上述第一播放模块302，还用于：

将所述视频的播放区域收回至放大播放所述视频前所述第一信息项对应的预览区域后，停止播放所述视频。

进一步的，上述装置，还包括：

滑动模块，用于在所述信息列表界面中缩小所述视频的播放区域的同时，按照根据所述第二滑动操作的操作参数确定的滑动方式，在所述信息列表界面中滑动相应的信息列表。

进一步的，上述装置，还包括：

进入模块，用于响应于针对放大播放的所述视频的播放区域的第一触发操作，进入所述视频的视频详情页面。

进一步的，上述装置，还包括：

第三显示模块，用于在放大播放的所述视频的播放区域的周围显示第一控件；

所述进入模块，还用于响应于针对所述第一控件的第二触发操作，进入所述视频所展示的相关产品的产品详情页面。

进一步的，第三显示模块，还用于：

在放大播放的所述视频的播放区域的周围显示有关所述视频的观众反馈内容。

进一步的，上述装置，还包括：

第二确定模块，用于将所述多个信息项中预览区域位于指定显示区域的信息项确定为所述第一信息项。

进一步的，所述第一放大模块303，具体用于：

在所述信息列表界面放大所述第一信息项对应的预览区域，以放大播放所述视频；

在所述信息列表界面压缩所述多个信息项中除所述第一信息项以外的其他信息项对应的预览区域，以为所述第一信息项对应的预览区域的放大腾出空间。

这里需要说明的是：上述实施例提供的信息显示装置可实现上述各方法实施例中描述的技术方案，上述各模块或单元具体实现的原理可参见上述各方法实施例中的相应内容，此处不再赘述。

图4示出了本申请一实施例提供的视频播放装置的结构框图。如图4所示，该装置，包括：

第二播放模块401，用于在当前的信息列表界面中第一信息项对应的预览区域播放所述第一信息项的视频；

第三监测模块402，用于对所述视频在所述第一信息项对应的预览区域的播放情况进行监测，得到监测数据；

第二放大模块403，用于所述监测数据满足第一预设条件时，在所述信息列表界面中放大播放所述视频。

本申请实施例提供的技术方案，在信息列表界面直接放大在预览区域播放的视频的播放尺寸，以方便用户了解更多细节内容，可避免现有技术中界面的频繁跳转引起的用户视觉疲劳，可有效提高用户的浏览体验。

进一步的，所述监测数据中包括所述视频在所述第一信息项对应的预览区域的播放时长；

上述装置，还包括：

第二判定模块，用于所述播放时长大于或等于第一设定时长时，判定所述监测数据满足所述第一预设条件。

进一步的，所述第二播放模块401，具体用于：

获取所述第一信息项对应的第一视频播放数据；

根据所述第一信息项对应的第一视频播放数据，在当前的信息列表界面中第一信息项对应的预览区域播放所述第一信息项的视频。

进一步的，所述第二放大模块403，具体用于：

所述监测数据满足第一预设条件时，获取所述第一信息项对应的第二视频播放数据；

根据所述第二视频播放数据，在所述信息列表界面内放大播放所述视频；

其中，所述第二视频播放数据的分辨率高于所述第一视频播放数据的分辨率。

这里需要说明的是：上述实施例提供的视频播放装置可实现上述各方法实施例中描述的技术方案，上述各模块或单元具体实现的原理可参见上述各方法实施例中的相应内容，此处不再赘述。

图5示出了本申请一实施例提供的电子设备的结构示意图。如图所示，所述电子设备包括存储器1101、处理器1102以及显示器1104。存储器1101可被配置为存储其它各种数据以支持在电子设备上的操作。这些数据的示例包括用于在电子设备上操作的任何应用程序或方法的指令。存储器1101可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

所述处理器1102，分别与所述存储器1101和所述显示器1104耦合，用于执行所述存储器1101中存储的所述程序，以用于：

控制所述显示器1104在当前的信息列表界面显示多个信息项对应的预览区域；

在所述多个信息项中第一信息项对应的预览区域播放所述第一信息项的视频；

在所述信息列表界面中放大播放所述视频。

其中，处理器1102在执行存储器1101中的程序时，除了上面的功能之外，还可实现其它功能，具体可参见前面各实施例的描述。

进一步，如图5所示，电子设备还包括：通信组件1103、电源组件1105、音频组件1106等其它组件。图5中仅示意性给出部分组件，并不意味着电子设备只包括图5所示组件。

相应地，本申请实施例还提供一种存储有计算机程序的计算机可读存储介质，所述计算机程序被计算机执行时能够实现上述各实施例提供的信息显示方法步骤或功能。

图5示出了本申请一实施例提供的电子设备的结构示意图。如图所示，所述电子设备包括存储器1101以及处理器1102。存储器1101可被配置为存储其它各种数据以支持在电子设备上的操作。这些数据的示例包括用于在电子设备上操作的任何应用程序或方法的指令。存储器1101可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

所述处理器1102，与所述存储器1101耦合，用于执行所述存储器1101中存储的所述程序，以用于：

在当前的信息列表界面中第一信息项对应的预览区域播放所述第一信息项的视频；

对所述视频在所述第一信息项对应的预览区域的播放情况进行监测，得到监测数据；

所述监测数据满足第一预设条件时，在所述信息列表界面中放大播放所述视频。

其中，处理器1102在执行存储器1101中的程序时，除了上面的功能之外，还可实现其它功能，具体可参见前面各实施例的描述。

进一步，如图5所示，电子设备还包括：通信组件1103、显示器1104、电源组件1105、音频组件1106等其它组件。图5中仅示意性给出部分组件，并不意味着电子设备只包括图5所示组件。

相应地，本申请实施例还提供一种存储有计算机程序的计算机可读存储介质，所述计算机程序被计算机执行时能够实现上述各实施例提供的视频播放方法步骤或功能。

以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。

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

Claims (21)

1.一种信息显示方法，其特征在于，包括：

在当前的信息列表界面显示多个信息项对应的预览区域；

在所述多个信息项中第一信息项对应的预览区域播放所述第一信息项的视频；

在所述信息列表界面中放大播放所述视频；

在所述信息列表界面中放大播放所述视频后，响应于针对所述信息列表界面的第二滑动操作，在所述信息列表界面中缩小所述视频的播放区域，以将所述视频的播放区域收回至放大播放所述视频前所述第一信息项对应的预览区域；

响应于针对放大播放的所述视频的播放区域的第一触发操作，进入所述视频的视频详情页面。

2.根据权利要求1所述的方法，其特征在于，在所述信息列表界面中放大播放所述视频，包括：

在所述信息列表界面弹出浮层；

在所述浮层中放大播放所述视频。

3.根据权利要求2所述的方法，其特征在于，还包括：

确定在所述信息列表界面弹出所述浮层之前，在所述第一信息项对应的预览区域最后播放的所述视频的视频帧；

根据所述视频帧，确定放大播放起点；以及

在所述浮层中放大播放所述视频，包括：

在所述浮层中，从所述放大播放起点处放大播放所述视频。

4.根据权利要求2或3所述的方法，其特征在于，所述浮层中包括用于播放所述视频的播放窗口；

在所述浮层中放大播放所述视频，包括：

在所述浮层中放大所述播放窗口的窗口尺寸，以放大播放所述视频。

5.根据权利要求4所述的方法，其特征在于，在所述浮层中放大所述播放窗口的窗口尺寸之前，所述播放窗口与所述第一信息项的预览区域重合。

6.根据权利要求4所述的方法，其特征在于，还包括：

在所述信息列表界面显示遮罩层，以遮罩位于所述浮层下方的显露区域；

所述遮罩层位于所述浮层下方，所述遮罩层逐渐由透明状态变为半透明状态。

7.根据权利要求1至3中任一项所述的方法，其特征在于，还包括：

在所述信息列表界面中放大播放所述视频的步骤前，对所述视频在所述第一信息项对应的预览区域的播放情况进行监测，以得到监测数据；

所述监测数据满足第一预设条件时，执行所述在所述信息列表界面中放大播放所述视频的步骤。

8.根据权利要求7所述的方法，其特征在于，所述监测数据中包括所述视频在所述第一信息项对应的预览区域的播放时长；

上述方法，还包括：

所述播放时长大于或等于第一设定时长时，判定所述监测数据满足所述第一预设条件。

9.根据权利要求8所述的方法，其特征在于，还包括：

在所述信息列表界面中放大播放所述视频的步骤前，监测针对所述信息列表界面的第一滑动操作；

当所述第一信息项对应的预览区域滑出所述信息列表界面时，停止播放所述视频。

10.根据权利要求1所述的方法，其特征在于，还包括：

将所述视频的播放区域收回至放大播放所述视频前所述第一信息项对应的预览区域后，停止播放所述视频。

11.根据权利要求1所述的方法，其特征在于，还包括：

在所述信息列表界面中缩小所述视频的播放区域的同时，按照根据所述第二滑动操作的操作参数确定的滑动方式，在所述信息列表界面中滑动相应的信息列表。

12.根据权利要求1至3中任一项所述的方法，其特征在于，还包括：

在放大播放的所述视频的播放区域的周围显示第一控件；

响应于针对所述第一控件的第二触发操作，进入所述视频所展示的相关产品的产品详情页面。

13.根据权利要求1至3中任一项所述的方法，其特征在于，还包括：

在放大播放的所述视频的播放区域的周围显示有关所述视频的观众反馈内容。

14.根据权利要求1至3中任一项所述的方法，其特征在于，还包括：

将所述多个信息项中预览区域位于指定显示区域的信息项确定为所述第一信息项。

15.根据权利要求1所述的方法，其特征在于，在所述信息列表界面中放大播放所述视频，包括：

在所述信息列表界面放大所述第一信息项对应的预览区域，以放大播放所述视频；

在所述信息列表界面压缩所述多个信息项中除所述第一信息项以外的其他信息项对应的预览区域，以为所述第一信息项对应的预览区域的放大腾出空间。

16.一种视频播放方法，其特征在于，包括：

在当前的信息列表界面中第一信息项对应的预览区域播放所述第一信息项的视频；

对所述视频在所述第一信息项对应的预览区域的播放情况进行监测，得到监测数据；

所述监测数据满足第一预设条件时，在所述信息列表界面中放大播放所述视频；

在所述信息列表界面中放大播放所述视频后，响应于针对所述信息列表界面的第二滑动操作，在所述信息列表界面中缩小所述视频的播放区域，以将所述视频的播放区域收回至放大播放所述视频前所述第一信息项对应的预览区域；

响应于针对放大播放的所述视频的播放区域的第一触发操作，进入所述视频的视频详情页面。

17.根据权利要求16所述的方法，其特征在于，所述监测数据中包括所述视频在所述第一信息项对应的预览区域的播放时长；

上述方法，还包括：

所述播放时长大于或等于第一设定时长时，判定所述监测数据满足所述第一预设条件。

18.根据权利要求16或17所述的方法，其特征在于，在当前的信息列表界面中第一信息项对应的预览区域播放所述第一信息项的视频，包括：

获取所述第一信息项对应的第一视频播放数据；

根据所述第一信息项对应的第一视频播放数据，在当前的信息列表界面中第一信息项对应的预览区域播放所述第一信息项的视频。

19.根据权利要求18所述的方法，其特征在于，所述监测数据满足第一预设条件时，在所述信息列表界面内放大播放所述视频，包括：

所述监测数据满足第一预设条件时，获取所述第一信息项对应的第二视频播放数据；

根据所述第二视频播放数据，在所述信息列表界面内放大播放所述视频；

其中，所述第二视频播放数据的分辨率高于所述第一视频播放数据的分辨率。

20.一种电子设备，其特征在于，包括：存储器、处理器和显示器，其中，

所述存储器，用于存储程序；

所述处理器，分别与所述显示器和所述存储器耦合，用于执行所述存储器中存储的所述程序，以用于：

控制所述显示器在当前的信息列表界面显示多个信息项对应的预览区域；

在所述多个信息项中第一信息项对应的预览区域播放所述第一信息项的视频；

在所述信息列表界面中放大播放所述视频；

在所述信息列表界面中放大播放所述视频后，响应于针对所述信息列表界面的第二滑动操作，在所述信息列表界面中缩小所述视频的播放区域，以将所述视频的播放区域收回至放大播放所述视频前所述第一信息项对应的预览区域；

响应于针对放大播放的所述视频的播放区域的第一触发操作，进入所述视频的视频详情页面。

21.一种电子设备，其特征在于，包括：存储器和处理器，其中，

所述存储器，用于存储程序；

所述处理器，与所述存储器耦合，用于执行所述存储器中存储的所述程序，以用于：

在当前的信息列表界面中第一信息项对应的预览区域播放所述第一信息项的视频；

对所述视频在所述第一信息项对应的预览区域的播放情况进行监测，得到监测数据；

所述监测数据满足第一预设条件时，在所述信息列表界面中放大播放所述视频；

在所述信息列表界面中放大播放所述视频后，响应于针对所述信息列表界面的第二滑动操作，在所述信息列表界面中缩小所述视频的播放区域，以将所述视频的播放区域收回至放大播放所述视频前所述第一信息项对应的预览区域；

响应于针对放大播放的所述视频的播放区域的第一触发操作，进入所述视频的视频详情页面。

Images