视频画面的显示方法、装置、设备及介质制造方法及图纸

本申请公开了一种视频画面的显示方法、装置、设备及介质，涉及人机交互领域。该方法包括：显示可滚动区域，所述可滚动区域上显示有视频播放器，所述视频播放器用于展示目标视频；响应于接收到作用于所述可滚动区域的拖动操作，在所述可滚动区域上沿所述拖动操作的拖动方向移动所述视频播放器；跟随所述视频播放器在所述可滚动区域上移动过的移动位置在所述视频播放器上显示所述目标视频中目标视频进度的视频画面，所述移动位置与所述目标视频进度存在对应关系。使用该方法通过信息流进行内容推送时，可以以新的形式在信息流中展现视频内容。频内容。频内容。

【技术实现步骤摘要】
视频画面的显示方法、装置、设备及介质


[0001]本申请实施例涉及人机交互领域，特别涉及一种视频画面的显示方法、装置、设备及介质。

技术介绍

[0002]信息流是像瀑布一样纵向排列并且随着用户上下滑动操作不断出现新内容的显示方式。信息流除了纵向滑动功能，还提供了横向滑动功能。
[0003]相关技术中，移动终端显示用户界面，该用户界面上包括纵向排列的信息流，信息流中存在至少一个视频播放器。当用户在用户界面上进行纵向滑动时，信息流按照纵向方向进行更新，视频播放器随之纵向移动，当用户触发视频播放器上的播放控件时，视频播放器播放视频。
[0004]相关技术中的方法，在用户未对视频播放器进行触发操作前，信息流中视频播放器对视频的展现形式局限于视频的封面图片，所能够展现的视频内容单一。

技术实现思路

[0005]本申请实施例提供了一种视频画面的显示方法、装置、设备及介质，可以以新的形式展现信息流中的视频。所述技术方案如下：
[0006]一方面，提供了一种视频画面的显示方法，所述方法包括：
[0007]显示可滚动区域，所述可滚动区域上显示有视频播放器，所述视频播放器用于展示目标视频；
[0008]响应于接收到作用于所述可滚动区域的拖动操作，在所述可滚动区域上沿所述拖动操作的拖动方向移动所述视频播放器；
[0009]跟随所述视频播放器在所述可滚动区域上移动过的移动位置在所述视频播放器上显示所述目标视频中目标视频进度的视频画面，所述移动位置与所述目标视频进度存在对应关系。
[0010]另一方面，提供了一种视频画面的显示装置，所述装置包括：
[0011]显示模块，用于显示可滚动区域，所述可滚动区域上显示有视频播放器，所述视频播放器用于展示目标视频；
[0012]交互模块，用于接收作用于所述可滚动区域的拖动操作；
[0013]所述显示模块，用于响应于接收到作用于所述可滚动区域的拖动操作，在所述可滚动区域上沿所述拖动操作的拖动方向移动所述视频播放器；
[0014]所述显示模块，用于跟随所述视频播放器在所述可滚动区域上移动过的移动位置在所述视频播放器上显示所述目标视频中目标视频进度的视频画面，所述移动位置与所述目标视频进度存在对应关系。
[0015]另一方面，提供了一种计算机设备，所述计算机设备包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至
少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如上方面所述的视频画面的显示方法。
[0016]另一方面，提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如上方面所述的视频画面的显示方法。
[0017]另一方面，本申请实施例提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述可选实现方式中提供的视频画面的显示方法。
[0018]本申请实施例提供的技术方案带来的有益效果至少包括：
[0019]通过在接收到用户拖动页面的拖动操作时，在根据拖动操作滚动页面中的视频播放器的同时，根据视频播放器在页面上滚动过的位置所指示的视频进度，在视频播放器上显示对应的视频画面。从而实现将用户滚动更新页面内容的操作，与视频播放器所显示的画面相关联，根据用户的拖动操作来显示视频画面，用户滚动视频播放器至页面的不同位置会使视频播放器上显示不同视频进度的视频画面，视频画面跟随用户的拖动操作进行对应显示，进而在用户滚动页面内容时，使用户关注页面中的视频播放器，提高滚动页面中视频内容的互动感和趣味性。
附图说明
[0020]为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。
[0021]图1是本申请一个示例性实施例提供的计算机系统的结构框图；
[0022]图2是本申请另一个示例性实施例提供的视频画面的显示方法的方法流程图；
[0023]图3是本申请另一个示例性实施例提供的视频画面的显示方法的用户界面示意图；
[0024]图4是本申请另一个示例性实施例提供的视频画面的显示方法的方法流程图；
[0025]图5是本申请另一个示例性实施例提供的视频画面的显示方法的用户界面示意图；
[0026]图6是本申请另一个示例性实施例提供的视频画面的显示方法的用户界面示意图；
[0027]图7是本申请另一个示例性实施例提供的视频画面的显示方法的方法流程图；
[0028]图8是本申请另一个示例性实施例提供的视频画面的显示方法的标记元素的示意图；
[0029]图9是本申请另一个示例性实施例提供的视频画面的显示方法的视频播放器的示意图；
[0030]图10是本申请另一个示例性实施例提供的视频画面的显示方法的用户界面示意图；
[0031]图11是本申请另一个示例性实施例提供的视频画面的显示装置的装置框图；
[0032]图12是本申请另一个示例性实施例提供的终端的框图。
具体实施方式
[0033]为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。
[0034]首先，对本申请实施例中涉及的名词进行简单介绍：
[0035]用户界面(User Interface，UI)控件，在应用程序的用户界面上可见或不可见的控件或元素，比如，图片、输入框、文本框、按钮、标签等。示例性的，当UI控件是不可见的控件时，用户可以通过触发用户界面上的指定区域，来触发这些不可见的控件。其中一些UI控件响应用户的操作，比如，进度条，用于改变视频的播放进度。本申请实施例中涉及的UI控件，包括但不限于：进度条、拖动控件。
[0036]云技术(Cloud technology)是指在广域网或局域网内将硬件、软件、网络等系列资源统一起来，实现数据的计算、储存、处理和共享的一种托管技术。
[0037]云技术(Cloud technology)基于云计算商业模式应用的网络技术、信息技术、整合技术、管理平台技术、应用技术等的总称，可以组成资源池，按需所用，灵活便利。云计算技术将变成重要支撑。技术网络系统的后台服务需要大量的计算、存储资源，如视频网站、图片类网站和更多的门户网站。伴随着互联网行业的高度发展和应用，将来每个物品都有可能存在自己的识别标志，都需要传输到后台系统进行逻辑处理，不同程度级别的数据将会分开处理，各类行业数据皆需要强大的系统后本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种视频画面的显示方法，其特征在于，所述方法包括：显示可滚动区域，所述可滚动区域上显示有视频播放器，所述视频播放器用于展示目标视频；响应于接收到作用于所述可滚动区域的拖动操作，在所述可滚动区域上沿所述拖动操作的拖动方向移动所述视频播放器；跟随所述视频播放器在所述可滚动区域上移动过的移动位置在所述视频播放器上显示所述目标视频中目标视频进度的视频画面，所述移动位置与所述目标视频进度存在对应关系。2.根据权利要求1所述的方法，其特征在于，所述视频播放器在所述可滚动区域上移动过的移动路径包括n个移动位置，所述n个移动位置中每个移动位置对应一个视频进度，所述目标视频进度包括所述n个移动位置对应的n个视频进度，n为正整数；所述跟随所述视频播放器在所述可滚动区域上移动过的移动位置在所述视频播放器上显示所述目标视频中目标视频进度的视频画面，包括：响应于所述视频播放器移动至第i个移动位置，根据所述第i个移动位置确定第i个视频进度，i为不大于n的正整数；在所述视频播放器上显示所述目标视频中所述第i个视频进度的第i个视频画面。3.根据权利要求2所述的方法，其特征在于，所述可滚动区域为纵向滚动的区域；所述可滚动区域内的可移动位置的纵坐标与所述目标视频的视频进度具有对应关系；所述根据所述第i个移动位置确定第i个视频进度，包括：获取所述第i个移动位置对应的第i个纵坐标，i为不大于n的正整数，n为正整数；获取所述第i个纵坐标对应的所述第i个视频进度。4.根据权利要求2所述的方法，其特征在于，所述可滚动区域为横向滚动的区域；所述可滚动区域内的可移动位置的横坐标与所述目标视频的视频进度具有对应关系；所述根据所述第i个移动位置确定第i个视频进度，包括：获取所述第i个移动位置对应的第i个横坐标，i为不大于n的正整数，n为正整数；获取所述第i个横坐标对应的所述第i个视频进度。5.根据权利要求1至4任一所述的方法，其特征在于，所述视频播放器根据所述拖动操作在所述可滚动区域上移动过的移动路径包括n个移动位置，n为正整数；所述方法还包括：响应于所述拖动操作结束，在所述可滚动区域上显示所述视频播放器位于第n个移动位置，所述视频播放器上显示有所述目标视频的第n个视频画面，所述第n个视频画面为所述第n个移动位置所对应的第n个视频进度的视频画面；响应于满足自动播放条件，从所述第n个视频画面开始自动播放所述目标视频。6.根据权利要求5所述的方法，其特征在于，所述目标视频对应有阈值进度；所述响应于满足自动播放条件，从所述第n个视频画面开始自动播放所述目标视频，包括：响应于所述第n个移动位置对应的所述第n个视频进度达到所述阈值进度，从所述第n个视频画面开始自动播放所述目标视频。7.根据权利要求5所述的方法，其特征在于，所述视频播放器上显示有标记元素；所述方法还包括：
在所述视频播放器上显示所述标记元素跟随所述拖动操作沿固定轨迹移动；所述响应于满足自动播放条件，从所述第n个视频画面开始自动播放所述目标视频，包括：响应于所述标记元素移动至目标位置，从所述第n个视频画面开始自动播放所述目标视频，所述固定轨迹包括所述目标位置。8.根据权利要求7所述的方法，其特征在于，所述在所述视频播放器上显示所述标记元素跟随所述拖动操作沿固定轨迹移动，包括：响应于所述拖动方向为第...

【专利技术属性】
技术研发人员：罗绮琪，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：