CN108984263B

CN108984263B - 视频显示方法和装置

Info

Publication number: CN108984263B
Application number: CN201810890846.5A
Authority: CN
Inventors: 丁曼索
Original assignee: Netease Media Technology Beijing Co Ltd
Current assignee: Netease Media Technology Beijing Co Ltd
Priority date: 2018-08-07
Filing date: 2018-08-07
Publication date: 2022-05-06
Anticipated expiration: 2038-08-07
Also published as: CN108984263A

Abstract

本发明的实施方式提供了一种视频显示方法，包括：在页面上显示视频播放模块；检测是否满足所述视频播放模块的相关视频展开条件；如果满足所述视频播放模块的相关视频展开条件，则在所述页面的相关视频展示区域显示所述相关视频的信息。本发明的方法能够根据用户需求决定是否展开视频播放模块的相关视频，从而能够有效利用页面空间，突出重点信息，合理排布次要信息。此外，本发明的实施方式提供了一种视频显示装置。

Description

视频显示方法和装置

技术领域

本发明的实施方式涉及多媒体领域，更具体地，本发明的实施方式涉及视频显示方法和装置。

背景技术

本部分旨在为权利要求书中陈述的本发明的实施方式提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。

目前，在手机等终端设备中安装的应用程序中，通常以单列瀑布流或双列错位瀑布流等排布样式，在页面上显示视频播放模块。并且，在页面上以大版面静态图片铺底，将标题等文字信息盖在图片上。

以视频播放模块为直播模块为例，为吸引用户点击，有些直播应用程序(App)会页面底图的右上角增加一个与直播模块内容相关的动态直播窗口，静音播放正在直播的内容。

但是，在页面的底图上叠加动态直播窗口，会使页面过于花哨，主次不分明，易给用户造成视觉干扰。此外，在页面上叠加小视频以播放正在直播的内容，如果正在直播的内容枯燥无味、不具有吸引力，不利于突出直播模块的实际内容的质量。

发明内容

在本上下文中，本发明的实施方式期望提供一种视频显示方法和装置。

在本发明实施方式的第一方面中，提供了一种视频显示方法，包括：

在页面上显示视频播放模块；

检测是否满足所述视频播放模块的相关视频展开条件；

如果满足所述视频播放模块的相关视频展开条件，则在所述页面的相关视频展示区域显示所述相关视频的信息。

在本发明实施方式的第二方面中，提供了一种计算机可读介质，其上存储有计算机程序，该程序被处理器执行实现上述视频显示方法的步骤。

在本发明实施方式的第三方面中，提供了一种视频显示装置，包括：

视频播放模块显示单元，用于在页面上显示视频播放模块；

展开条件检测单元，用于检测是否满足所述视频播放模块的相关视频展开条件；

相关视频显示单元，用于如果满足所述视频播放模块的相关视频展开条件，则在所述页面的相关视频展示区域显示所述相关视频的信息。

在本发明实施方式的第四方面中，提供了一种计算设备，包括：存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述视频显示方法的步骤。

根据本发明实施方式的视频显示方法和装置，能够根据用户需求决定是否展开视频播放模块的相关视频，能够有效利用页面空间，突出重点信息，合理排布次要信息。

此外，相关视频与视频播放模块的内容具有关联关系，可以从视频播放模块的实际内容中截取能够突出该视频播放模块特色的内容作为相关视频，通过相关视频反映视频播放模块的高质量内容，以便于吸引用户注意力，提高用户点击率。

此外，在动态展示区域停留时间超过设定时长自动滑入相关视频，可以显著地降低用户操作的复杂程度和使用成本，为用户带来了更好的体验。

附图说明

通过参考附图阅读下文的详细描述，本发明示例性实施方式的上述以及其他目的、特征和优点将变得易于理解。在附图中，以示例性而非限制性的方式示出了本发明的若干实施方式，其中：

图1示意性地示出了根据本发明实施例的视频显示方法的流程图；

图2示意性地示出了根据本发明实施例的视频显示方法中相关视频收起的示意图；

图3示意性地示出了根据本发明实施例的视频显示方法中相关视频展开的示意图；

图4和图5示意性地示出了根据本发明实施例的视频显示方法中动态展示区域的示意图；

图6示意性地示出了根据本发明一实施例的用于视频显示方法的介质示意图；

图7示意性地示出了根据本发明一实施例的视频显示装置的结构示意图；

图8示意性地示出了根据本发明一实施例的计算设备的结构示意图。

在附图中，相同或对应的标号表示相同或对应的部分。

具体实施方式

下面将参考若干示例性实施方式来描述本发明的原理和精神。应当理解，给出这些实施方式仅仅是为了使本领域技术人员能够更好地理解进而实现本发明，而并非以任何方式限制本发明的范围。相反，提供这些实施方式是为了使本公开更加透彻和完整，并且能够将本公开的范围完整地传达给本领域的技术人员。

本领域技术人员知道，本发明的实施方式可以实现为一种系统、装置、设备、方法或计算机程序产品。因此，本公开可以具体实现为以下形式，即：完全的硬件、完全的软件(包括固件、驻留软件、微代码等)，或者硬件和软件结合的形式。

根据本发明的实施方式，提出了一种视频显示方法、介质、装置和计算设备。

在本文中，附图中的任何元素数量均用于示例而非限制，以及任何命名都仅用于区分，而不具有任何限制含义。

下面参考本发明的若干代表性实施方式，详细阐释本发明的原理和精神。

发明概述

本发明人发现，在页面的底图的右上角叠加小视频，会使页面过于花哨，主次不分明，易给用户造成视觉干扰。

有鉴于此，本发明提供了一种视频显示方法和装置，在页面上显示视频播放模块；如果检测到满足视频播放模块的相关视频展开条件，则在所述页面的相关视频展示区域显示所述相关视频的信息。这样，能够根据用户需求决定是否展开视频播放模块的相关视频，能够有效利用页面空间，突出重点信息，合理排布次要信息。

在介绍了本发明的基本原理之后，下面具体介绍本发明的各种非限制性实施方式。

示例性方法

如图1所示，本发明实施例的视频显示方法可以包括以下步骤：

S11、在页面上显示视频播放模块。

本实施例的方法可以应用于各种电子设备中，例如电脑、智能手机、平板电脑、游戏机等。电子设备的屏幕所显示的页面可以包括浏览器的页面、播放器的页面，新闻类应用程序的页面等。在页面上显示视频播放模块可以包括直播视频模块(可以简称直播模块)，也可以包括录播视频模块(可以简称录播模块)。视频播放模块在页面上的排布样式可以包括单列瀑布流排布、双列错位瀑布流排布、横向排布等。在实际应用场景中，可以根据电子设备的屏幕大小和显示方向来确定视频播放模块在页面上的排布样式，在本实施例中不做限定。

S12、检测是否满足所述视频播放模块的相关视频展开条件。

在本实施例中，可以从视频播放模块的实际内容中截取能够突出该视频播放模块特色的内容作为相关视频。例如，从直播模块的(历史的或正在播放的)内容中截取评论好、点赞多、打赏多的片段，作为该直播模块的相关视频。再如，从录播模块中截取能够反映所录播的视频的关键情节的片段作为相关视频。

在一种示例中，在页面上可以默认显示视频播放模块这样的重点信息，而视频播放模块的相关视频可以默认为收起状态，这样可以突出重点信息。此外，在收起状态，可以检测当前页面的实际状态，以判断是否满足相关视频展开条件。

在一种可能的实施方式中，在步骤S12中，检测是否满足所述视频播放模块的相关视频展开条件的方式包括多种，示例如下：

方式一、如果检测到所述视频播放模块位于动态展示区域内的时间超过设定时长，则满足所述视频播放模块的相关视频展开条件。

在本实施例中，可以预先在页面中设置一个有效区域作为动态展示区域。例如，如果页面的中间区域属于动态展示区域，视频播放模块处于动态展示区域时，可以播放该视频播放模块对应的动态图(GIF)。播放动态图有利于吸引用户注意力，以便于增长该视频播放模块在动态展示区域的停留时间。如果停留时间超过设定时长例如5s，则可以判定满足视频播放模块的相关视频展开条件。

方式二、如果检测到对所述页面上显示的相关视频展开控件的点击操作，则满足所述视频播放模块的相关视频展开条件。

在本实施例中，可以在页面上显示相关视频展开控件，如果检测到用户对该控件的点击操作，则可以判定满足视频播放模块的相关视频展开条件。例如，如图2所示，在视频播放模块的下方设置有“点击展开视频集锦”的控件。如果检测到该控件被点击，则可以展开相关视频例如图3所示的“精彩片段”。该控件上仅是一种示例，也可以是包括其他文案的按钮例如“点击展开相关视频”按钮等。

S13、如果满足所述视频播放模块的相关视频展开条件，则在所述页面的相关视频展示区域显示所述相关视频的信息。

在一种可能的实施方式中，在步骤S13中，在所述页面的相关视频展示区域显示所述相关视频的信息，包括：

如果与所述视频播放模块的相邻的可收缩区域为相关视频展示区域，则展开所述可收缩区域，并控制所述相关视频从页面的设定方位滑入展开的所述可收缩区域。

在页面中也可以预先设置相关视频展示区域，每个视频播放模块的相关视频展示区域可以与该模块相邻。例如，如图3所示，可以在视频播放模块的下方设置一个可收缩区域作为相关视频展示区域。该可收缩区域默认可以为收起状态(参见图2)。如果满足展开条件，该可收缩区域展开，原本位于该视频播放模块下方的另一个视频播放模块向下移位。然后，可以控制相关视频从页面的某个方位例如下方滑入展开的可收缩区域。此外，还可以设置相关视频滑入时的动画效果例如跳入、飞入、逐渐显示等。在相关视频展示区域内的相关视频数量可以为多个例如5个，通过横向滑动页面的操作，可以显示这多个相关视频。

在一种可能的实施方式中，该方法还包括：

如果检测到所述页面的信息流刷新，则收起所述可收缩区域。

例如，可以按照一定时间周期刷新页面的信息流或者根据用户的操作刷新页面的信息流。刷新时，在页面收起可收缩区域，不再显示某一视频播放模块的相关视频，而主要显示多个视频播放模块。

在一种可能的实施方式中，在页面上显示视频播放模块，包括：

如果所述视频播放模块位于所述页面的动态展示区域内，则显示所述视频播放模块的动态图；或

如果所述视频播放模块位于所述页面的动态展示区域外，则显示所述视频播放模块的静态图。

例如，如图4所示，将页面划分为多个区域，其中区域A为静态展示区域，区域B为动态展示区域。页面最上方的视频播放模块全部位于区域B，显示该视频播放模块的动态图(GIF)。页面中间的视频播放模块全部位于区域A，显示该视频播放模块的静态图。

再如，如图5所示，将页面中的一部分区域设置为动态展示区域C。处于区域C之内的视频播放模块可以显示动态图，处于区域C之外的视频播放模块可以显示静态图。如果用户向上滑动页面，使得一个视频播放模块完全进入动态展示区域C，可以开始播放视频播放模块的动态图。如果用户继续向上滑动该页面，使得该视频播放模块触顶(使得该模块有一部分位于区域C之外)，可以暂停播放动态图，恢复静态图。此外，用户向下滑动页面，如果使得一个视频播放模块完全进入动态展示区域C，可以开始播放视频播放模块的动态图。如果用户继续向下滑动该页面，使得该视频播放模块触底(例如使得该模块有一部分位于区域C之外)，可以暂停播放动态图，恢复静态图。

此外，也可以在视频播放模块大部分位于静态展示区域时显示静态图，大部分位于动态展示区域时显示动态图。例如，参见图4，某个视频播放模块，如果高度的四分之三位于区域A内显示静态图，或者，如果高度的四分之三位于区域B内显示动态图。参见图5，某个视频播放模块，如果高度的四分之三位于区域C之内播放动态图，或者，如果高度的四分之三位于区域C之外显示静态图。

其中，可以根据视频播放模块的实际内容预先生成能够反映该模块特色的动态图。视频播放模块的动态图的时长可能较短例如3s。如果视频播放模块在动态展示区域停留的时间较长，可以循环播放该视频播放模块的动态图。视频播放模块的静态图可以为预设的底图。底图可以包括与视频播放模块相关的图片，例如参演人员的照片、宣传海报、精彩画面截图等。以直播模块为例，直播模块的动态图可以包括从该直接模块中截取的能够放映直播内容的短视频片段，直播模块的静态图可以为预设的直播底图。直播底图可以包括与直播内容相关的图片，例如参与直播的主持人的照片、直播主题介绍等。录播模块的动态图、静态图也可以参照直播模块的方式获取，在此不赘述。

此外，动态展示区域的尺寸可以根据页面尺寸和视频播放模块的尺寸来确定。例如，动态展示区域的高度＝页面高度/2+视频播放模块高度/2。

本实施例的视频显示方法，能够根据用户需求决定是否展开视频播放模块的相关视频，能够有效利用页面空间，突出重点信息，合理排布次要信息。

示例性介质

在介绍了本发明示例性实施方式的方法之后，接下来，参考图6对本发明示例性实施方式的介质进行说明。

在一些可能的实施方式中，本发明的各个方面还可以实现为一种计算机可读介质，其上存储有程序，当所述程序被处理器执行时用于实现本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的视频显示方法中的步骤。

具体地，所述处理器执行所述程序时用于实现如下步骤：

在页面上显示视频播放模块；

检测是否满足所述视频播放模块的相关视频展开条件；

在一种可能的实施方式中，检测是否满足所述视频播放模块的相关视频展开条件，包括：

如果检测到所述视频播放模块位于动态展示区域内的时间超过设定时长，则满足所述视频播放模块的相关视频展开条件；或

如果检测到对所述页面上显示的相关视频展开控件的点击操作，则满足所述视频播放模块的相关视频展开条件。

在一种可能的实施方式中，在所述页面的相关视频展示区域显示所述相关视频的信息，包括：

在一种可能的实施方式中，该方法还包括：

如果所述视频播放模块位于所述页面的动态展示区域内，则显示所述视频播放模块的动态图；

需要说明的是：上述的介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以是但不限于：电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

如图6所示，描述了根据本发明的实施方式的介质60，其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序，并可以在设备上运行。然而，本发明不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于：电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络—包括局域网(LAN)或广域网(WAN)—连接到用户计算设备。

示例性装置

在介绍了本发明示例性实施方式的介质之后，接下来，参考图7对本发明示例性实施方式的装置进行说明。

如图7所示，本发明实施例的视频显示装置可以包括：

视频播放模块显示单元701，用于在页面上显示视频播放模块；

展开条件检测单元702，用于检测是否满足所述视频播放模块的相关视频展开条件；

相关视频显示单元703，用于如果满足所述视频播放模块的相关视频展开条件，则在所述页面的相关视频展示区域显示所述相关视频的信息。

在一种可能的实施方式中，所述展开条件检测单元702包括：

时长检测子单元7021，用于如果检测到所述视频播放模块位于动态展示区域内的时间超过设定时长，则满足所述视频播放模块的相关视频展开条件；或

点击检测子单元7022，用于如果检测到对所述页面上显示的相关视频展开控件的点击操作，则满足所述视频播放模块的相关视频展开条件。

在一种可能的实施方式中，所述相关视频显示单元703包括：

展开子单元7031，用于如果与所述视频播放模块的相邻的可收缩区域为相关视频展示区域，则展开所述可收缩区域，并控制所述相关视频从页面的设定方位滑入展开的所述可收缩区域。

在一种可能的实施方式中，所述相关视频显示单元703包括：

收起子单元7032，用于如果检测到所述页面的信息流刷新，则收起所述可收缩区域。

在一种可能的实施方式中，所述视频播放模块显示单元701包括：

动态图显示子单元7011，用于如果所述视频播放模块位于所述页面的动态展示区域内，则显示所述视频播放模块的动态图；或

静态图显示子单元7012，用于如果所述视频播放模块位于所述页面的动态展示区域外，则显示所述视频播放模块的静态图。

示例性计算设备

在介绍了本发明示例性实施方式的方法、介质和装置之后，接下来，参考图8对本发明示例性实施方式对本发明示例性实施方式的计算设备进行说明。

所属技术领域的技术人员能够理解，本发明的各个方面可以实现为系统、方法或程序产品。因此，本发明的各个方面可以具体实现为以下形式，即：完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等)，或硬件和软件方面结合的实施方式，这里可以统称为“电路”、“模块”或“系统”。

在一些可能的实施方式中，根据本发明实施方式的计算设备可以至少包括至少一个处理单元、以及至少一个存储单元。其中，所述存储单元存储有程序代码，当所述程序代码被所述处理单元执行时，使得所述处理单元执行本说明书上述“示例性方法”部分中描述的根据本发明的各种示例性实施方式的视频显示方法中的步骤。

下面参照图8来描述根据本发明的这种实施方式的计算设备80。图8显示的计算设备80仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图8所示，计算设备80以通用计算设备的形式表现。计算设备80的组件可以包括但不限于：上述至少一个处理单元801、上述至少一个存储单元802、以及连接不同系统组件(包括处理单元801和存储单元802)的总线803。

总线803包括数据总线、控制总线和地址总线。

存储单元802可以包括易失性存储器形式的可读介质，例如随机存取存储器(RAM)8021和/或高速缓存存储器8022，可以进一步包括非易失性存储器形式的可读介质，例如只读存储器(ROM)8023。

存储单元802还可以包括具有一组(至少一个)程序模块8024的程序/实用工具8025，这样的程序模块8024包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

计算设备80也可以与一个或多个外部设备804(例如键盘、指向设备等)通信。这种通信可以通过输入/输出(I/O)接口805进行。并且，计算设备80还可以通过网络适配器806与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图8所示，网络适配器806通过总线803与计算设备80的其它模块通信。应当理解，尽管图中未示出，可以结合计算设备80使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

应当注意，尽管在上文详细描述中提及了视频显示装置的若干单元/模块或子单元/模块，但是这种划分仅仅是示例性的并非强制性的。实际上，根据本发明的实施方式，上文描述的两个或更多单元/模块的特征和功能可以在一个单元/模块中具体化。反之，上文描述的一个单元/模块的特征和功能可以进一步划分为由多个单元/模块来具体化。

此外，尽管在附图中以特定顺序描述了本发明方法的操作，但是，这并非要求或者暗示必须按照该特定顺序来执行这些操作，或是必须执行全部所示的操作才能实现期望的结果。附加地或备选地，可以省略某些步骤，将多个步骤合并为一个步骤执行，和/或将一个步骤分解为多个步骤执行。

虽然已经参考若干具体实施方式描述了本发明的精神和原理，但是应该理解，本发明并不限于所公开的具体实施方式，对各方面的划分也不意味着这些方面中的特征不能组合以进行受益，这种划分仅是为了表述的方便。本发明旨在涵盖所附权利要求的精神和范围内所包括的各种修改和等同布置。

Claims

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

在页面上显示视频播放模块；

检测当前页面的实际状态，以判断是否满足所述视频播放模块的相关视频展开条件；

如果满足所述视频播放模块的相关视频展开条件，则当与所述视频播放模块的相邻的可收缩区域为相关视频展示区域的情况下，在所述相关视频展示区域显示所述相关视频的信息。

2.根据权利要求1所述的方法，其特征在于，检测是否满足所述视频播放模块的相关视频展开条件，包括：

3.根据权利要求1所述的方法，其特征在于，当与所述视频播放模块的相邻的可收缩区域为相关视频展示区域的情况下，在所述相关视频展示区域显示所述相关视频的信息，包括：

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

5.根据权利要求1至4中任一项所述的方法，其特征在于，在页面上显示视频播放模块，包括：

6.一种视频显示装置，其特征在于，包括：

视频播放模块显示单元，用于在页面上显示视频播放模块；

展开条件检测单元，用于检测当前页面的实际状态，以判断是否满足所述视频播放模块的相关视频展开条件；

相关视频显示单元，用于如果满足所述视频播放模块的相关视频展开条件，则当与所述视频播放模块的相邻的可收缩区域为相关视频展示区域的情况下，在所述相关视频展示区域显示所述相关视频的信息。

7.根据权利要求6所述的装置，其特征在于，所述展开条件检测单元包括：

时长检测子单元，用于如果检测到所述视频播放模块位于动态展示区域内的时间超过设定时长，则满足所述视频播放模块的相关视频展开条件；或

点击检测子单元，用于如果检测到对所述页面上显示的相关视频展开控件的点击操作，则满足所述视频播放模块的相关视频展开条件。

8.根据权利要求6所述的装置，其特征在于，所述相关视频显示单元包括：

展开子单元，用于如果与所述视频播放模块的相邻的可收缩区域为相关视频展示区域，则展开所述可收缩区域，并控制所述相关视频从页面的设定方位滑入展开的所述可收缩区域。

9.根据权利要求8所述的装置，其特征在于，所述相关视频显示单元包括：

收起子单元，用于如果检测到所述页面的信息流刷新，则收起所述可收缩区域。

10.根据权利要求6至9中任一项所述的装置，其特征在于，所述视频播放模块显示单元包括：

动态图显示子单元，用于如果所述视频播放模块位于所述页面的动态展示区域内，则显示所述视频播放模块的动态图；或

静态图显示子单元，用于如果所述视频播放模块位于所述页面的动态展示区域外，则显示所述视频播放模块的静态图。

11.一种计算机可读介质，其上存储有计算机程序，该程序被处理器执行实现权利要求1至5中任一项所述方法的步骤。

12.一种计算设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现权利要求1至5中任一项所述方法的步骤。