logo好方法网

一种页面处理方法、装置、设备及存储介质


技术摘要:
本申请实施例公开了一种页面处理方法、装置、设备及存储介质,该页面处理方法包括:在播放页面播放第一视频以及显示页面标识;当存在持续作用于页面标识的触发信号时,显示预览页面,预览页面中显示有预览列表;当页面标识被停止触发时,从预览页面切换至播放页面;以  全部
背景技术:
随着互联网技术的发展,网络视频成为一种在互联网中传递信息的重要媒介。网 络视频通常是指在网页或互联网客户端(例如微视、腾讯看点等等)中的服务页面进行播放 的视频,网络视频可以包括短视频、电视剧、电影等等。 目前,互联网用户采用信息流浏览网络视频,即互联网用户通过对网络视频的播 放页面上下滑动实现相邻视频的切换和浏览。例如,互联网用户将正在播放的网络视频向 显示屏幕的顶端滑动,则网络视频被切换为视频播放列表中该网络视频的后一个视频;或 者,互联网用户将正在播放的网络视频向显示屏幕的底端滑动,则网络视频被切换为视频 播放列表中该网络视频的前一个视频。可见,上述现有技术在进行视频切换时,只能实现相 邻视频的切换,即切换后的视频是视频播放列表中正在播放的网络视频的后一个视频或者 前一个视频,这样的处理方式不够灵活,处理效率低。
技术实现要素:
本申请实施例提供了一种页面处理方法、装置、设备及存储介质,可以实现页面及 页面内视频的灵活切换,提升处理效率。 一方面,本申请实施例提供一种页面处理方法,该方法包括: 在播放页面播放第一视频以及显示页面标识; 当存在持续作用于页面标识的触发信号时,显示预览页面,预览页面中显示有预 览列表; 当页面标识被停止触发时,从预览页面切换至播放页面;以及, 在播放页面中播放第二视频;第二视频是在预览页面中被选中的视频,第二视频 是预览列表中的任一视频。 另一方面,本申请实施例提供一种页面处理装置,该页面处理装置设于页面处理 设备内,该页面处理装置包括: 播放单元,用于在播放页面播放第一视频以及显示页面标识; 处理单元,用于当存在持续作用于页面标识的触发信号时,显示预览页面,预览页 面中显示有预览列表;当页面标识被停止触发时,从预览页面切换至播放页面;以及, 播放单元,用于在播放页面中播放第二视频;第二视频是在预览页面中被选中的 视频,第二视频是预览列表中的任一视频。 在一种实现方式中,触发信号包括作用于页面标识的第一操作产生的信号;处理 单元具体用于: 当第一操作作用于页面标识时,从播放页面切换至预览页面进行显示;以及, 4 CN 111596849 A 说 明 书 2/14 页 在播放页面中暂停播放第一视频。 在一种实现方式中,处理单元还用于: 在显示预览页面的过程中,若第一操作作用于页面标识的持续时间大于作用阈值 时,在预览页面中播放第二视频。 在一种实现方式中,处理单元还用于: 在预览页面中播放第二视频的过程中,当页面标识被停止触发时,获取第二视频 在预览页面中的播放进度; 处理单元具体用于:在播放页面中从获取到的播放进度开始播放第二视频。 在一种实现方式中,预览列表包含多个预览视频,预览页面包含视频显示区域,预 览列表中进入至视频显示区域内的预览视频将被预览显示; 视频显示区域包含选择区域,第二视频是指进入至选择区域中的预览视频。 在一种实现方式中,选择区域在视频显示区域的位置可包括以下至少一种:顶部 位置、底部位置、顶部位置与底部位置之间的任意位置。 在一种实现方式中,触发信号还包括作用于页面标识的第二操作产生的信号;处 理单元还用于: 当第二操作作用于页面标识时,调整进入至视频显示区域内的预览视频。 在一种实现方式中,处理单元具体用于: 获取第二视频的帧图像中位于选择区域内的部分图像面积,并获取选择区域的参 照总面积; 若部分图像面积与参照总面积的比值大于比例阈值,则确定第二视频进入至选择 区域中。 在一种实现方式中,显示屏幕至少包括第一显示层和第二显示层,第一显示层的 优先级高于第二显示层的优先级,各显示层按照优先级由高至低的顺序进行排列。 在一种实现方式中,处理单元具体用于: 设置播放页面的透明度以使播放页面处于可见状态; 在第一显示层中显示播放页面,并在播放页面中显示页面标识。 在一种实现方式中,当不存在持续作用于页面标识的触发信号时,处理单元还用 于: 设置预览页面的透明度以使预览页面处于不可见状态; 在第二显示层中显示预览页面。 在一种实现方式中,处理单元具体用于: 当存在持续作用于页面标识的触发信号时,调整预览页面的透明度以使预览页面 由不可见状态变更为可见状态,并在预览页面中显示页面标识; 调整播放页面的透明度以使播放页面从可见状态变更为不可见状态;以及, 调整第二显示层的优先级,使第二显示层的优先级高于第一显示层的优先级。 在一种实现方式中,处理单元还用于: 显示订阅页面,订阅页面包含至少一个视频; 当订阅页面中的第一视频被选择播放时,触发在播放页面播放第一视频以及显示 页面标识的步骤;并将至少一个视频编排为预览列表,以及基于预览列表构建预览页面。 5 CN 111596849 A 说 明 书 3/14 页 另一方面,本申请实施例提供一种页面处理设备,该页面处理设备包括: 处理器,适于实现一条或多条指令;以及, 计算机可读存储介质,该计算机可读存储介质存储有一条或多条指令,一条或多 条指令适于由处理器加载并执行上述的页面处理方法。 另一方面,本申请实施例提供一种计算机可读存储介质,该计算机可读存储介质 存储有一条或多条指令,一条或多条指令适于由处理器加载并执行上述的页面处理方法。 本申请实施例中,在播放页面播放第一视频以及显示页面标识;当存在持续作用 于页面标识的触发信号时,显示预览页面;当页面标识被停止触发时,从预览页面切换至播 放页面;以及,在播放页面中播放第二视频。通过设置页面标识,对该页面标识进行便捷操 作即可实现视频的播放页面与预览页面之间的快速切换,还可以实现从第一视频向任意第 二视频的快速切换,对页面及页面内视频的切换处理较为灵活,有效提升了页面处理效率, 同时能够满足视频的预览需求和视频的切换需求。 附图说明 为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例描述 中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施 例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获 得其他的附图。 图1示出了本申请一个示例性实施例提供的一种页面处理系统的架构示意图; 图2a示出了本申请一个示例性实施例提供的一种订阅页面的示意图; 图2b示出了本申请一个示例性实施例提供的一种页面切换过程的示意图; 图2c示出了本申请另一个示例性实施例提供的一种页面切换过程的示意图; 图3示出了本申请一个示例性实施例提供的一种页面处理方法的流程示意图; 图4a示出了本申请一个示例性实施例提供的一种预览视频显示方式的页面示意 图; 图4b示出了本申请另一个示例性实施例提供的一种预览视频显示方式的页面示 意图; 图4c示出了本申请另一个示例性实施例提供的一种第二视频确定方式的示意图; 图5示出了本申请另一个示例性实施例提供的一种页面处理方法的流程示意图; 图6示出了本申请另一个示例性实施例提供的一种页面处理方法的流程示意图; 图7示出了本申请一个示例性实施例提供的一种页面处理装置的结构示意图; 图8示出了本申请一个示例性实施例提供的一种页面处理设备的结构示意图。 具体实施 下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完 整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于 本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他 实施例,都属于本申请保护的范围。 请参见图1,图1示出了本申请一个示例性实施例提供的一种页面处理系统的架构 示意图,该页面处理系统包括终端101和服务器102。其中,终端101可以是智能手机、平板电 6 CN 111596849 A 说 明 书 4/14 页 脑(Tablet  PersonalComputer,Tablet  PC)、智能可穿载设备等,但并不局限于此,终端101 可配置显示屏幕,该显示屏幕可支持触屏功能,显示屏幕至少包括第一显示层和第二显示 层,第一显示层的优先级高于第二显示层的优先级,各显示层按照优先级由高至低的顺序 进行排列;服务器102可以是独立的物理服务器,也可以是多个物理服务器构成的服务器集 群或者分布式系统,还可以是提供云计算服务的云服务器。该终端101可以支持各种应用程 序(Application,APP)的安装及运行,此处的应用程序可包括但不限于社交应用程序(例如 微博APP、即时通信APP、带社交功能的地图APP等)、音视频应用程序(例如视频点播APP、音 频播放器等)、游戏应用程序等。终端101和服务器102可以通过有线通信或者无线通信方式 进行直接或间接地连接,本申请在此不做限制。 下面将结合具体应用场景,在由终端101和服务器102组成的页面处理系统中对本 申请实施例提供的页面处理方法进行描述: (1)显示订阅页面。 终端用户(即使用终端101浏览视频的互联网用户)使用终端101浏览并播放视频 的过程中,可以订阅或者收藏终端用户感兴趣的视频栏目,视频栏目是指同一类型的多个 视频组成的视频列表集合,例如美妆栏目是与美妆相关的多个视频组成的视频列表集合, 以便于视频切换时,终端101将处于播放状态的视频切换为终端用户已订阅视频栏目中的 任一个视频。当终端101检测到终端用户对订阅页面的选择操作时,显示订阅页面,如图2a 所示,图2a示出了本申请一个示例性实施例提供的一种订阅页面的示意图,该订阅页面包 括终端用户订阅的多个视频栏目(例如图2a所示的美妆栏目、汽车栏目、健身栏目和穿搭栏 目等),每个视频栏目可以包括同一类型的多个视频。此外,终端101还可以将订阅页面中终 端用户已订阅的视频栏目中的视频列表数据存储至终端101的本地数据库。终端101还可以 向服务器102发送视频列表数据更新请求;服务器102响应该视频列表数据更新请求,从服 务器102的数据库中获取用户已订阅的每一个视频栏目更新后的视频列表数据,并将其发 送至终端101;终端101可以根据上述更新后的视频列表数据对终端101的本地数据库进行 更新。 (2)在播放页面播放第一视频以及显示页面标识。 如图2b所示,图2b示出了本申请一个示例性实施例提供的一种页面切换过程的示 意图,当终端101检测到终端用户对第一视频(例如订阅页面中显示的任一个视频)的播放 操作(例如终端用户点击订阅页面中第一视频对应的播放按钮)时,终端101可以向服务器 102发送视频播放请求,该视频播放请求中携带第一视频的视频标识;服务器102响应该视 频播放请求,将第一视频发送至终端101;终端101接收到第一视频后,在播放页面播放第一 视频,并在播放页面中显示页面标识(例如图2b所示的小火箭标识)。 在一种实现方式中,如图2b所示,第一视频可以在播放页面中大图播放,即第一视 频的视频播放区域为整个播放页面,播放页面中还可以包括第一视频的视频说明信息,图 2b所示播放页面中第一视频的视频说明信息为第一视频的视频标题“春日穿搭小窍门”。在 另一种实现方式中,如图2c所示,图2c示出了本申请另一个示例性实施例提供的一种页面 切换过程的示意图,第一视频还可以在播放页面中小图播放,即视频播放区域为部分播放 页面,播放页面中除包括第一视频的视频说明信息外,播放页面中还可以包括终端用户已 订阅视频栏目中的其他视频以及其他视频的视频说明信息。 7 CN 111596849 A 说 明 书 5/14 页 在一种实现方式中,页面标识可以包括图形标识、文字标识等,图形标识可以包括 圆形标识、三角形标识、如图2b和图2c所示的小火箭标识等,在此不作限定。 (3)当存在持续作用于页面标识的触发信号时,显示预览页面,预览页面中显示有 预览列表。 触发信号可包括作用于页面标识的第一操作产生的信号,其中,第一操作可以包 括但不限于:长按操作(即持续按压页面标识的时间超过预设时长(例如一秒)的操作)。如 图2b所示,当终端用户长按页面标识时,终端101从播放页面切换至预览页面,并且终端101 在播放页面中暂停播放第一视频。其中,预览页面是页面标识被触发时显示的页面,预览页 面可以包括预览列表(即已订阅视频栏目中的视频列表数据),预览列表中可以包括多个预 览视频,终端101可以在预览页面中显示进入预览页面的视频显示区域(如图2b所示的虚线 方框)的预览视频。其中,预览视频可以是根据终端用户的历史行为推荐的视频;或者,可以 是终端用户标记过的视频(例如终端用户点赞过的视频、终端用户评论过的视频等);或者, 可以是终端用户的社交好友上传的视频;或者,可以是第一视频的上传者上传的其他视频; 或者,可以是与第一视频属于同一视频栏目中的视频等等。此外,预览页面可以包含视频显 示区域,视频显示区域还可以包括选择区域(如图2b所示的灰色方框),选择区域中显示的 预览视频为终端用户选择播放的预览视频,比如,选择区域高亮显示终端用户选择播放的 预览视频,即选择区域显示的预览视频的亮度高于其他预览视频,选择区域在视频显示区 域的位置可包括以下至少一种:顶部位置、底部位置、顶部位置与底部位置之间的任意位 置。在一种实施方式中,终端101从播放页面切换至预览页面时,预览页面的选择区域中显 示的预览视频为第一视频。 在一种实现方式中,如图2b所示,预览视频可以大图显示于预览页面中,即预览视 频在预览页面中所占的位置区域面积较大(如超过一个设定值,例如超过预览页面总面积 的50%以上),预览页面中还可以包括预览视频的视频说明信息,该视频说明信息可包括: 视频作者、视频标题、点赞数量、评论数量中的至少一个;在另一种实现方式中,如图2c所 示,预览视频还可以小图显示于预览页面中,即预览视频在预览页面中所占的位置区域面 积较小,预览页面中同样也可以包括预览视频的视频说明信息。 在一种实现方式中,触发信号可包括作用于页面标识的第二操作产生的信号,其 中,第二操作可以包括但不限于:滑动操作(即通过手指在终端屏幕上下移动或左右移动, 带动页面标识按照手指的移动轨迹在页面中上下移动或左右移动的操作)。如图2b所示,当 终端用户滑动预览页面中的页面标识时,终端101调整进入预览页面的视频显示区域内的 预览视频,即进入至预览页面的视频显示区域内的预览视频将跟随用户的滑动操作而发生 变化。例如,当终端用户向上滑动页面标识时,预览列表中的各个预览视频向下滚动,从而 使得进入至视频显示区域中的预览视频发生变化;当终端用户向下滑动页面标识时,预览 列表中的各个预览视频向上滚动,从而使得进入至视频显示区域中的预览视频发生变化。 在一种实现方式中,如图2b所示,若终端用户滑动页面标识至第二视频(即预览列 表中除第一视频外的其他视频)显示于选择区域,且第二视频显示于选择区域的时长超过 作用阈值(例如一秒),终端101确定终端用户选择播放第二视频,此处的第二视频即是图2b 中视频标题为“如何扎丸子头”的预览视频,终端101可以向服务器102发送视频播放请求, 该视频播放请求中携带第二视频的视频标识;服务器102响应该视频播放请求,将第二视频 8 CN 111596849 A 说 明 书 6/14 页 发送至终端101;终端101接收到第二视频后,终端101可以在预览页面中播放第二视频。 (4)当页面标识被停止触发时,从预览页面切换至播放页面。 如图2b所示,当终端用户松开页面标识时,终端101从预览页面的预览列表中获取 终端用户选择播放的第二视频,并从预览页面切换至播放页面。 在一种实现方式中,如图2b所示,终端101还可以获取第二视频在预览页面中的播 放进度,并将第二视频在预览页面中的播放进度同步至播放页面中,通过这种方式,第二视 频在预览页面中的播放进度与第二视频在播放页面中的播放进度保持一致,终端101切换 页面的操作并未影响终端用户观看第二视频时的连续性。 在一种实现方式中,如图2b所示,第二视频可以在播放页面中大图播放,即第二视 频的视频播放区域为整个播放页面,播放页面中还可以包括第二视频的视频说明信息。在 另一种实现方式中,如图2c所示,第二视频还可以在播放页面中小图播放,即第二视频的视 频播放区域为部分播放页面,播放页面中除包括第二视频的视频说明信息外,播放页面中 还可以包括终端用户已订阅视频栏目中的其他视频以及其他视频的视频说明信息。 本申请实施例中,当终端用户长按播放页面中的页面标识时,终端显示预览页面; 当终端用户滑动页面标识时,终端调整视频显示区域内的预览视频发生变化;若终端用户 长按页面标识至第二视频显示于选择区域的时长超过作用阈值,终端确定用户选择播放的 视频为第二视频,终端在预览页面中播放第二视频;当终端用户松开页面标识时,终端从预 览页面切换至播放页面,并在播放页面中播放第二视频。终端通过设置页面标识,终端用户 对该页面标识进行便捷操作即可触发终端实现视频的播放页面与预览页面之间的快速切 换,还可实现从第一视频向任意第二视频的快速切换,对页面及页面内的视频的切换处理 较为灵活,有效提升了页面处理效率,同时能够满足终端用户的视频预览需求和视频切换 需求。 基于上述描述,请参见图3,图3示出了本申请一个示例性实施例提供的一种页面 处理方法的流程示意图,该页面处理方法可以由图1所示实施例中的终端101执行,该页面 处理方法包括以下步骤S301至步骤S304: 步骤S301,在播放页面播放第一视频以及显示页面标识。 在一种实现方式中,步骤S301可包括:设置播放页面的透明度以使播放页面处于 可见状态;在第一显示层中显示播放页面,并在播放页面中显示页面标识。在该实施方式 中,当终端检测到对第一视频的播放操作时,终端可以显示播放页面,并在播放页面中显示 页面标识。本申请实施例中,页面标识的形状、结构可以根据实际需求设定,例如页面标识 可以是图2b所示的小火箭标识,也可以是图3所示的灰色圆形标识,本申请实施例并不对此 进行限定。 步骤S302,当存在持续作用于页面标识的触发信号时,显示预览页面,预览页面中 显示有预览列表。 在一种实现方式中,当第一操作(例如上述长按页面标识的操作)作用于页面标识 时,终端可以从播放页面切换至预览页面,并且在播放页面中暂停播放第一视频。 在一种实现方式中,在显示预览页面的过程中,若第一操作作用于页面标识的持 续时间大于作用阈值时,在预览页面中播放第二视频。 在一种实现方式中,以播放页面与预览页面之间的切换方式为例对终端中各个页 9 CN 111596849 A 说 明 书 7/14 页 面之间切换的方式进行描述,终端中其他页面之间的切换方式可以参见播放页面与预览页 面之间的切换方式;其中,播放页面与预览页面之间的切换方式可以为:当存在持续作用于 页面标识的触发信号时,调整预览页面的透明度以使预览页面由不可见状态变更为可见状 态,并在预览页面中显示页面标识;调整播放页面的透明度以使播放页面从可见状态变更 为不可见状态;以及,调整第二显示层的优先级,使第二显示层的优先级高于第一显示层的 优先级。在该实施方式中,终端从播放页面切换至预览页面时,终端调整播放页面与预览页 面的显示优先级,使得调整后的播放页面的显示优先级低于预览页面的显示优先级,终端 还可以调整播放页面与预览页面的透明度,例如,终端将播放页面的透明度设置为100,将 预览页面的透明度设置为0(此处用实数区间[0,100]表示终端中各个页面的透明度,0表示 页面不透明,100表示页面透明,实数区间(0,100)之间的实数表示页面的透明度介于不透 明和透明之间);终端从预览页面切换至播放页面时,终端调整播放页面与预览页面的显示 优先级,使得调整后的播放页面的显示优先级高于预览页面的显示优先级,终端还可以调 整播放页面与预览页面的透明度,例如,终端将播放页面的透明度设置为0,将预览页面的 透明度设置为100。 具体地,请参见图4a和图4b,图4a示出了本申请一个示例性实施例提供的一种预 览视频显示方式的页面示意图,图4b示出了本申请另一个示例性实施例提供的一种预览视 频显示方式的页面示意图,终端在预览页面中显示预览列表中进入至视频显示区域内的预 览视频方式可以为:如图4a所示,预览页面的视频显示区域中的预览视频与预览视频的视 频说明信息(如图4a所示的标题)在水平方向上并列显示(与图2c所示的小图显示对应);或 者,如图4b所示,预览页面的视频显示区域中的预览视频与预览视频的视频说明信息(如图 4b所示的标题)在垂直方向上并列显示(与图2b所示的大图显示对应)。 在一种实现方式中,当不存在持续作用于页面标识的触发信号时,设置预览页面 的透明度以使预览页面处于不可见状态;在第二显示层中显示预览页面。换句话说,预览页 面位于第二显示层,播放页面位于第一显示层,且第一显示层的优先级等级高于第二显示 层。 步骤S303,当页面标识被停止触发时,从预览页面切换至播放页面。 在一种实现方式中,当停止作用于页面标识的操作(例如上述松开页面标识的操 作)时,终端从预览列表中获取进入选择区域的第二视频,并从预览页面切换至播放页面, 第二视频是预览列表中除第一视频外的任一个预览视频。 在一种实现方式中,从预览页面切换至播放页面的方式可包括但不限于:设置预 览页面的透明度以使预览页面处于不可见状态(例如设置预览页面的透明度为100%);设 置播放页面的透明度以使播放页面处于可见状态(例如设置播放页面的透明度为0);在第 二显示层中显示预览页面以及在第一显示层显示播放页面。 步骤S304,在播放页面中播放第二视频;第二视频是在预览页面中被选中的视频, 第二视频是预览列表中的任一视频。 其中,第二视频是指进入至选择区域中的预览视频。 在一种实现方式中,终端判断第二视频是否进入至选择区域中的方式可包括但不 限于:获取第二视频的帧图像中位于选择区域内的部分图像面积,并获取选择区域的参照 总面积;若部分图像面积与参照总面积的比值大于比例阈值,则确定第二视频进入至选择 10 CN 111596849 A 说 明 书 8/14 页 区域中。请参见图4c,图4c示出了本申请一个示例性实施例提供的一种第二视频确定方式 的示意图,终端从预览列表中获取进入选择区域的第一预览视频和第二预览视频,第一预 览视频和第二预览视频是预览列表中任意两个相邻的预览视频,在选择区域中第一预览视 频位于第二预览视频的顶部;终端确定第一预览视频在选择区域中的区域面积,并获取选 择区域的参照总面积;若区域面积与参照总面积的比值大于或者等于比例阈值(例如 70%),则终端可以将第一预览视频作为第二视频;若区域面积与参照总面积的比值小于比 例阈值,则终端可以将第二预览视频作为第二视频。 在另一种实现方式中,终端判断第二视频是否进入至选择区域中的方式可包括但 不限于:终端从预览列表中获取进入选择区域的第一预览视频和第二预览视频,第一预览 视频和第二预览视频是预览列表中任意两个相邻的预览视频,在选择区域中第一预览视频 位于第二预览视频的顶部;终端确定第一预览视频在选择区域中的区域面积和第二预览视 频在选择区域中的区域面积;若第一预览视频在选择区域中的区域面积大于或者等于第二 预览视频在选择区域中的区域面积,则终端可以将第一预览视频作为第二视频;若第一预 览视频在选择区域中的区域面积小于第二预览视频在选择区域中的区域面积,则终端可以 将第二预览视频作为第二视频。 在一种实现方式中,终端还可以在预览页面中播放第二视频的过程中,当页面标 识被停止触发时,获取第二视频在预览页面中的播放进度;在播放页面中播放第二视频包 括:在播放页面中从获取到的播放进度开始播放第二视频。通过这种方式,第二视频在预览 页面中的播放进度与第二视频在播放页面中的播放进度一致,保持视频播放的连续性。 本申请实施例中,终端从预览列表中获取的第二视频是终端用户通过滑动页面标 识从预览列表中选择的视频,满足终端用户对视频的切换需求,且对视频的切换处理方式 较为灵活;第二视频在预览页面的选择区域中的区域面积占有最大比例,因此更加符合终 端用户的视频选择习惯;此外,终端将第二视频在预览页面中的播放进度同步至播放页面, 使得第二视频在预览页面中的播放进度与第二视频在播放页面中的播放进度一致,可以保 持视频播放的连续性。 请参见图5,图5示出了本申请另一个示例性实施例提供的一种页面处理方法的流 程示意图,该页面处理方法可以由图1所示实施例中的终端101执行,该页面处理方法包括 以下步骤S501至步骤S505: 步骤S501,在播放页面播放第一视频以及显示页面标识。 在一种实现方式中,在播放页面播放第一视频之前,终端还可显示订阅页面,订阅 页面包含至少一个视频;当订阅页面中的第一视频被选择播放时,触发在播放页面播放第 一视频以及显示页面标识的步骤;并将至少一个视频编排为预览列表,以及基于预览列表 构建预览页面。在该实施方式中,终端将至少一个视频编排为预览列表时,可将当前的视频 数据置前,这样实现快速浏览第一个显示的视频是当前播放的视频。 其中,步骤S501的具体实施过程可参照图3中步骤S301所描述的实施过程的相关 描述,在此不再赘述。 步骤S502,当第一操作作用于页面标识时,显示预览页面。 本申请实施例中步骤S502的执行过程与图3所示实施例中步骤S302的执行过程相 同,具体执行过程可以参见图3所示实施例的描述,在此不再赘述。 11 CN 111596849 A 说 明 书 9/14 页 步骤S503,当第二操作作用于页面标识时,显示预览页面且调整进入至视频显示 区域内的预览视频。 在一种实现方式中,第二操作(例如上述滑动页面标识的操作)持续作用于页面标 识使得终端持续显示预览页面;终端可以响应于对页面标识的第二操作,调整进入至视频 显示区域内的预览视频。例如,当向上滑动页面标识的操作作用于页面标识时,预览列表中 的各个预览视频向下滚动;当向下滑动页面标识的操作作用于页面标识时,预览列表中的 各个预览视频向上滚动。 需要说明的是,第一操作和第二操作可以是连贯的操作,可以理解为长按页面标 识的操作和滑动页面标识的操作是连贯的操作,或者,第一操作和第二操作中的任一操作 可单独被执行,比如只对页面标识执行长按操作或者只对页面标识执行滑动操作,本申请 实施例对此不作限定。 在一种实现方式中,页面标识具有最高显示优先级,不论在终端屏幕中显示的是 播放页面,播放页面或者预览页面,都会一并显示页面标识,终端用户对页面标识的操作 (即第一操作或第二操作),都是由当前在终端屏幕中显示的页面响应;例如,当前在终端屏 幕中显示的页面为播放页面,终端用户对页面标识执行第一操作,由播放页面对第一操作 进行响应。 步骤S504,当页面标识被停止触发时,从预览页面切换至播放页面。 本申请实施例中步骤S504的执行过程与图3所示实施例中步骤S303的执行过程相 同,具体执行过程可以参见图3所示实施例的描述,在此不再赘述。 步骤S505,在播放页面中播放第二视频。 本申请实施例中步骤S505的执行过程与图3所示实施例中步骤S304的执行过程相 同,具体执行过程可以参见图3所示实施例的描述,在此不再赘述。本申请实施例中,终端通 过设置页面标识,终端用户对该页面标识进行便捷操作即可触发终端实现视频的播放页面 与预览页面之间的快速切换,还可实现从第一视频向任意第二视频的快速切换,对页面及 页面内的视频的切换处理较为灵活,有效提升了页面处理效率,同时能够满足终端用户的 视频预览需求和视频切换需求。此外,终端用户可以在预览页面中浏览并播放多个预览视 频,若终端用户对某一个预览视频(即第二视频)感兴趣,终端用户停止对页面标识的操作 (例如松开页面标识),从预览页面切换至播放页面,进一步满足终端用户的视频预览需求。 请参见图6,图6示出了本申请另一个示例性实施例提供的一种页面处理方法的流 程示意图,该页面处理方法可以由图1所示实施例中的终端101执行,该页面处理方法包括 以下步骤S601至步骤S609: 步骤S601,当终端检测到访问订阅页面的操作(即对订阅页面的选择操作)时,显 示订阅页面。 在一种实现方式中,终端可以将订阅页面(例如图2a所示的订阅页面)中终端用户 已订阅视频列表数据存储至终端的本地数据库。终端还可以向服务器发送视频列表数据更 新请求,并接收服务器从服务器的数据库(即远程数据库)中下发的更新后的视频列表数 据,终端根据服务器下发的更新后的视频列表数据对本地数据库中的视频列表数据进行更 新。 步骤S602,当终端检测到对订阅页面中的第一视频的播放操作时,显示播放页面。 12 CN 111596849 A 说 明 书 10/14 页 步骤S603,终端读取本地数据库中的视频列表数据,并根据视频列表数据对原始 预览列表进行重新编排,将第一视频置于预览列表的顶部位置。 步骤S604,终端根据重新编排后的预览列表构建预览页面。 步骤S605,终端在播放页面中显示页面标识。 需要说明的是,对于终端用户而言,播放页面与页面标识是同时显示于终端中的, 但是对于终端而言,还存在根据视频列表数据对原始预览列表进行重新编排、根据重新编 排后的预览列表构建预览页面两个执行过程,预览页面构建成功后,终端在播放页面中显 示页面标识。 步骤S606,当终端检测到在播放页面中长按页面标识的操作时,终端从播放页面 切换至预览页面,并在播放页面中暂停播放第一视频。 步骤S607,当终端检测到在预览页面中滑动页面标识的操作时,滚动显示预览列 表,当终端检测到对页面标识的滑动操作切换为长按操作时,终端检测选择区域内的第一 预览视频的区域面积与选择区域的参照总面积的比值是否大于比例阈值。 步骤S608,若选择区域内的第一预览视频的区域面积与选择区域的参照总面积的 比值大于或者等于比例阈值,终端高亮显示第一预览视频的位置区域,并在预览页面中播 放第一预览视频,终端将第一预览视频作为第二视频;若选择区域内的第一预览视频的区 域面积与选择区域的参照总面积的比值小于比例阈值,终端高亮显示第二预览视频的位置 区域,并在预览页面中播放第二预览视频,终端将第二预览视频作为第二视频。在预览页面 中播放第二视频(即第一预览视频或第二预览视频)时,终端将视频的播放页面的视频播放 地址调整为预览页面中正在播放的第二视频的URL(Uniform  Resource  Locator,统一资源 定位符),通过这种处理方式,可以使得由预览页面切换至播放页面时,减少终端用户的等 待页面切换的时间。 当然,在显示预览页面过程中,用户可以对页面标识进行依次进行多种操作,以实 现在预览页面中浏览并观看多个预览视频。 步骤S609,当终端检测到松开页面标识的操作时,终端从预览页面的预览列表中 获取第二视频,并从预览页面切换至播放页面。此外,终端还获取第二视频在预览页面的播 放进度,并将预览页面中第二视频的播放进度传递至播放页面,使得预览页面中第二视频 的播放进度与播放页面中第二视频的播放进度保持一致。 本申请实施例中,当终端用户长按页面标识时,终端从播放页面切换至预览页面; 当终端用户滑动页面标识时,终端调整预览列表中的各个预览视频向下滚动或者向上滚 动;若终端用户滑动页面标识至第二视频显示于选择区域的时长超过作用阈值,且在选择 区域内的第二视频的区域面积与选择区域的参照总面积的比值大于或者等于比例阈值,终 端确定用户选择播放的视频为第二视频,终端在预览页面中播放第二视频;当终端用户松 开页面标识时,终端从预览页面切换至播放页面,并在播放页面中播放第二视频。终端通过 设置页面标识,终端用户对该页面标识进行便捷操作即可触发终端实现视频的播放页面与 预览页面之间的快速切换,还可实现从第一视频向任意第二视频的快速切换,对页面及页 面内的视频的切换处理较为灵活,有效提升了页面处理效率,同时能够满足终端用户的视 频预览需求和视频切换需求。 请参见图7,图7示出了本申请一个示例性实施例提供的一种页面处理装置的结构 13 CN 111596849 A 说 明 书 11/14 页 示意图,该页面处理装置70可以是运行于终端101中的一个计算机程序(包括程序代码),例 如可以是终端101中的一个应用软件;该页面处理装置70可以用于执行图3、图5或图6所示 的方法中的相应步骤。请参见图7,该页面处理装置70包括如下单元: 播放单元701,用于在播放页面播放第一视频以及显示页面标识; 处理单元702,用于当存在持续作用于页面标识的触发信号时,显示预览页面,预 览页面中显示有预览列表;当页面标识被停止触发时,从预览页面切换至播放页面;以及, 播放单元701,在播放页面中播放第二视频;第二视频是在预览页面中被选中的视 频,第二视频是预览列表中的任一视频。 在一种实现方式中,触发信号包括作用于页面标识的第一操作产生的信号;处理 单元702具体用于: 当第一操作作用于页面标识时,从播放页面切换至预览页面进行显示;以及, 在播放页面中暂停播放第一视频。 在一种实现方式中,处理单元702还用于: 在显示预览页面的过程中,若第一操作作用于页面标识的持续时间大于作用阈值 时,在预览页面中播放第二视频。 在一种实现方式中,处理单元702还用于: 在预览页面中播放第二视频的过程中,当页面标识被停止触发时,获取第二视频 在预览页面中的播放进度; 处理单元702具体用于:在播放页面中从获取到的播放进度开始播放第二视频。 在一种实现方式中,预览列表包含多个预览视频,预览页面包含视频显示区域,预 览列表中进入至视频显示区域内的预览视频将被预览显示; 视频显示区域包含选择区域,第二视频是指进入至选择区域中的预览视频。 在一种实现方式中,选择区域在视频显示区域的位置可包括以下至少一种:顶部 位置、底部位置、顶部位置与底部位置之间的任意位置。 在一种实现方式中,触发信号还包括作用于页面标识的第二操作产生的信号;处 理单元702还用于: 当第二操作作用于页面标识时,调整进入至视频显示区域内的预览视频。 在一种实现方式中,处理单元702具体用于: 获取第二视频的帧图像中位于选择区域内的部分图像面积,并获取选择区域的参 照总面积; 若部分图像面积与参照总面积的比值大于比例阈值,则确定第二视频进入至选择 区域中。 在一种实现方式中,显示屏幕至少包括第一显示层和第二显示层,第一显示层的 优先级高于第二显示层的优先级,各显示层按照优先级由高至低的顺序进行排列。 在一种实现方式中,处理单元702具体用于: 设置播放页面的透明度以使播放页面处于可见状态; 在第一显示层中显示播放页面,并在播放页面中显示页面标识。 在一种实现方式中,当不存在持续作用于页面标识的触发信号时,处理单元702还 用于: 14 CN 111596849 A 说 明 书 12/14 页 设置预览页面的透明度以使预览页面处于不可见状态; 在第二显示层中显示预览页面。 在一种实现方式中,处理单元702具体用于: 当存在持续作用于页面标识的触发信号时,调整预览页面的透明度以使预览页面 由不可见状态变更为可见状态,并在预览页面中显示页面标识; 调整播放页面的透明度以使播放页面从可见状态变更为不可见状态;以及, 调整第二显示层的优先级,使第二显示层的优先级高于第一显示层的优先级。 在一种实现方式中,处理单元702还用于: 显示订阅页面,订阅页面包含至少一个视频; 当订阅页面中的第一视频被选择播放时,触发在播放页面播放第一视频以及显示 页面标识的步骤;并将至少一个视频编排为预览列表,以及基于预览列表构建预览页面。 根据本申请的一个实施例,图7所示的页面处理装置70中的各个单元可以分别或 全部合并为一个或若干个另外的单元来构成,或者其中的某个(些)单元还可以再拆分为功 能上更小的多个单元来构成,这可以实现同样的操作,而不影响本申请的实施例的技术效 果的实现。上述单元是基于逻辑功能划分的,在实际应用中,一个单元的功能也可以由多个 单元来实现,或者多个单元的功能由一个单元实现。在本申请的其它实施例中,该页面处理 装置70也可以包括其它单元,在实际应用中,这些功能也可以由其它单元协助实现,并且可 以由多个单元协作实现。根据本申请的另一个实施例,可以通过在包括例如中央处理单元 (CPU)、随机存取存储介质(RAM)、只读存储介质(ROM)等处理元件和存储元件的通用计算机 的通用计算设备上运行能够执行如图3、图5或图6中所示的相应方法所涉及的各步骤的计 算机程序(包括程序代码),来构造如图7中所示的页面处理装置70,以及来实现本申请实施 例的页面处理方法。计算机程序可以记载于例如计算机可读存储介质上,并通过计算机可 读存储介质装载于上述终端101中,并在其中运行。 本申请实施例中,在播放页面播放第一视频以及显示页面标识;当存在持续作用 于页面标识的触发信号时,显示预览页面;当页面标识被停止触发时,从预览页面切换至播 放页面;以及,在播放页面中播放第二视频。通过设置页面标识,对该显示标识进行便捷操 作即可实现视频的播放页面与预览页面之间的快速切换,还可以实现从第一视频向任意第 二视频的快速切换,对页面及页面内视频的切换处理较为灵活,有效提升了页面处理效率, 同时能够满足视频的预览需求和视频的切换需求。 请参见图8,图8示出了本申请一个示例性实施例提供的一种页面处理设备的结构 示意图,该页面处理设备80至少包括处理器801以及计算机可读存储介质802。其中,处理器 801以及计算机可读存储介质802可通过总线或者其它方式连接。计算机可读存储介质801 可以存储在存储器中,计算机可读存储介质802用于存储计算机程序,计算机程序包括程序 指令,处理器801用于执行计算机可读存储介质802存储的程序指令。处理器801(或称CPU (Central  Process  ing  Unit,中央处理器))是页面处理设备80的计算核心以及控制核心, 其适于实现一条或多条指令,具体适于加载并执行一条或多条指令从而实现相应方法流程 或相应功能。 本申请实施例还提供了一种计算机可读存储介质(Memory),计算机可读存储介质 是页面处理设备80中的记忆设备,用于存放程序和数据。可以理解的是,此处的计算机可读 15 CN 111596849 A 说 明 书 13/14 页 存储介质802既可以包括页面处理设备80中的内置存储介质,当然也可以包括页面处理设 备80所支持的扩展存储介质。计算机可读存储介质提供存储空间,该存储空间存储了页面 处理设备80的操作系统。并且,在该存储空间中还存放了适于被处理器801加载并执行的一 条或多条的指令,这些指令可以是一个或多个的计算机程序(包括程序代码)。需要说明的 是,此处的计算机可读存储介质802可以是高速RAM存储器,也可以是非不稳定的存储器 (Non-Volatile  Memory),例如至少一个磁盘存储器;可选的还可以是至少一个位于远离前 述处理器801的计算机可读存储介质。 该页面处理设备80可以是图1所示的终端101;该计算机可读存储介质802中存储 有一条或多条指令;由处理器801加载并执行计算机可读存储介质802中存放的一条或多条 指令,以实现上述页面处理方法实施例中的相应步骤;具体实现中,计算机可读存储介质 802中的一条或多条指令由处理器801加载并执行如下步骤: 在播放页面播放第一视频以及显示页面标识; 当存在持续作用于页面标识的触发信号时,显示预览页面,预览页面中显示有预 览列表; 当页面标识被停止触发时,从预览页面切换至播放页面;以及, 在播放页面中播放第二视频;第二视频是在预览页面中被选中的视频,第二视频 是预览列表中的任一视频。 在一种实现方式中,触发信号包括作用于页面标识的第一操作产生的信号; 计算机可读存储介质802中的一条或多条指令由处理器801加载并执行当存在持 续作用于页面标识的触发信号时,显示预览页面时,具体执行如下步骤: 当第一操作作用于页面标识时,从播放页面切换至预览页面进行显示;以及, 在播放页面中暂停播放第一视频。 在一种实现方式中,计算机可读存储介质802中的一条或多条指令由处理器801加 载并且还执行如下步骤: 在显示预览页面的过程中,若第一操作作用于页面标识的持续时间大于作用阈值 时,在预览页面中播放第二视频。 在一种实现方式中,计算机可读存储介质802中的一条或多条指令由处理器801加 载并且还执行如下步骤: 在预览页面中播放第二视频的过程中,当页面标识被停止触发时,获取第二视频 在预览页面中的播放进度; 计算机可读存储介质802中的一条或多条指令由处理器801加载并执行在播放页 面中播放第二视频时,具体执行如下步骤: 在播放页面中从获取到的播放进度开始播放第二视频。在一种实现方式中,预览 列表包含多个预览视频,预览页面包含视频显示区域,预览列表中进入至视频显示区域内 的预览视频将被预览显示;视频显示区域包含选择区域,第二视频是指进入至选择区域中 的预览视频。 在一种实现方式中,选择区域在视频显示区域的位置可包括以下至少一种:顶部 位置、底部位置、顶部位置与底部位置之间的任意位置。 在一种实现方式中,触发信号还包括作用于页面标识的第二操作产生的信号;计 16 CN 111596849 A 说 明 书 14/14 页 算机可读存储介质802中的一条或多条指令由处理器801加载并还执行如下步骤: 当第二操作作用于页面标识时,调整进入至视频显示区域内的预览视频。 在一种实现方式中,计算机可读存储介质802中的一条或多条指令由处理器801加 载并执行判断第二视频是否进入至选择区域中的方式时,具体执行如下步骤: 获取第二视频的帧图像中位于选择区域内的部分图像面积,并获取选择区域的参 照总面积; 若部分图像面积与参照总面积的比值大于比例阈值,则确第二视频进入至选择区 域中。 在一种实现方式中,显示屏幕至少包括第一显示层和第二显示层,第一显示层的 优先级高于第二显示层的优先级,各显示层按照优先级由高至低的顺序进行排列。 在一种实现方式中,计算机可读存储介质802中的一条或多条指令由处理器801加 载并且执行在播放页面播放第一视频以及显示页面标识时,具体执行如下步骤: 设置播放页面的透明度以使播放页面处于可见状态; 在第一显示层中显示播放页面,并在播放页面中显示页面标识。 在一种实现方式中,当不存在持续作用于页面标识的触发信号时;计算机可读存 储介质802中的一条或多条指令由处理器801加载并还执行如下步骤: 设置预览页面的透明度以使预览页面处于不可见状态; 在第二显示层中显示预览页面。 在一种实现方式中,当存在持续作用于页面标识的触发信号时;计算机可读存储 介质802中的一条或多条指令由处理器801加载并还执行如下步骤: 当存在持续作用于页面标识的触发信号时,调整预览页面的透明度以使预览页面 由不可见状态变更为可见状态,并在预览页面中显示页面标识; 调整播放页面的透明度以使播放页面从可见状态变更为不可见状态;以及, 调整第二显示层的优先级,使第二显示层的优先级高于第一显示层的优先级。 在一种实现方式中,计算机可读存储介质802中的一条或多条指令由处理器801加 载并还执行如下步骤: 显示订阅页面,订阅页面包含至少一个视频; [0200] 当订阅页面中的第一视频被选择播放时,触发在播放页面播放第一视频以及显示 页面标识的步骤;并将至少一个视频编排为预览列表,以及基于预览列表构建预览页面。 [0201] 本申请实施例中,在播放页面播放第一视频以及显示页面标识;当存在持续作用 于页面标识的触发信号时,显示预览页面;当页面标识被停止触发时,从预览页面切换至播 放页面;以及,在播放页面中播放第二视频。通过设置页面标识,对该页面标识进行便捷操 作即可实现视频的播放页面与预览页面之间的快速切换,还可以实现从第一视频向任意第 二视频的快速切换,对页面及页面内视频的切换处理较为灵活,有效提升了页面处理效率, 同时能够满足视频的预览需求和视频的切换需求。 [0202] 以上所述,仅为本申请的
下载此资料需消耗2积分,
分享到:
收藏