页面显示方法、装置、设备及计算机可读存储介质与流程

1.本技术实施例涉及互联网技术领域，涉及但不限于一种页面显示方法、装置、设备及计算机可读存储介质。


背景技术：

2.目前，在针对客厅智能电视及机顶盒的互联网电视应用(app，application)中，即tv端应用中，例如云视听极光app，用户可以关注喜欢的up主(uploader)，收藏喜欢的视频。当用户关注或收藏后，可以在我的频道页选择对应视频观看。
3.但是，目前的tv端应用普遍存在以下问题：提供给用户关注的维度单一，仅能够关注视频的上传者，而不能关注一类视频集合；应用的首页中组件内容众多，无法让用户快速的触达到喜欢的视频集合；首页内容偏运营，首页的内容是运营人员精挑细选的，因此目前的方案无法合理利用运营人员挑选视频的优势，导致运营人员挑选的内容只有少部分被用户关注到；在tv端应用上，用户选择喜欢的视频集合有一定的难度，用户无法在首页上快速选择自己喜欢的视频集合对应的组件。


技术实现要素：

4.本技术实施例提供一种页面显示方法、装置、设备及计算机可读存储介质，获取到预设类型的互动操作对应的目标视频组件，将目标视频组件添加至预设频道页中，形成待显示频道页，从而为用户提供一个新的关注维度：应用页面中的视频组件，并将互动操作对应的视频组件通过预设频道页呈现，使得用户可以快速触达到自己喜欢的视频组件，而不用在应用上频繁切换选择，提高用户体验。
5.本技术实施例的技术方案是这样实现的：
6.本技术实施例提供一种页面显示方法，包括：
7.获取对应用页面中的至少一个视频组件的互动操作；
8.当对任一视频组件的互动操作的类型为预设类型时，将对应视频组件确定为目标视频组件，形成目标视频组件集合；
9.获取所述目标视频组件集合中的每一目标视频组件的状态参数；
10.根据所述状态参数，将所述目标视频组件集合中的每一目标视频组件添加至预设频道页中，形成待显示频道页；
11.在当前界面上显示所述待显示频道页。
12.本技术实施例提供一种页面显示装置，包括：
13.第一获取模块，用于获取对应用页面中的至少一个视频组件的互动操作；
14.确定模块，用于当对任一视频组件的互动操作的类型为预设类型时，将对应视频组件确定为目标视频组件，形成目标视频组件集合；
15.第二获取模块，用于获取所述目标视频组件集合中的每一目标视频组件的状态参数；
16.添加模块，用于根据所述状态参数，将所述目标视频组件集合中的每一目标视频组件添加至预设频道页中，形成待显示频道页；
17.显示模块，用于在当前界面上显示所述待显示频道页。
18.本技术实施例提供一种页面显示设备，包括：
19.存储器，用于存储可执行指令；处理器，用于执行所述存储器中存储的可执行指令时，实现上述的页面显示方法。
20.本技术实施例提供一种计算机可读存储介质，存储有可执行指令，用于引起处理器执行所述可执行指令时，实现上述的页面显示方法。
21.本技术实施例具有以下有益效果：
22.当用户对任一视频组件的互动操作的类型为预设类型时，将对应视频组件确定为目标视频组件，从而形成目标视频组件集合，然后将目标视频组件集合中的每一目标视频组件添加至预设频道页中，形成待显示频道页。如此，为用户提供了一个新的关注维度：应用页面中的视频组件，用户可以通过与视频组件进行互动操作实现对视频组件的关注，并且将互动操作对应的视频组件通过预设频道页呈现，使得用户可以快速触达到自己喜欢的视频组件，而不用在应用上频繁切换选择，提高了用户的使用体验。
附图说明
23.图1a是相关技术中的云视听极光的产品形态图；
24.图1b是相关技术中的云视听极光app的用户收藏视频列表展示界面；
25.图2a是本技术实施例提供的页面显示系统的一个可选的架构示意图；
26.图2b是本技术实施例提供的iaas层、paas层和saas层的部署关系示意图；
27.图3是本技术实施例提供的服务器的结构示意图；
28.图4是本技术实施例提供的页面显示方法的一个可选的流程示意图；
29.图5是本技术实施例提供的页面显示方法的一个可选的流程示意图；
30.图6是本技术实施例提供的页面显示方法的一个可选的流程示意图；
31.图7是本技术实施例提供的页面显示方法的一个可选的流程示意图；
32.图8是本技术实施例提供的页面显示方法的一个可选的流程示意图；
33.图9是本技术实施例提供的用户选择关注组件的界面图；
34.图10是本技术实施例提供的页面布局的示意图。
具体实施方式
35.为了使本技术的目的、技术方案和优点更加清楚，下面将结合附图对本技术作进一步地详细描述，所描述的实施例不应视为对本技术的限制，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本技术保护的范围。
36.在以下的描述中，涉及到“一些实施例”，其描述了所有可能实施例的子集，但是可以理解，“一些实施例”可以是所有可能实施例的相同子集或不同子集，并且可以在不冲突的情况下相互结合。除非另有定义，本技术实施例所使用的所有的技术和科学术语与属于本技术实施例的技术领域的技术人员通常理解的含义相同。本技术实施例所使用的术语只是为了描述本技术实施例的目的，不是旨在限制本技术。
37.为了更好地理解本技术实施例中提供的页面显示方法，首先对相关技术中的页面显示方法进行说明，下面以云视听极光app作为tv端应用为例，对相关技术在云视听极光app中的使用过程进行说明：
38.当前在云视听极光app(腾讯视频在tv端的名称)中，用户可以关注喜欢的up主，收藏喜欢的视频。当用户关注或收藏后，可以在我的频道页选择对应视频观看。但是云视听极光上首页由一个个的组件组成，产品形态丰富，内容众多，其中每个组件其实是一类相关度较高的视频集合入口(这些视频是由专业的运营人员从视频库中精心挑选热度较高，关注度较强的视频)。此外，云视听极光的首页形态是一种瀑布流的形态，用户可以左右滑动切换不同的频道页，也可以上下接近无限翻页。这种瀑布流的方式好处是云视听极光首页可以承载更多的内容，但是缺点就是增加了用户的选择难度，因为对于首页漏出的如此多的内容，用户会陷入选择难题，不知选择哪个内容才好。此外，有些用户会对首页中某些组件内的视频集很感兴趣，但是由于首页组件众多，用户切换到喜欢的组件操作繁琐，且很容易找不到组件在首页中的位置，另外还会有喜欢的组件被运营人员下架的情况。
39.图1a是相关技术中的云视听极光的产品形态图，如图1a所示，当前云视听极光仅支持用户关注up主专辑的功能，图1a中示出了多个关注度较高的up主101，用户可以通过搜索热门up主来关注这些up主。当用户点击每一up主101的订阅按钮102后，即可关注对应up主的视频栏目。
40.相关技术中，在对用户关注的视频进行页面显示的时候，实现方式主要是做一个用户和关联的up主之间的映射关系。对于用户而言，用户使用vuid账号作为唯一标识进行登录；对于up主，使用up主上传的qq号作为唯一标识；在用户未登录的情况下，使用云视听极光app的设备唯一标识符guid标识；对于用户关注的up主，在我的频道页即可看到用户关注的信息，进入后既看到对应的视频列表，图1b是相关技术中的云视听极光app的用户收藏视频列表展示界面，如图1b所示，在历史收藏页面103上包括用户关注或收藏的至少一个视频104。
41.但是，对于相关技术中的tv端应用，至少存在以下问题：提供给用户关注的维度单一，仅能够关注视频的上传者，而不能关注一类视频集合；首页组件内容众多，无法快速让用户触达到喜欢的视频集合；云视听极光首页偏运营，首页的内容是运营人员精挑细选的，因此当前技术方案无法合理利用运营人员挑选视频的优势，导致运营人员挑选的内容只有少部分用户才关注到；在云视听极光上，用户选择喜欢的视频集合有一定的难度，用户无法在首页上快速选择自己喜欢的视频集合对应的组件。
42.基于相关技术中所存在的上述至少一个问题，本技术实施例致力于解决上述问题，为用户增加了一个新的关注维度：首页上的视频组件，并将用户关注的视频组件通过一个新的用户相关的频道页呈现，使得用户可以快速触达到自己喜欢的视频集合，而不用在云视听极光上频繁切换选择。并且也充分利用了云视听极光首页偏重运营的优势，使得运营人员挑选的视频能更方便的呈现给用户。
43.本技术实施例提供一种页面显示方法，首先，获取对应用页面中的至少一个视频组件的互动操作；当对任一视频组件的互动操作的类型为预设类型时，将对应视频组件确定为目标视频组件，形成目标视频组件集合；然后，获取目标视频组件集合中的每一目标视频组件的状态参数；并根据状态参数，将目标视频组件集合中的每一目标视频组件添加至
预设频道页中，形成待显示频道页；最后，在当前界面上显示待显示频道页。如此，为用户提供了一个新的关注维度：应用页面中的视频组件，用户可以通过与视频组件进行互动操作实现对视频组件的关注，并且将互动操作对应的视频组件通过预设频道页呈现，使得用户可以快速触达到自己喜欢的视频组件，而不用在应用上频繁切换选择，提高了用户的使用体验。
44.下面说明本技术实施例提供的页面显示设备的示例性应用，在一种实现方式中，本技术实施例提供的页面显示设备可以实施为智能电视，或者笔记本电脑，平板电脑，台式计算机，移动设备(例如，移动电话，便携式音乐播放器，个人数字助理，专用消息设备，便携式游戏设备)、智能机器人等任意具有屏幕显示功能的终端，在另一种实现方式中，本技术实施例提供的页面显示设备还可以实施为服务器。下面，将说明页面显示设备实施为服务器时的示例性应用。
45.参见图2a，图2a是本技术实施例提供的页面显示系统10的一个可选的架构示意图。为实现用户可以快速触达到自己喜欢的视频集合，本技术实施例提供的页面显示系统10中包括终端100(这里的终端100可以是智能电视)、网络200和服务器300，其中，终端100上运行有tv端应用，该tv端应用可以是任意一种互联网电视app，例如，可以是云视听极光app。在实现本技术实施例的页面显示方法时，终端100上的客户端接收用户的互动操作，该互动操作可以是用于请求对应用页面中的任一视频组件进行关注或收藏的操作，客户端通过网络200向服务器300发送互动操作；服务器300判断互动操作的类型，如果互动操作的类型为预设类型时，将对应视频组件确定为目标视频组件，形成目标视频组件集合；同时，获取目标视频组件集合中的每一目标视频组件的状态参数；根据状态参数，将目标视频组件集合中的每一目标视频组件添加至预设频道页中，形成待显示频道页；然后将待显示视频页发送给终端100，终端100在当前界面上显示待显示频道页。
46.本技术实施例涉及的页面显示方法还可以基于云平台并通过云技术来实现，例如，上述服务器300可以是云端服务器，云端服务器对应一云端存储器，tv端应用中的每一视频可以被存储于云端存储器中，或者，用户关注的视频组件或视频组件对应的视频集合可以被存储于云端存储器中。
47.云技术(cloud technology)是指在广域网或局域网内将硬件、软件、网络等系列资源统一起来，实现数据的计算、储存、处理和共享的一种托管技术。云技术(cloud technology)基于云计算商业模式应用的网络技术、信息技术、整合技术、管理平台技术、应用技术等的总称，可以组成资源池，按需所用，灵活便利。云计算技术将变成重要支撑。技术网络系统的后台服务需要大量的计算、存储资源，如视频网站、图片类网站和更多的门户网站。伴随着互联网行业的高度发展和应用，将来每个物品都有可能存在自己的识别标志，都需要传输到后台系统进行逻辑处理，不同程度级别的数据将会分开处理，各类行业数据皆需要强大的系统后盾支撑，只能通过云计算来实现。
48.本技术实施例中，上述云端存储器可以采用云存储技术来实现。其中，云存储(cloud storage)是在云计算概念上延伸和发展出来的一个新的概念，分布式云存储系统(以下简称存储系统)是指通过集群应用、网格技术以及分布存储文件系统等功能，将网络中大量各种不同类型的存储设备(存储设备也称之为存储节点)通过应用软件或应用接口集合起来协同工作，共同对外提供数据存储和业务访问功能的一个存储系统。
49.目前，存储系统的存储方法为：创建逻辑卷，在创建逻辑卷时，就为每个逻辑卷分配物理存储空间，该物理存储空间可能是某个存储设备或者某几个存储设备的磁盘组成。客户端在某一逻辑卷上存储数据，也就是将数据存储在文件系统上，文件系统将数据分成许多部分，每一部分是一个对象，对象不仅包含数据而且还包含数据标识(id，id entity)等额外的信息，文件系统将每个对象分别写入该逻辑卷的物理存储空间，且文件系统会记录每个对象的存储位置信息，从而当客户端请求访问数据时，文件系统能够根据每个对象的存储位置信息让客户端对数据进行访问。
50.存储系统为逻辑卷分配物理存储空间的过程，具体为：按照对存储于逻辑卷的对象的容量估量(该估量往往相对于实际要存储的对象的容量有很大余量)和独立冗余磁盘阵列(raid，redundant array of independent disk)的组别，预先将物理存储空间划分成分条，一个逻辑卷可以理解为一个分条，从而为逻辑卷分配了物理存储空间。
51.作为云计算的基础能力提供商，会建立云计算资源池平台，简称云平台，一般称为基础设施即服务(iaas，infrastructure as a service)，在资源池中部署多种类型的虚拟资源，供外部客户选择使用。云计算资源池中主要包括：计算设备(为虚拟化机器，包含操作系统)、存储设备和网络设备。按照逻辑功能划分，在iaas层上可以部署平台即服务(paas，platform as a service)层，paa s层之上再部署软件即服务(saas，software as a service)层，也可以直接将saas层部署在iaas层上。paas层为软件运行的平台，如数据库、web容器等。saas层为各式各样的业务软件，如web门户网站、短信群发器等。其中，iaas层203、paas层202和saas层201部署关系如图2b所示，一般来说，saas层201和paas层202相对于iaas层203是上层。
52.图3是本技术实施例提供的服务器300的结构示意图，图3所示的服务器300包括：至少一个处理器310、存储器350、至少一个网络接口320和用户接口330。服务器300中的各个组件通过总线系统340耦合在一起。可理解，总线系统340用于实现这些组件之间的连接通信。总线系统340除包括数据总线之外，还包括电源总线、控制总线和状态信号总线。但是为了清楚说明起见，在图3中将各种总线都标为总线系统340。
53.处理器310可以是一种集成电路芯片，具有信号的处理能力，例如通用处理器、数字信号处理器(dsp，digital signal processor)，或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等，其中，通用处理器可以是微处理器或者任何常规的处理器等。
54.用户接口330包括使得能够呈现媒体内容的一个或多个输出装置331，包括一个或多个扬声器和/或一个或多个视觉显示屏。用户接口330还包括一个或多个输入装置332，包括有助于用户输入的用户接口部件，比如键盘、鼠标、麦克风、触屏显示屏、摄像头、其他输入按钮和控件。
55.存储器350可以是可移除的，不可移除的或其组合。示例性的硬件设备包括固态存储器，硬盘驱动器，光盘驱动器等。存储器350可选地包括在物理位置上远离处理器310的一个或多个存储设备。存储器350包括易失性存储器或非易失性存储器，也可包括易失性和非易失性存储器两者。非易失性存储器可以是只读存储器(rom，read only memory)，易失性存储器可以是随机存取存储器(ram，random access memory)。本技术实施例描述的存储器350旨在包括任意适合类型的存储器。在一些实施例中，存储器350能够存储数据以支持各
种操作，这些数据的示例包括程序、模块和数据结构或者其子集或超集，下面示例性说明。
56.操作系统351，包括用于处理各种基本系统服务和执行硬件相关任务的系统程序，例如框架层、核心库层、驱动层等，用于实现各种基础业务以及处理基于硬件的任务；
57.网络通信模块352，用于经由一个或多个(有线或无线)网络接口320到达其他计算设备，示例性的网络接口320包括：蓝牙、无线相容性认证(wifi)、和通用串行总线(usb，universal serial bus)等；
58.输入处理模块353，用于对一个或多个来自一个或多个输入装置332之一的一个或多个用户输入或互动进行检测以及翻译所检测的输入或互动。
59.在一些实施例中，本技术实施例提供的装置可以采用软件方式实现，图3示出了存储在存储器350中的一种页面显示装置354，该页面显示装置354可以是服务器300中的页面显示装置，其可以是程序和插件等形式的软件，包括以下软件模块：第一获取模块3541、确定模块3542、第二获取模块3543、添加模块3544和显示模块3545，这些模块是逻辑上的，因此根据所实现的功能可以进行任意的组合或进一步拆分。将在下文中说明各个模块的功能。
60.在另一些实施例中，本技术实施例提供的装置可以采用硬件方式实现，作为示例，本技术实施例提供的装置可以是采用硬件译码处理器形式的处理器，其被编程以执行本技术实施例提供的页面显示方法，例如，硬件译码处理器形式的处理器可以采用一个或多个应用专用集成电路(asic，application specif ic integrated circuit)、dsp、可编程逻辑器件(pld，programmable logic de vice)、复杂可编程逻辑器件(cpld，complex programmable logic device)、现场可编程门阵列(fpga，field-programmable gate array)或其他电子元件。
61.下面将结合本技术实施例提供的服务器300的示例性应用和实施，说明本技术实施例提供的页面显示方法。参见图4，图4是本技术实施例提供的页面显示方法的一个可选的流程示意图，将结合图4示出的步骤进行说明。
62.步骤s401，获取对应用页面中的至少一个视频组件的互动操作。
63.在解释本步骤之前，首先解释一下页面和界面的概念和区别，在本技术实施例中，页面是应用程序当前需要展示给用户的一个对象，页面是应用程序的一部分，页面上可以包括有多个视频组件，本发明实施例的页面不仅仅包括通常意义上的web页面(webpage)，还包括app在展示过程的页面。界面更多是与终端的显示屏有关的概念，本技术实施例中的界面可以是终端的显示屏所能够显示的区域。
64.本技术实施例中，应用页面可以是应用的任意一个显示页面，应用页面中显示有至少一个视频组件，每一个视频组件是一类相关度较高的视频集合的入口。终端在当前界面上可以显示应用的任一应用页面，用户可以通过在终端的当前界面上进行互动操作，实现与当前界面上所显示的应用页面中的视频组件的互动。
65.在一些实施例中，互动操作包括但不限于：点击操作、长按操作、拖动操作、滑动操作、双击操作等常规的用户操作，对应地，由于不同的用户操作可以实现不能的功能，因此，在另一些实施例中，互动操作还可是指关注操作、播放操作、删除操作、收藏操作和暂停操作等，任意一种对终端当前界面上所显示的视频组件的任一功能进行触发的触发操作。
66.步骤s402，当对任一视频组件的互动操作的类型为预设类型时，将对应视频组件
确定为目标视频组件，形成目标视频组件集合。
67.这里，预设类型可以是关注类型和收藏类型中的任意一种，当用户对视频组件进行关注或收藏时，将该视频组件确定为目标视频组件。由于应用包括多个应用页面，每一应用页面中包括多个视频组件，因此，用户可以对多个应用页面中的多个视频组件进行关注或收藏，那么，此时则形成了具有多个目标视频组件的目标视频组件集合。
68.在一些实施例中，目标视频组件集合中的目标视频组件可以是用户在不同时间段内进行关注或收藏的视频组件，也就是说会不断的将用户关注或收藏的视频组件添加到目标视频组件集合中。
69.在一些实施例中，对于同一用户(即同一登陆账号)，可以在不同的终端上运行上述应用。举例来说，用户可以在终端a和终端b中均登陆应用的登陆账号，那么，对于用户在不同终端上的互动操作，服务器会获取用户在不同终端上的互动操作，并将在不同终端上关注或收藏的视频组件均添加到目标视频组件集合中，实现用户在多个终端上的用户数据同步。
70.步骤s403，获取目标视频组件集合中的每一目标视频组件的状态参数。
71.这里，状态参数包括但不限于目标视频组件的高度、宽度、组件对应的视频的类型、视频信息等参数。
72.步骤s404，根据状态参数，将目标视频组件集合中的每一目标视频组件添加至预设频道页中，形成待显示频道页。
73.这里，预设频道页是预先设置的用于添加目标视频组件的新的页面，预设频道页是区别于应用中的应用页面的新的页面。
74.本技术实施例中，按照每一目标视频组件的状态参数，采用预设的添加规则，依次将每一目标视频组件添加到预设频道页中。
75.步骤s405，在当前界面上显示待显示频道页。
76.本技术实施例提供的页面显示方法，当用户对任一视频组件的互动操作的类型为预设类型时，将对应视频组件确定为目标视频组件，从而形成目标视频组件集合，然后将目标视频组件集合中的每一目标视频组件添加至预设频道页中，形成待显示频道页。如此，为用户提供了一个新的关注维度：应用页面中的视频组件，用户可以通过与视频组件进行互动操作实现对视频组件的关注，并且将互动操作对应的视频组件通过预设频道页呈现，使得用户可以快速触达到自己喜欢的视频组件，而不用在应用上频繁切换选择，提高了用户的使用体验。
77.在一些实施例中，应用页面为tv端应用的任一频道页；tv端应用的每一频道页中包括至少一个所述视频组件；每一视频组件对应一视频集合的入口，视频集合中包括至少两个视频，且每一视频集合中的视频之间具有预设相关度。
78.在一些实施例中，页面显示系统中包括智能电视和服务器，该服务器是t v端应用的服务器，通过tv端应用的服务器实现在预设频道页中部署用户关注的视频组件。图5是本技术实施例提供的页面显示方法的一个可选的流程示意图，如图5所示，方法包括以下步骤：
79.步骤s501，智能电视从服务器获取至少一个视频组件。
80.这里，视频组件可以是运营人员挑选出的视频对应的视频组件，运营人员可以预
先挑选出近期或者历史时间段内，关注度较高或用户观看频率较高的一些视频，然后，对这些视频进行分组，将具有预设相关度的视频确定为同一个分组中的视频，最后，根据每一个分组中的视频，确定出一个对应的视频组件，并在智能电视的当前界面上显示视频组件。
81.步骤s502，智能电视在当前界面上显示所获取的至少一个视频组件。
82.本技术实施例中，tv端应用包括至少一个频道页，每一个频道页中可以对应有同一类型的视频组件。在智能电视的当前界面上，可以以瀑布流的形式显示tv端应用的多个频道页。
83.步骤s503，智能电视获取用户对应用页面中的至少一个视频组件的互动操作。
84.这里，智能电视可以具有触摸屏，智能电视可以获取用户在触摸屏上对视频组件的触摸操作，将触摸操作确定为用户的互动操作；或者，智能电视具有一遥控器，可以获取用户通过遥控器对视频组件的遥控操作，将遥控操作确定为用户的互动操作。
85.步骤s504，智能电视将用户的互动操作发送给服务器。
86.步骤s505，服务器确定出用户的互动操作的类型。
87.这里，互动操作的类型包括但不限于：关注类型、收藏类型和播放类型等。
88.步骤s506，当互动操作的类型为关注类型或者收藏类型，且tv端应用中具有预设频道页时，则将对应视频组件确定为目标视频组件，形成目标视频组件集合。
89.步骤s507，当互动操作的类型为关注类型或者收藏类型，且tv端应用中不具有预设频道页时，在智能电视的tv端应用中新增预设频道页。
90.这里，预设频道页用于添加用户关注或收藏的目标视频组件，本技术实施例中，可以当检测到用户关注任一视频组件且当前还没有新增预设频道页时，即可在智能电视的tv端应用中新增预设频道页，也就是说，当用户第一次对视频组件进行关注或收藏时，即新增预设频道页。本技术实施例中，在步骤s507中新增预设频道页之后，执行步骤s508。
91.步骤s508，服务器将对应视频组件确定为目标视频组件，形成目标视频组件集合。
92.步骤s509，服务器获取目标视频组件集合中的每一目标视频组件的状态参数。
93.步骤s510，服务器根据状态参数，将目标视频组件集合中的每一目标视频组件添加至预设频道页中，形成待显示频道页。
94.需要说明的是，步骤s508至步骤s510与上述步骤s402至步骤s404相同，本技术实施例不再赘述。
95.步骤s511，服务器将待显示频道页发送给智能电视。
96.步骤s512，智能电视在当前界面上显示所述待显示频道页。
97.本技术实施例中，可以以瀑布流的形式显示tv端应用的应用页面，在t v端应用的主页上，可以具有一导航栏，导航栏中包括每一应用页面的标识和待显示频道页的标识，用户可以通过点击导航栏中的待显示频道页的标识进入待显示频道页，以在当前界面上显示待显示频道页。
98.本技术实施例提供的页面显示方法，应用于tv端应用，当用户在智能电视上对任一视频组件进行互动操作时，触发智能电视与服务器之间的交互，服务器获取用户在智能电视上的互动操作，并当用户对视频组件的互动操作的类型为预设类型时，将对应视频组件确定为目标视频组件，从而形成目标视频组件集合，然后将目标视频组件集合中的每一目标视频组件添加至预设频道页中，形成待显示频道页，从而使得智能电视可以向用户呈
现该待显示频道页，为用户提供新的视频组件显示页面。并且，为用户提供了一个新的关注维度：应用页面中的视频组件，用户可以通过与视频组件进行互动操作实现对视频组件的关注，并且将互动操作对应的视频组件通过预设频道页呈现，使得用户可以快速触达到自己喜欢的视频组件，而不用在应用上频繁切换选择，提高了用户的使用体验。
99.图6是本技术实施例提供的页面显示方法的一个可选的流程示意图，如图6所示，方法包括以下步骤：
100.步骤s601，获取预设视频库中的每一视频的属性参数。
101.这里，预设视频库中包括至少一个视频，预设视频库可以是存储tv端应用具有权限的所有视频的视频库。属性参数可以是视频的关注度、点击率、点击量、浏览时长、评分等与用户对视频的关注程序相关的属性参数。
102.步骤s602，根据每一视频的属性参数，在预设视频库中筛选出第一数量的候选视频，形成候选视频集合。
103.这里，可以采用以下两种方式筛选出第一数量的候选视频：
104.方式一：将属性参数满足预设条件的视频筛选出作为候选视频，其中，确定出的候选视频的数量是第一数量，即第一数量不是预设值，是根据所确定出的候选视频的数量所确定出的随机值。举例来说，获取到预设视频库中每一视频的点击率，然后将点击率大于预设的点击率阈值的视频确定为候选视频。
105.方式二：按照每一视频的属性参数对预设视频库中的视频进行排序，形成视频序列，然后，从视频序列中截取到第一数量的视频作为候选视频。举例来说，获取到预设视频库中每一视频的评分，然后按照评分从高到低的顺序对预设视频库中的视频进行排序，形成视频序列，最后从视频序列中截取前第一数量的视频作为候选视频。
106.在方式二中，第一数量是预设值，可以预先设置需要获取的候选视频的数量，例如可以根据预设频道页的页面大小确定出第一数量，或者可以由开发人员预先设置一符合用户浏览极限的合理的第一数量(例如，一般用户在10个以内的视频中会快速的确定出最终想看的某一个视频，如果数量再多的话，会增加用户的选择难度，因此，符合用户浏览极限的第一数量可以设置为10)。
107.步骤s603，在候选视频集合中，将具有预设相关度的候选视频确定为同一视频集合中的视频。
108.这里，可以计算每两个候选视频之间的相关度，然后将相关度大于或等于预设相关度或者相关度大于阈值的两个候选视频确定为互为相似视频，将互为相似视频的多个视频确定为同一视频集合中的视频。
109.步骤s604，根据视频集合中的视频，确定出对应的视频组件。
110.这里，每一个视频集合中的视频对应一个视频组件，即每一个视频集合对应一个视频组件。本技术实施例中，可以预先确定出每一视频集合中的视频的类型，然后根据视频集合中的视频的类型确定出对应的视频组件，即每一视频组件对应一种类型的多个相似视频。
111.步骤s605，将视频组件显示于应用页面中。
112.步骤s606，获取对应用页面中的至少一个视频组件的互动操作。
113.步骤s607，当对任一视频组件的互动操作的类型为预设类型时，将对应视频组件
确定为目标视频组件，形成目标视频组件集合。
114.步骤s608，获取目标视频组件集合中的每一目标视频组件的状态参数。
115.步骤s609，根据状态参数，将目标视频组件集合中的每一目标视频组件添加至预设频道页中，形成待显示频道页。
116.步骤s610，在当前界面上显示待显示频道页。
117.需要说明的是，步骤s606至步骤s610与上述步骤s401至步骤s405相同，本技术实施例不再赘述。
118.基于图4，图7是本技术实施例提供的页面显示方法的一个可选的流程示意图，如图7所示，步骤s404可以通过以下步骤实现：
119.步骤s701，根据状态参数，对目标视频组件集合中的目标视频组件进行分组，形成至少一个目标视频组件分组。
120.在一些实施例中，状态参数包括目标视频组件的高度和宽度；对应地，步骤s701可以通过以下步骤实现：
121.步骤s7011，将具有相同高度的目标视频组件划分至同一个目标视频组件分组中，且同一个目标视频组件分组中的目标视频组件的宽度之和，小于或等于预设频道页的页面宽度。
122.这里，将具有相同高度的目标视频组件划分至同一个目标视频组件分组中，如果当前的目标视频组件分组中的全部目标视频组件的宽度之和大于预设视频页的页面宽度，则将超过宽度的部分目标视频组件划分至另一个目标视频组件分组中，以此类推，直至将所有的目标视频组件划分完成。
123.在一些实施例中，在确定出具有相同高度的全部目标视频组件之后，还可以根据对这些全部目标视频组件的关注时间，按照时间由近及远的顺序对目标视频组件进行排序，形成目标视频组件序列，然后，按照目标视频组件序列和预设视频页的页面宽度，将目标视频组件序列中的全部目标视频组件划分至至少一个目标视频组件分组中。
124.举例来说，确定出具有相同高度的目标视频组件为：组件a1、a2、a3、a4、a5、a6和a7，然后按照对这些组件的关注时间由近及远的顺序对这些组件进行排序，形成目标视频组件序列a1、a7、a3、a4、a2、a5和a6，其中，组件a1、a7、a3的宽度之和等于预设频道页的页面宽度，组件a4、a2、a5的宽度之和小于预设频道页的页面宽度，但是组件a4、a2、a5和a6的宽度之和大于预设频道页的页面宽度，因此，将组件a1、a7、a3划分到一个目标视频组件分组中，将组件a4、a2、a5划分到一个目标视频组件分组中，将组件a6划分到一个目标视频组件分组中。
125.步骤s702，获取对每一目标视频组件分组中的目标视频组件进行互动操作的时刻。
126.这里，可以获取对每一目标视频组件分组中的第一个目标视频组件进行互动操作的时刻，或者对每一目标视频组件分组中的最后一个目标视频组件进行互动操作的时刻。
127.步骤s703，按照时刻，对至少一个目标视频组件分组进行排序，形成目标视频组件分组序列。
128.步骤s704，按照目标视频组件分组序列中的目标视频组件分组的顺序，依次将每一目标视频组件分组添加至预设频道页中，形成待显示频道页。
129.这里，按照关注时间的先后顺序依次将每一目标视频组件分组添加至预设频道页中所划分的段落中，每一段落中可以包括至少一个目标视频组件分组。
130.基于图4，图8是本技术实施例提供的页面显示方法的一个可选的流程示意图，如图8所示，在步骤s404形成待显示频道页之前，方法还可以包括以下步骤：
131.步骤s801，为待显示频道页上的目标视频组件添加以下至少之一：信息展示控件、跳转控件和信息上报控件。
132.步骤s802，通过信息展示控件，配置目标视频组件在待显示频道页中的展示内容。
133.这里，信息展示控件承载着目标视频组件的内容的背景展示以及标题、时间等信息的配置方式，从而配置出目标视频组件在待显示频道页中的展示内容。
134.步骤s803，通过跳转控件，配置目标视频组件在接收到互动操作时的跳转方式。
135.这里，跳转控件表示着跳转方式和跳转信息，例如，跳转方式可以是：跳转至专辑详情页、跳转至频道列表页、跳转至专题详情页、跳转至点播播放器、跳至转搜索页、跳转至观看历史页、跳转至关注页等。也就是说，跳转控件用于配置当接收到用户的跳转触发操作时，应该如何跳转，以及跳转到哪里。
136.步骤s804，通过信息上报控件，配置对互动操作所对应的操作位置和操作信息的上报方式。
137.这里，信息上报控件对应着上报信息，用于控制对用户的任意一种互动操作对应的操作位置和操作信息进行上报的上报方式，例如，互动操作的操作位置包括但不限于：所在的频道、在应用页面上(也可以是待显示频道页)所在的分组、在应用页面上(也可以是待显示频道页)所在的行、在应用页面上(也可以是待显示频道页)所在的组件、在应用页面上(也可以是待显示频道页)所在的格子、在应用页面上(也可以是待显示频道页)所在的格子内条目索引等；互动操作的操作信息包括但不限于：内容类型和内容标识字段等。
138.本技术实施例提供的页面显示方法，通过添加信息展示控件、跳转控件和信息上报控件，以配置目标视频组件在待显示频道页中的展示内容、跳转方式和上报方式，从而实现在用户与tv端应用进行交互时，对待显示频道页进行准确的信息显示。
139.下面，将说明本技术实施例在一个实际的应用场景中的示例性应用。
140.本技术实施例提供一种页面显示方法，应用于tv端应用，为例便于理解，本技术实施例以tv端应用为云视听极光app为例进行说明。在云视听极光a pp上，当用户长按对应的组件(即视频组件)后，可以让用户选择是否关注对应组件，如图9所示，是本技术实施例提供的用户选择关注组件的界面图，用户可以选择关注云试听极光app的当前界面90上的头条新闻组件901，当用户选择关注头条新闻组件901后，会新增一个“最爱”频道页902(对应上述实施例中的预设视频页)，该频道页902会承载用户关注的组件集合。
141.本技术实施例中，关于组件的存储技术，对于云视听极光上每个配置的组件，都会对应一个组件id(componentid)，该组件id具有唯一性。组件id的生成规则如以下公式(1-1)：
142.componentid＝md5(type、timestamp、rand、op)(1-1)；
143.这里，type表示组件的产品形态；timestamp表示新建时间戳；rand表示随机值；op表示新建负责人。本技术实施例中，可以采用消息摘要算法(md5，message digest algorithm md5)来确定组件id。需要说明的是，对于每个组件id，都会关联一些特性信息，
例如特性信息包括但不限于：组件高度、组件宽度、组件浮层、组件展示形态和组件关联视频集合等。
144.对于用户与关注的组件之间的对应关系存储，与用户与关注的up主的存储技术类似，可以是将用户id与组件id关联存储，对于用户未登录的情况，可以将云视听极光app的设备id与组件id关联存储。
145.在一些实施例中，“最爱”频道页下页面布局技术的实现过程可以是：首先利用云视听极光app的首页瀑布流、以及页面布局的七层结构和控件化技术，对频道页进行抽象。图10是本技术实施例提供的页面布局的示意图，如图10所示，页面布局的七层结构包括：页面(page)1001、段落(section)1002、分组(group)1003、行(line)1004、组件(component)1005、格子(grid)1006和控件(item)1007。
146.下面对这七层结构分别进行解释说明：
147.页面(page)1001：每一个频道的内容即可看做是一个页面，页面由频道导航栏tab里的名字所关联。如：“我的”、“精选”、“汽车”、“电影”、“电视”、“综艺”等。
148.段落(section)1002：页面1001由多个段落1002由上到下排列组成，且段落1002是分组1003的父结构，一个段落1002由多个分组1003组成，且分组1003从左到右排列。
149.分组(group)1003：是运营人员进行视频分组的单元，定义一个视频主题，并将该主题下的视频集合与该内容分组关联起来，在分组1003内，可以通过参数控制是否展示分组标题漏出、标题的展示样式，以及分组的背景和图片等。
150.行(line)1004：是指分组1003内的内容。通常分组1003可以由多个行1004从上到下排列组成，同样的，在行1004内，有不同的内容填充方式，例如：观看历史的填充、客户端自定义填充，以及运营人员通过后台填充。不同的行1004类型的高度可以不一样，行1004是组件1005的父结构。
151.组件(component)1005：行1004内由多个组件1005组成，同一行1004的组件1005的高度设置一样，组件1005的样式由产品提前规划好，组件1005决定了格子1006的个数。
152.格子(grid)1006：格子1006里有多条“item-控件”内容，不同格子1006的类型，同样决定了控件1007的组织样式。
153.控件(item)1007：控件1007由信息展示控件(view)、跳转控件(actio n)和信息上报控件(report)组成，其中信息展示控件承载着内容的背景展示以及标题、时间等信息，跳转控件表示着跳转信息，信息上报控件对应着上报信息。
154.在页面的七层布局的基础上，下面说明用户关注的组件如何在“最爱”频道页下的内容布局展示。
155.对于用户id，通过后台访问数据库或者远程字典服务(redis，remote di ctionary server)查到所关注的组件列表后，可以获取到每个组件对应的高度、宽度和展示形态等相关信息。现根据以下规则将组件排列组合到页面中：
156.第一步，将组件按照高度分组；第二步，根据分组后的每一组组件，以关注时间排序(关注时间越新的排在前面)，依次将分组并排序后的组件放入到分组中，并组成段落，由于段落的宽度有限，因此，对于超过了段落的宽度的组件，可以将这些组件放入下一个分组中；第三步，重复第二步的过程，直到所有的组件都放入到分组中，最后组成了“最爱”频道页的布局。
157.本技术实施例提供的页面显示方法，将组件作为一种视频集合的形态，用户可以快速定位到自己喜欢的组件，而不用繁琐的切换频道页，然后在频道页上下选择。并且，增加了一种新的用户关注维度，使得用户关注的视频更加多样化。另外，充分利用了运营人员花费大量时间、精力挑选视频通过组件的形态聚合在一起的特点，使得用户可以快速触达到运营人员挑选的视频集合。
158.本技术实施例提供的页面显示方法，主要提供了一种新的用户关注方式，在之前用户关注up主的基础上，还可以关注首页布局上的组件。在实现上，利用了首页设计上的瀑布流模式和七层布局和控件抽象。对于用户关注的组件构成的“最爱”频道页，还可以作一些扩展，例如：可以在最爱频道页上增加红点以提升最爱频道有内容更新，或者通过与客户端的长连接，即时通知用户所关注的组件上有视频更新。
159.下面继续说明本技术实施例提供的页面显示装置354实施为软件模块的示例性结构，在一些实施例中，如图3所示，存储在存储器350的页面显示装置354中的软件模块可以是服务器300中的页面显示装置，包括：
160.第一获取模块，用于获取对应用页面中的至少一个视频组件的互动操作；
161.确定模块，用于当对任一视频组件的互动操作的类型为预设类型时，将对应视频组件确定为目标视频组件，形成目标视频组件集合；
162.第二获取模块，用于获取所述目标视频组件集合中的每一目标视频组件的状态参数；
163.添加模块，用于根据所述状态参数，将所述目标视频组件集合中的每一目标视频组件添加至预设频道页中，形成待显示频道页；
164.显示模块，用于在当前界面上显示所述待显示频道页。
165.在一些实施例中，所述应用页面为tv端应用的任一频道页；所述tv端应用的每一频道页中包括至少一个所述视频组件；
166.每一所述视频组件对应一视频集合的入口，所述视频集合中包括至少两个视频，且每一所述视频集合中的视频之间具有预设相关度。
167.在一些实施例中，所述装置还包括：
168.第三获取模块，用于获取预设视频库中的每一视频的属性参数；
169.筛选模块，用于根据所述每一视频的属性参数，在所述预设视频库中筛选出第一数量的候选视频，形成候选视频集合；
170.视频集合确定模块，用于在所述候选视频集合中，将具有所述预设相关度的候选视频确定为同一所述视频集合中的视频。
171.在一些实施例中，所述确定模块还用于：
172.当对任一视频组件的所述互动操作为关注操作时，检测所述tv端应用中是否具有所述预设频道页；
173.当所述tv端应用中没有所述预设频道页时，在所述tv端应用中新增所述预设频道页，并将对应视频组件确定为所述目标视频组件，形成所述目标视频组件集合；
174.当所述tv端应用中具有所述预设频道页时，将对应视频组件添加至所述目标视频组件集合中。
175.在一些实施例中，所述添加模块还用于：
176.根据所述状态参数，对所述目标视频组件集合中的目标视频组件进行分组，形成至少一个目标视频组件分组；
177.获取对每一目标视频组件分组中的目标视频组件进行所述互动操作的时刻；
178.按照所述时刻，对所述至少一个目标视频组件分组进行排序，形成目标视频组件分组序列；
179.按照所述目标视频组件分组序列中的目标视频组件分组的顺序，依次将每一目标视频组件分组添加至所述预设频道页中，形成所述待显示频道页。
180.在一些实施例中，所述状态参数包括所述目标视频组件的高度和宽度；
181.所述添加模块还用于：
182.将具有相同高度的目标视频组件划分至同一个目标视频组件分组中，且同一个所述目标视频组件分组中的目标视频组件的所述宽度之和，小于或等于所述预设频道页的页面宽度。
183.在一些实施例中，所述装置还包括：
184.控件添加模块，用于为所述待显示频道页上的所述目标视频组件添加以下至少之一：信息展示控件、跳转控件和信息上报控件；
185.处理模块，用于通过所述信息展示控件，配置所述目标视频组件在所述待显示频道页中的展示内容；通过所述跳转控件，配置所述目标视频组件在接收到互动操作时的跳转方式；通过所述信息上报控件，配置对所述互动操作所对应的操作位置和操作信息的上报方式。
186.需要说明的是，本技术实施例装置的描述，与上述方法实施例的描述是类似的，具有同方法实施例相似的有益效果，因此不做赘述。对于本装置实施例中未披露的技术细节，请参照本技术方法实施例的描述而理解。
187.本技术实施例提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行本技术实施例上述的方法。
188.本技术实施例提供一种存储有可执行指令的存储介质，其中存储有可执行指令，当可执行指令被处理器执行时，将引起处理器执行本技术实施例提供的方法，例如，如图4示出的方法。
189.在一些实施例中，存储介质可以是计算机可读存储介质，例如，铁电存储器(fram，ferromagnetic random access memory)、只读存储器(rom，read only memory)、可编程只读存储器(prom，programmable read only memory)、可擦除可编程只读存储器(eprom，erasable programmable read only memory)、带电可擦可编程只读存储器(eeprom，electrically erasable programmable read only memory)、闪存、磁表面存储器、光盘、或光盘只读存储器(cd-rom，compact disk-read only memory)等存储器；也可以是包括上述存储器之一或任意组合的各种设备。
190.在一些实施例中，可执行指令可以采用程序、软件、软件模块、脚本或代码的形式，按任意形式的编程语言(包括编译或解释语言，或者声明性或过程性语言)来编写，并且其可按任意形式部署，包括被部署为独立的程序或者被部署为模块、组件、子例程或者适合在
计算环境中使用的其它单元。
191.作为示例，可执行指令可以但不一定对应于文件系统中的文件，可以可被存储在保存其它程序或数据的文件的一部分，例如，存储在超文本标记语言(html，hyper text markup language)文档中的一个或多个脚本中，存储在专用于所讨论的程序的单个文件中，或者，存储在多个协同文件(例如，存储一个或多个模块、子程序或代码部分的文件)中。作为示例，可执行指令可被部署为在一个计算设备上执行，或者在位于一个地点的多个计算设备上执行，又或者，在分布在多个地点且通过通信网络互连的多个计算设备上执行。
192.以上所述，仅为本技术的实施例而已，并非用于限定本技术的保护范围。凡在本技术的精神和范围之内所作的任何修改、等同替换和改进等，均包含在本技术的保护范围之内。