CN112866815B - 一种视频显示方法、装置及存储介质 - Google Patents
一种视频显示方法、装置及存储介质 Download PDFInfo
- Publication number
- CN112866815B CN112866815B CN202011619624.3A CN202011619624A CN112866815B CN 112866815 B CN112866815 B CN 112866815B CN 202011619624 A CN202011619624 A CN 202011619624A CN 112866815 B CN112866815 B CN 112866815B
- Authority
- CN
- China
- Prior art keywords
- video
- height
- video playing
- area
- playing area
- 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.)
- Active
Links
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/45—Management operations performed by the client for facilitating the reception of or the interaction with the content or administrating data related to the end-user or to the client device itself, e.g. learning user preferences for recommending movies, resolving scheduling conflicts
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
- H04N21/47217—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for controlling playback functions for recorded or on-demand content, e.g. using progress bars, mode or play-point indicators or bookmarks
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种视频显示方法、装置及存储介质,涉及视频处理技术领域,以解决在接收到用户的手势指令时,出现的处理事件冲突的问题。该方法中,通过在创建的单列表上显示视频播放区域和评论区域,并在响应滑动指令后,根据移动距离对视频播放区域和评论区域在显示页面所占的显示比例进行调整。这样,通过单列表实现视频缩放功能,可以有效地避免由双列表嵌套引发的处理事件冲突的问题。
Description
技术领域
本申请涉及视频处理技术领域,尤其涉及一种视频显示方法、装置及存储介质。
背景技术
随着网络技术的飞速发展,各种视频播放器也随之出现。而在视频播放过程中,用户可以在评论区进行评论以及进行其他互动操作。对于短视频播放而言,视频可缩放播放功能是目前播放短视频主流方式之一。
随着手机屏幕尺寸的增大,视频缩放播放可以保证用户在观看视频的同时,观看视频的评论,从而在提高用户在视频播放软件里的互动率的同时,增加了播放时长。
然而在相关技术中,实现视频可缩放播放功能通常是采用两个竖向列表嵌套,因此在接收到用户的手势指令时,会出现处理事件冲突的问题。
发明内容
本申请实施例提供一种视频显示方法、装置及存储介质,以解决在接收到用户的手势指令时,出现的处理事件冲突的问题。
根据本申请实施例的第一方面,提供一种视频显示方法,包括:
响应观看指令,在显示界面上显示可滚动列表;其中,所述可滚动列表包含视频播放区域和评论区域;
响应控制指令,控制所述可滚动列表移动,并确定所述可滚动列表的移动距离;
根据所述移动距离,对所述视频播放区域和所述评论区域在所述显示界面所占的显示比例进行调整。
在一种可能的实现方式中,所述在显示界面上显示可滚动列表,包括:
若所述视频播放区域的高度小于所述显示界面的高度,则在所述显示界面上显示所述视频播放区域和所述评论区域;或
若所述视频播放区域的高度不小于所述显示界面的高度,则在所述显示界面上显示所述视频播放区域。
在一种可能的实现方式中,所述在所述显示界面上显示所述视频播放区域,包括:
根据所述可滚动列表上边距的高度,确定所述视频播放区域在所述可滚动列表中的位置;其中,所述可滚动列表上边距的高度为所述视频播放区域的高度;
基于所述视频播放区域在所述可滚动列表中的位置,确定所述视频播放区域在所述显示界面上的位置;
基于所述视频播放区域在所述显示界面上的位置,在所述显示界面上显示所述视频播放区域。
在一种可能的实现方式中,通过下列方式确定所述视频播放区域的高度:
确定需要在所述视频播放区域中播放的视频的实际宽高比例;
将所述显示界面的宽度作为所述视频的宽度,并根据所述视频的实际宽高比例,确定所述视频在所述显示界面的高度;
将所述视频在所述显示界面的高度作为所述视频播放区域的高度。
在一种可能的实现方式中,所述根据所述移动距离,对所述视频播放区域和所述评论区域在所述显示界面所占的显示比例进行调整,包括:
根据所述移动距离,确定所述视频播放区域的更新高度和更新距离;其中,所述更新高度为所述视频播放区域在所述显示界面的高度;所述更新距离为所述可滚动列表顶部与所述显示界面顶部的距离;
根据所述更新距离和所述更新高度,确定所述视频播放区域在所述可滚动列表中的更新位置;
根据所述视频播放区域在所述可滚动列表中的更新位置,确定所述视频播放区域在所述显示界面的位置;
在所述显示界面的剩余部分上显示所述评论区域。
在一种可能的实现方式中,根据所述移动距离,确定所述视频播放区域的更新高度,包括:
将所述视频播放区域的高度与所述移动距离的差作为修正高度;
若所述修正高度未超过所述视频播放区域的预设最小高度,则确定所述视频播放区域的更新高度为所述修正高度;
若所述修正高度超过所述视频播放区域的预设最小高度,则确定所述视频播放区域的更新高度为所述预设最小高度。
在一种可能的实现方式中,所述根据所述更新距离和所述更新高度,确定所述视频播放区域在所述可滚动列表中的更新位置,包括:
根据所述更新高度与需要在所述视频播放区域中播放的视频的实际宽高比例,确定所述视频播放区域的更新宽度;
根据所述更新高度和所述更新宽度,确定所述视频播放区域的面积;
根据所述视频播放区域的面积和所述更新距离,确定所述视频播放区域在所述可滚动列表中的更新位置。
根据本申请实施例的第二方面,提供一种视频显示装置,包括:
显示单元,被配置为执行响应观看指令,在显示界面上显示可滚动列表;其中,所述可滚动列表包含视频播放区域和评论区域;
滚动单元,被配置为执行响应控制指令,控制所述可滚动列表移动,并确定所述可滚动列表的移动距离;
调整单元,被配置为执行根据所述移动距离,对所述视频播放区域和所述评论区域在所述显示界面所占的显示比例进行调整。
在一种可能的实现方式中,显示单元包括:
第一显示子单元,被配置为执行若所述视频播放区域的高度小于所述显示界面的高度,则在所述显示界面上显示所述视频播放区域和所述评论区域;或
第二显示子单元,被配置为执行若所述视频播放区域的高度不小于所述显示界面的高度,则在所述显示界面上显示所述视频播放区域。
在一种可能的实现方式中,显示单元具体被配置为执行:
根据所述可滚动列表上边距的高度,确定所述视频播放区域在所述可滚动列表中的位置;其中,所述可滚动列表上边距的高度为所述视频播放区域的高度;
基于所述视频播放区域在所述可滚动列表中的位置,确定所述视频播放区域在所述显示界面上的位置;
基于所述视频播放区域在所述显示界面上的位置,在所述显示界面上显示所述视频播放区域。
在一种可能的实现方式中,通过下列装置确定所述视频播放区域的高度:
第一确定单元,被配置为执行确定需要在所述视频播放区域中播放的视频的实际宽高比例;
第二确定单元,被配置为执行将所述显示界面的宽度作为所述视频的宽度,并根据所述视频的实际宽高比例,确定所述视频在所述显示界面的高度;
第三确定单元,被配置为执行将所述视频在所述显示界面的高度作为所述视频播放区域的高度。
在一种可能的实现方式中,调整单元包括:
第一确定子单元,被配置为执行根据所述移动距离,确定所述视频播放区域的更新高度和更新距离;其中,所述更新高度为所述视频播放区域在所述显示界面的高度;所述更新距离为所述可滚动列表顶部与所述显示界面顶部的距离;
第二确定子单元,被配置为执行根据所述更新距离和所述更新高度,确定所述视频播放区域在所述可滚动列表中的更新位置;
第三确定子单元,被配置为执行根据所述视频播放区域在所述可滚动列表中的更新位置,确定所述视频播放区域在所述显示界面的位置;
显示子单元,被配置为执行在所述显示界面的剩余部分上显示所述评论区域。
在一种可能的实现方式中,第一确定子单元具体被配置为执行:
将所述视频播放区域的高度与所述移动距离的差作为修正高度;
若所述修正高度未超过所述视频播放区域的预设最小高度,则确定所述视频播放区域的更新高度为所述修正高度;
若所述修正高度超过所述视频播放区域的预设最小高度,则确定所述视频播放区域的更新高度为所述预设最小高度。
在一种可能的实现方式中,第二确定子单元具体被配置为执行:
根据所述更新高度与需要在所述视频播放区域中播放的视频的实际宽高比例,确定所述视频播放区域的更新宽度;
根据所述更新高度和所述更新宽度,确定所述视频播放区域的面积;
根据所述视频播放区域的面积和所述更新距离,确定所述视频播放区域在所述可滚动列表中的更新位置。
根据本申请实施例的第三方面,提供一种电子设备,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现一种视频显示方法;
根据本申请实施例的第四方面,提供一种存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行一种视频显示方法;
根据本申请实施例的第五方面,提供一种计算机程序产品,包括至少一个处理器;以及与所述至少一个处理器通信连接的存储器;其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行本申请实施例提供的视频显示方法。
本申请的实施例提供的技术方案至少带来以下有益效果:
通过在创建的单列表上显示视频播放区域和评论区域,并在响应滑动指令后,根据移动距离对视频播放区域和评论区域在显示页面所占的显示比例进行调整。这样,通过单列表实现视频缩放功能,可以有效地避免由双列表嵌套引发的处理事件冲突的问题。
本申请的其它特征和优点将在随后的说明书中阐述,并且,部分地从说明书中变得显而易见,或者通过实施本申请而了解。本申请的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1为相关技术显示视频的显示示意图;
图2为相关技术滑动视频的显示示意图;
图3为本申请实施例中一种视频显示方法的流程示意图;
图4为本申请实施例中可滚动列表的示意图;
图5为本申请实施例中第一种视频未缩放时的示意图;
图6为本申请实施例中第二种视频未缩放时的示意图;
图7为本申请实施例中滑动视频的显示示意图;
图8为本申请实施例中一种视频显示装置的结构示意图;
图9为本申请实施方式中终端设备结构示意图。
具体实施方式
为了解决在接收到用户的手势指令时,出现的处理事件冲突的问题,本申请实施例中提供一种音频聚类方法、装置及存储介质。为了更好的理解本申请实施例提供的技术方案,这里对该方案的基本原理做一下简单说明:
需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。
下面结合附图介绍本申请实施例提供的技术方案。
随着网络技术的飞速发展,各种视频播放器也随之出现。而在视频播放过程中,用户可以在评论区进行评论以及进行其他互动操作。对于短视频播放而言,视频可缩放播放功能是目前播放短视频主流方式之一。随着手机屏幕尺寸的增大,视频缩放播放可以保证用户在观看视频的同时,观看视频的评论,从而在提高用户在视频播放软件里的互动率的同时,增加了播放时长。然而在相关技术中,实现视频可缩放播放功能通常是采用两个竖向列表嵌套,因此在接收到用户的手势指令时,会出现处理事件冲突的问题。
如图1所示,其为相关技术显示视频的显示方案。其中,在显示界面上由两个竖向列表嵌套,占据整个显示页面的为父列表,用以显示播放的视频;占据部分显示页面的为子列表,用以显示评论区域。根据上述方案来实现视频可缩放播放功能时,若在父列表和子列表重合的部分进行手势指令,例如滑动,可能会造成手势冲突的问题,即无法确认用户想对哪一个列表进行处理。
如图2所示,若用户在子列表的部分向上滑动,(由于父列表包含子列表,因此导致父列表和子列表重合)系统在处理时无法确认用户想对哪一个列表进行处理,对于子列表来说,向上滑动的手势表示滑动评论区域,显示其他评论;对于父列表来说,向上滑动的手势表示更换其他视频。
有鉴于此,本申请为了解决以上问题,提供了一种视频显示方法,通过在创建的单列表上显示视频播放区域和评论区域,并在响应滑动指令后,根据移动距离对视频播放区域和评论区域在显示页面所占的显示比例进行调整。这样,通过单列表实现视频缩放功能,可以有效地避免由双列表嵌套引发的处理事件冲突的问题。
以下结合说明书附图对本申请的优选实施例进行说明,应当理解,此处所描述的优选实施例仅用于说明和解释本申请,并不用于限定本申请,并且在不冲突的情况下,本申请实施例中的实施例及实施例中的特征可以相互组合。
下面对本申请实施例提供的音频聚类转移方法进行进一步的解释说明。如图3所示,包括以下步骤。
在步骤S31中,响应观看指令,在显示界面上显示可滚动列表;其中,所述可滚动列表包含视频播放区域和评论区域。
在本申请实施例中,可滚动列表为预先创建的,可滚动列表的大小大于显示页面的大小。如图4所示,其为可滚动列表的示意图。其中,401表示为显示界面,402表示为可滚动列表。
在用户打开视频时,默认为可滚动列表的顶层在显示界面的顶部上显示。
在本申请实施例中,可滚动列表中包括视频播放区域和评论区域。由于可滚动列表存在多个单元格,因此,将用户的每一条评论对应到一个单元格中,从而将存在评论的单元格所组成的区域作为评论区域。
而在可滚动列表中划分出一个区域,并将视频作为子视图添加到可滚动列表中,显示视频的区域作为视频播放区域。
在本申请实施例中,由于拍摄视频时的长宽比与用户观看视频的终端设备的长宽比并不相同,因此可根据视频的实际宽高比确定视频播放区域的高度,具体可实施为步骤A1-A3:
步骤A1:确定需要在所述视频播放区域中播放的视频的实际宽高比例。
在本申请实施例中,播放视频为预先配置的,可通过大数据获取播放视频。而播放视频的长宽比例可以是确定的,也可以是根据用户上传的视频的长宽比例。例如,有的用户的手机的长宽比为16:9,则拍摄的视频也为16:9。
步骤A2:将所述显示界面的宽度作为所述视频的宽度,并根据所述视频的实际宽高比例,确定所述视频在所述显示界面的高度。
为了让播放视频在显示界面上显示最大化,可根据观看用户的手机显示页面的宽度作为播放视频的宽度,并根据播放视频的实际长宽比例,确定高度。
步骤A3:将所述视频在所述显示界面的高度作为所述视频播放区域的高度。
这样,根据播放的视频的实际宽高比例和显示界面来确定视频播放区域的高度,可以使播放视频在显示界面上显示最大化。
在本申请实施例中,由于用户的终端设备的屏幕大小并不相同,因此各用户在观看视频时所显示的内容也并不相同。在用户通过终端设备观看视频时,根据视频播放区域的高度与用户终端设备显示界面的高度来确定显示的内容,具体可实施为:
若所述视频播放区域的高度小于所述显示界面的高度,则在所述显示界面上显示所述视频播放区域和所述评论区域。
如图5所示,其为视频未缩放时的示意图。其中,在显示页面上部分为视频播放区域,下部分为评论区域。
若所述视频播放区域的高度不小于所述显示界面的高度,则在所述显示界面上显示所述视频播放区域。
如图6所示,视频播放区域正好占据了整个显示页面,此时,并不会显示评论区域,需要用户向下滑动屏幕才能够显示评论区域。
而为了能够让用户有更好的体验,能够较为容易的向上滑动,可以在显示页面上显示一个向上的箭头用以指示用户向上滑动。
需要说明的是,若存在视频播放区域大于显示页面时,视频播放区域可以显示在显示页面上,但是需要用户向上滑动后才能够观看到完整的视频;或者对该视频播放区域进行适当缩放,使视频能够完整显示在显示界面上。
这样,根据用户显示页面的不同,显示不同的显示方案,可以使视频播放区域完整显示在显示页面上。
在本申请实施例中,在显示页面上显示的视频播放区域是根据视频播放区域在可滚动列表上的位置确定的,具体可实施为:
根据所述可滚动列表上边距的高度,确定所述视频播放区域在所述可滚动列表中的位置;其中,所述可滚动列表上边距的高度为所述视频播放区域的高度;
基于所述视频播放区域在所述可滚动列表中的位置,确定所述视频播放区域在所述显示界面上的位置;
基于所述视频播放区域在所述显示界面上的位置,在所述显示界面上显示所述视频播放区域。
由于用户打开视频时,默认为可滚动列表的顶层在显示界面的顶部上显示,为了使显示页面更符合用户的观看逻辑,在初始显示状态下,可将视频播放区域位于可滚动列表的顶部,评论区域位于视频播放区域下方。这样,用户在打开视频时便可以直接显示视频。
其中,边距为可滚动列表单元格之外的空白区域。而上边距则是可滚动列表上方的空白区域。这样,在列表上方设置边距,并将视频播放区域作为子视图添加到可滚动列表中,可以使视频播放区域在初始状态下保持显示在显示页面的上部分,更符合用户的观看逻辑。
在步骤S32中,响应控制指令,控制所述可滚动列表移动,并确定所述可滚动列表的移动距离。
在本申请实施例中,可滚动列表会随着用户的滑动进行移动,并在用户停止后,计算可滚动列表的顶部与显示页面顶部之间的距离,将该距离作为移动距离。
当然,可滚动列表也可以在用户滑动停止后,根据滑动的距离移动相应的距离。
在步骤S33中,根据所述移动距离,对所述视频播放区域和所述评论区域在所述显示界面所占的显示比例进行调整。
在确定了移动距离后,便可以根据移动距离对播放视频进行缩放了,具体可实施为步骤B1-B4:
步骤B1:根据所述移动距离,确定所述视频播放区域的更新高度和更新距离;其中,所述更新高度为所述视频播放区域在所述显示界面的高度;所述更新距离为所述可滚动列表顶部与所述显示界面顶部的距离。
在本申请实施例中,视频播放区域在显示页面中存在一个预设最小高度,根据滚动距离与预设最小高度之间的关系,确定更新高度,具体可实施为:
将所述视频播放区域的高度与所述移动距离的差作为修正高度;
若所述修正高度未超过所述视频播放区域的预设最小高度,则确定所述视频播放区域的更新高度为所述修正高度。
在本申请实施例中,在移动距离未超过预设最小高度的情况下,移动距离与更新高度之和为原视频播放区域的高度。如,原视频播放区域的高度为10,经过滚动后,移动距离为4,那么更新高度则为6。
若所述修正高度超过所述视频播放区域的预设最小高度,则确定所述视频播放区域的更新高度为所述预设最小高度。
若移动距离超过预设最小高度的情况下,为了保证视频播放区域能够较为清晰的播放完整视频,则将预设最小高度作为视频播放区域的更新高度。
这样,根据预设最小高度确定视频播放区域是否继续缩小,从而保证了视频播放区域能够较为清晰的在显示界面上显示。
步骤B2:根据所述更新距离和所述更新高度,确定所述视频播放区域在所述可滚动列表中的更新位置。
其中,视频播放区域的更新位置包括视频播放区域的面积和在显示界面上的区域。
在本申请实施例中,确定了更新距离和更新高度后,可以确定视频播放区域在可滚动列表中的更新位置。具体可实施为:
根据所述更新高度与需要在所述视频播放区域中播放的视频的实际宽高比例,确定所述视频播放区域的更新宽度;
根据所述更新高度和所述更新宽度,确定所述视频播放区域的面积;
根据所述视频播放区域的面积和所述更新距离,确定所述视频播放区域在所述可滚动列表中的更新位置。
步骤B3:根据所述视频播放区域在所述可滚动列表中的更新位置,确定所述视频播放区域在所述显示界面的位置。
步骤B4:在所述显示界面的剩余部分上显示所述评论区域。
这样,根据用户滑动可滚动列表,调整视频播放区域和评论区域,可以有效的避免由双列表嵌套引发的处理事件冲突的问题。
在本申请实施例中,若用户向下滑动,由于可滑动列表的顶部已经在显示页面的顶部了,因此用户滑动向下后,视频播放区域和评论区域保持不变。
若用户向上滑动,可滚动列表会随着用户的滑动向上滚动,此时为了视频能够完整的进行显示,会缩小视频播放区域的面积,以及在可滚动列表中的位置。因此,在显示页面上,视频播放区域的面积会变小,而评论区域则会填充显示页面下方空余出的部分。
如图7所示,其为滑动视频示意图,其中,左侧为初始状态下的显示界面,在用户向上滑动之后,视频播放区域所占比例变小,同时评论区域所占比例变大。
随着用户的滑动,对播放视频进行缩放,可以使用户在观看评论的同时仍然能够观看完整的视频,从而提高用户的观看体验。这样,通过单列表实现缩放功能,可以有效地避免由双列表嵌套引发的处理事件冲突的问题。
基于相同的发明构思,本申请还提供一种视频显示装置。如图8所示,为本申请提供的一种视频显示装置示意图。该装置包括:
显示单元801,被配置为执行响应观看指令,在显示界面上显示可滚动列表;其中,所述可滚动列表包含视频播放区域和评论区域;
滚动单元802,被配置为执行响应控制指令,控制所述可滚动列表移动,并确定所述可滚动列表的移动距离;
调整单元803,被配置为执行根据所述移动距离,对所述视频播放区域和所述评论区域在所述显示界面所占的显示比例进行调整。
在一种可能的实现方式中,显示单元801包括:
第一显示子单元,被配置为执行若所述视频播放区域的高度小于所述显示界面的高度,则在所述显示界面上显示所述视频播放区域和所述评论区域;或
第二显示子单元,被配置为执行若所述视频播放区域的高度不小于所述显示界面的高度,则在所述显示界面上显示所述视频播放区域。
在一种可能的实现方式中,显示单元801具体被配置为执行:
根据所述可滚动列表上边距的高度,确定所述视频播放区域在所述可滚动列表中的位置;其中,所述可滚动列表上边距的高度为所述视频播放区域的高度;
基于所述视频播放区域在所述可滚动列表中的位置,确定所述视频播放区域在所述显示界面上的位置;
基于所述视频播放区域在所述显示界面上的位置,在所述显示界面上显示所述视频播放区域。
在一种可能的实现方式中,通过下列装置确定所述视频播放区域的高度:
第一确定单元,被配置为执行确定需要在所述视频播放区域中播放的视频的实际宽高比例;
第二确定单元,被配置为执行将所述显示界面的宽度作为所述视频的宽度,并根据所述视频的实际宽高比例,确定所述视频在所述显示界面的高度;
第三确定单元,被配置为执行将所述视频在所述显示界面的高度作为所述视频播放区域的高度。
在一种可能的实现方式中,调整单元803包括:
第一确定子单元,被配置为执行根据所述移动距离,确定所述视频播放区域的更新高度和更新距离;其中,所述更新高度为所述视频播放区域在所述显示界面的高度;所述更新距离为所述可滚动列表顶部与所述显示界面顶部的距离;
第二确定子单元,被配置为执行根据所述更新距离和所述更新高度,确定所述视频播放区域在所述可滚动列表中的更新位置;
第三确定子单元,被配置为执行根据所述视频播放区域在所述可滚动列表中的更新位置,确定所述视频播放区域在所述显示界面的位置;
显示子单元,被配置为执行在所述显示界面的剩余部分上显示所述评论区域。
在一种可能的实现方式中,第一确定子单元具体被配置为执行:
将所述视频播放区域的高度与所述移动距离的差作为修正高度;
若所述修正高度未超过所述视频播放区域的预设最小高度,则确定所述视频播放区域的更新高度为所述修正高度;
若所述修正高度超过所述视频播放区域的预设最小高度,则确定所述视频播放区域的更新高度为所述预设最小高度。
在一种可能的实现方式中,第二确定子单元具体被配置为执行:
根据所述更新高度与需要在所述视频播放区域中播放的视频的实际宽高比例,确定所述视频播放区域的更新宽度;
根据所述更新高度和所述更新宽度,确定所述视频播放区域的面积;
根据所述视频播放区域的面积和所述更新距离,确定所述视频播放区域在所述可滚动列表中的更新位置。
基于同一技术构思,本申请实施例还提供了一种终端设备900,参照图9所示,终端设备900用于实施上述各个方法实施例记载的方法,例如实施图3所示的实施例,终端设备900可以包括存储器901、处理器902、输入单元903和显示面板904。
存储器901,用于存储处理器902执行的计算机程序。存储器901可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序等;存储数据区可存储根据终端设备900的使用所创建的数据等。处理器902,可以是一个中央处理单元(central processing unit,CPU),或者为数字处理单元等。输入单元903,可以用于获取用户输入的用户指令。显示面板904,用于显示由用户输入的信息或提供给用户的信息,本申请实施例中,显示面板904主要用于显示终端设备中各应用程序的显示界面以及各显示界面中显示的控件实体。可选的,显示面板904可以采用液晶显示器(liquid crystaldisplay,LCD)或OLED(organic light-emitting diode,有机发光二极管)等形式来配置显示面板904。
本申请实施例中不限定上述存储器901、处理器902、输入单元903和显示面板904之间的具体连接介质。本申请实施例在图9中以存储器901、处理器902、输入单元903、显示面板904之间通过总线905连接,总线905在图9中以粗线表示,其它部件之间的连接方式,仅是进行示意性说明,并不引以为限。总线905可以分为地址总线、数据总线、控制总线等。为便于表示,图9中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
存储器901可以是易失性存储器(volatile memory),例如随机存取存储器(random-access memory,RAM);存储器901也可以是非易失性存储器(non-volatilememory),例如只读存储器,快闪存储器(flash memory),硬盘(hard disk drive,HDD)或固态硬盘(solid-state drive,SSD)、或者存储器901是能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质,但不限于此。存储器901可以是上述存储器的组合。
处理器902,用于实现如图3所示的实施例,包括:
处理器902,用于调用存储器901中存储的计算机程序执行如实施图3所示的实施例。
本申请实施例还提供了一种计算机可读存储介质,存储为执行上述处理器所需执行的计算机可执行指令,其包含用于执行上述处理器所需执行的程序。
在一些可能的实施方式中,本申请提供的一种视频显示方法的各个方面还可以实现为一种程序产品的形式,其包括程序代码,当程序产品在终端设备上运行时,程序代码用于使终端设备执行本说明书上述描述的根据本申请各种示例性实施方式的一种视频显示方法中的步骤。例如,终端设备可以执行如实施图3所示的实施例。
程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
本申请的实施方式的用于一种视频显示程序产品可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码,并可以在计算设备上运行。然而,本申请的程序产品不限于此,在本文件中,可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了可读程序代码。这种传播的数据信号可以采用多种形式,包括——但不限于——电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质,该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
可读介质上包含的程序代码可以用任何适当的介质传输,包括——但不限于——无线、有线、光缆、RF等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言的任意组合来编写用于执行本申请操作的程序代码,程序设计语言包括面向实体的程序设计语言—诸如Java、C++等,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中,远程计算设备可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算设备,或者,可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
应当注意,尽管在上文详细描述中提及了装置的若干单元或子单元,但是这种划分仅仅是示例性的并非强制性的。实际上,根据本申请的实施方式,上文描述的两个或更多单元的特征和功能可以在一个单元中具体化。反之,上文描述的一个单元的特征和功能可以进一步划分为由多个单元来具体化。
此外,尽管在附图中以特定顺序描述了本申请方法的操作,但是,这并非要求或者暗示必须按照该特定顺序来执行这些操作,或是必须执行全部所示的操作才能实现期望的结果。附加地或备选地,可以省略某些步骤,将多个步骤合并为一个步骤执行,和/或将一个步骤分解为多个步骤执行。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程视频显示设备的处理器以产生一个机器,使得通过计算机或其他可编程视频显示设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程视频显示设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程视频显示设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本申请的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例做出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本申请范围的所有变更和修改。
显然,本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样,倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内,则本申请也意图包含这些改动和变型在内。
Claims (8)
1.一种视频显示方法,其特征在于,所述方法包括:
响应观看指令,在显示界面上显示可滚动列表;其中,所述可滚动列表包含视频播放区域和评论区域,所述可滚动列表为预先创建的,所述可滚动列表的大小大于所述显示界面的大小;所述可滚动列表存在多个单元格,用户的每一条评论对应一个单元格,所述评论区域为存在评论的单元格所组成的区域;在可滚动列表中划分出一个区域,并将视频作为子视图添加到可滚动列表中,显示视频的区域作为视频播放区域;
响应控制指令,控制所述可滚动列表移动,并确定所述可滚动列表的移动距离;
根据所述移动距离,对所述视频播放区域和所述评论区域在所述显示界面所占的显示比例进行调整;
其中,所述根据所述移动距离,对所述视频播放区域和所述评论区域在所述显示界面所占的显示比例进行调整,包括:
根据所述移动距离,确定所述视频播放区域的更新高度和更新距离;其中,所述更新高度为所述视频播放区域在所述显示界面的高度;所述更新距离为所述可滚动列表顶部与所述显示界面顶部的距离;
根据所述更新距离和所述更新高度,确定所述视频播放区域在所述可滚动列表中的更新位置;
根据所述视频播放区域在所述可滚动列表中的更新位置,确定所述视频播放区域在所述显示界面的位置;
在所述显示界面的剩余部分上显示所述评论区域。
2.根据权利要求1所述的方法,其特征在于,所述在显示界面上显示可滚动列表,包括:
若所述视频播放区域的高度小于所述显示界面的高度,则在所述显示界面上显示所述视频播放区域和所述评论区域;或
若所述视频播放区域的高度不小于所述显示界面的高度,则在所述显示界面上显示所述视频播放区域。
3.根据权利要求2所述的方法,其特征在于,所述在所述显示界面上显示所述视频播放区域,包括:
根据所述可滚动列表上边距的高度,确定所述视频播放区域在所述可滚动列表中的位置;其中,所述可滚动列表上边距的高度为所述视频播放区域的高度;
基于所述视频播放区域在所述可滚动列表中的位置,确定所述视频播放区域在所述显示界面上的位置;
基于所述视频播放区域在所述显示界面上的位置,在所述显示界面上显示所述视频播放区域。
4.根据权利要求2或3所述的方法,其特征在于,通过下列方式确定所述视频播放区域的高度:
确定需要在所述视频播放区域中播放的视频的实际宽高比例;
将所述显示界面的宽度作为所述视频的宽度,并根据所述视频的实际宽高比例,确定所述视频在所述显示界面的高度;
将所述视频在所述显示界面的高度作为所述视频播放区域的高度。
5.根据权利要求1所述的方法,其特征在于,根据所述移动距离,确定所述视频播放区域的更新高度,包括:
将所述视频播放区域的高度与所述移动距离的差作为修正高度;
若所述修正高度未超过所述视频播放区域的预设最小高度,则确定所述视频播放区域的更新高度为所述修正高度;
若所述修正高度超过所述视频播放区域的预设最小高度,则确定所述视频播放区域的更新高度为所述预设最小高度。
6.一种视频显示装置,其特征在于,所述装置包括:
显示单元,被配置为执行响应观看指令,在显示界面上显示可滚动列表;其中,所述可滚动列表包含视频播放区域和评论区域,所述可滚动列表为预先创建的,所述可滚动列表的大小大于所述显示界面的大小;所述可滚动列表存在多个单元格,用户的每一条评论对应一个单元格,所述评论区域为存在评论的单元格所组成的区域;在所述可滚动列表中划分出一个区域,并将视频作为子视图添加到可滚动列表中,显示视频的区域作为所述视频播放区域;
滚动单元,被配置为执行响应控制指令,控制所述可滚动列表移动,并确定所述可滚动列表的移动距离;
调整单元,被配置为执行根据所述移动距离,对所述视频播放区域和所述评论区域在所述显示界面所占的显示比例进行调整;
其中,所述调整单元,被配置为执行:
根据所述移动距离,确定所述视频播放区域的更新高度和更新距离;其中,所述更新高度为所述视频播放区域在所述显示界面的高度;所述更新距离为所述可滚动列表顶部与所述显示界面顶部的距离;
根据所述更新距离和所述更新高度,确定所述视频播放区域在所述可滚动列表中的更新位置;
根据所述视频播放区域在所述可滚动列表中的更新位置,确定所述视频播放区域在所述显示界面的位置;
在所述显示界面的剩余部分上显示所述评论区域。
7.一种电子设备,其特征在于,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如权利要求1至5中任一项所述的视频显示方法。
8.一种存储介质,其特征在于,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行如权利要求1至5中任一项所述的视频显示方法。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011619624.3A CN112866815B (zh) | 2020-12-31 | 2020-12-31 | 一种视频显示方法、装置及存储介质 |
PCT/CN2021/129038 WO2022142735A1 (zh) | 2020-12-31 | 2021-11-05 | 视频显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011619624.3A CN112866815B (zh) | 2020-12-31 | 2020-12-31 | 一种视频显示方法、装置及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112866815A CN112866815A (zh) | 2021-05-28 |
CN112866815B true CN112866815B (zh) | 2022-12-27 |
Family
ID=75999019
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011619624.3A Active CN112866815B (zh) | 2020-12-31 | 2020-12-31 | 一种视频显示方法、装置及存储介质 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN112866815B (zh) |
WO (1) | WO2022142735A1 (zh) |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112866815B (zh) * | 2020-12-31 | 2022-12-27 | 北京达佳互联信息技术有限公司 | 一种视频显示方法、装置及存储介质 |
CN113891164A (zh) * | 2021-09-28 | 2022-01-04 | 北京字跳网络技术有限公司 | 视频列表的显示方法、装置、电子设备和存储介质 |
CN115314747B (zh) * | 2022-08-02 | 2024-03-08 | 北京字跳网络技术有限公司 | 媒体内容的控制方法、装置、电子设备和存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109120981A (zh) * | 2018-09-20 | 2019-01-01 | 北京达佳互联信息技术有限公司 | 信息列表展示方法、装置及存储介质 |
CN109815367A (zh) * | 2019-01-24 | 2019-05-28 | 北京字节跳动网络技术有限公司 | 展示页面的交互控制方法及装置 |
CN110879684A (zh) * | 2018-09-06 | 2020-03-13 | 北京奇元科技有限公司 | 一种内容展示方法、装置 |
CN111246270A (zh) * | 2020-01-14 | 2020-06-05 | 广州虎牙科技有限公司 | 一种显示弹幕的方法、装置、设备和存储介质 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20160342287A1 (en) * | 2015-05-19 | 2016-11-24 | Vipeline, Inc. | System and methods for video comment threading |
CN112866815B (zh) * | 2020-12-31 | 2022-12-27 | 北京达佳互联信息技术有限公司 | 一种视频显示方法、装置及存储介质 |
-
2020
- 2020-12-31 CN CN202011619624.3A patent/CN112866815B/zh active Active
-
2021
- 2021-11-05 WO PCT/CN2021/129038 patent/WO2022142735A1/zh active Application Filing
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110879684A (zh) * | 2018-09-06 | 2020-03-13 | 北京奇元科技有限公司 | 一种内容展示方法、装置 |
CN109120981A (zh) * | 2018-09-20 | 2019-01-01 | 北京达佳互联信息技术有限公司 | 信息列表展示方法、装置及存储介质 |
CN109815367A (zh) * | 2019-01-24 | 2019-05-28 | 北京字节跳动网络技术有限公司 | 展示页面的交互控制方法及装置 |
WO2020151547A1 (zh) * | 2019-01-24 | 2020-07-30 | 北京字节跳动网络技术有限公司 | 展示页面的交互控制方法及装置 |
CN111246270A (zh) * | 2020-01-14 | 2020-06-05 | 广州虎牙科技有限公司 | 一种显示弹幕的方法、装置、设备和存储介质 |
Also Published As
Publication number | Publication date |
---|---|
WO2022142735A1 (zh) | 2022-07-07 |
CN112866815A (zh) | 2021-05-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112866815B (zh) | 一种视频显示方法、装置及存储介质 | |
US20140068500A1 (en) | System and method for navigation of a multimedia container | |
US11800193B2 (en) | Interaction processing method and apparatus for information flow, device, and computer-readable storage medium | |
WO2019007227A1 (zh) | 一种在页面切换后继续显示视图的方法和装置 | |
JP2023538894A (ja) | トレンドランキングリストの表示方法、装置、電子機器及び記憶媒体 | |
US10878175B2 (en) | Portlet display on portable computing devices | |
US20130117702A1 (en) | Method and apparatus for managing reading using a terminal | |
TW201617837A (zh) | 一種螢幕顯示視窗的處理方法以及移動終端 | |
CN101986252A (zh) | web浏览方法和web浏览设备 | |
EP3096529A1 (en) | System and methods for video comment threading | |
US9563327B1 (en) | Intelligent adjustment of graphical user interfaces | |
CN109388463B (zh) | 平板电脑应用软件的分屏显示方法、存储介质及平板电脑 | |
KR20150016464A (ko) | 이종 애플리케이션들을 포함하는 그룹을 나타내는 탭 윈도우를 관리하는 방법 및 장치. | |
KR102616386B1 (ko) | 핫스팟 리스트의 디스플레이 방법, 장치, 전자 설비 및 저장매체 | |
CN107272994A (zh) | 视窗切换界面 | |
WO2014094585A1 (zh) | 一种播放浏览器中多媒体的方法和装置 | |
CN111432264B (zh) | 基于媒体信息流的内容展示方法、装置、设备及存储介质 | |
JP5907713B2 (ja) | 表示装置、情報端末装置、表示方法、プログラム、および記録媒体 | |
CN113727170A (zh) | 视频交互方法、装置、设备及介质 | |
WO2020181946A1 (zh) | 一种视频播放方法及装置 | |
WO2021142892A1 (zh) | 显示设备以及用户界面的呈现方法 | |
US20130132893A1 (en) | Method and apparatus for displaying data | |
US20150040021A1 (en) | Method for loading additional content according to characteristic of user's content consumption in table view controller enviroment, and system therefor | |
US10656818B1 (en) | Animation to indicate scrollable content | |
CN103714074A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |