CN115002549A - 视频画面的显示方法、装置、设备及介质 - Google Patents

视频画面的显示方法、装置、设备及介质 Download PDF

Info

Publication number
CN115002549A
CN115002549A CN202110227788.XA CN202110227788A CN115002549A CN 115002549 A CN115002549 A CN 115002549A CN 202110227788 A CN202110227788 A CN 202110227788A CN 115002549 A CN115002549 A CN 115002549A
Authority
CN
China
Prior art keywords
video
progress
scrollable area
video player
ith
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.)
Pending
Application number
CN202110227788.XA
Other languages
English (en)
Inventor
罗绮琪
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN202110227788.XA priority Critical patent/CN115002549A/zh
Priority to PCT/CN2022/077715 priority patent/WO2022183967A1/zh
Publication of CN115002549A publication Critical patent/CN115002549A/zh
Priority to US17/985,786 priority patent/US20230071445A1/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485Scrolling or panning
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/472End-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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/472End-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/47217End-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

Abstract

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

Description

视频画面的显示方法、装置、设备及介质
技术领域
本申请实施例涉及人机交互领域,特别涉及一种视频画面的显示方法、装置、设备及介质。
背景技术
信息流是像瀑布一样纵向排列并且随着用户上下滑动操作不断出现新内容的显示方式。信息流除了纵向滑动功能,还提供了横向滑动功能。
相关技术中,移动终端显示用户界面,该用户界面上包括纵向排列的信息流,信息流中存在至少一个视频播放器。当用户在用户界面上进行纵向滑动时,信息流按照纵向方向进行更新,视频播放器随之纵向移动,当用户触发视频播放器上的播放控件时,视频播放器播放视频。
相关技术中的方法,在用户未对视频播放器进行触发操作前,信息流中视频播放器对视频的展现形式局限于视频的封面图片,所能够展现的视频内容单一。
发明内容
本申请实施例提供了一种视频画面的显示方法、装置、设备及介质,可以以新的形式展现信息流中的视频。所述技术方案如下:
一方面,提供了一种视频画面的显示方法,所述方法包括:
显示可滚动区域,所述可滚动区域上显示有视频播放器,所述视频播放器用于展示目标视频;
响应于接收到作用于所述可滚动区域的拖动操作,在所述可滚动区域上沿所述拖动操作的拖动方向移动所述视频播放器;
跟随所述视频播放器在所述可滚动区域上移动过的移动位置在所述视频播放器上显示所述目标视频中目标视频进度的视频画面,所述移动位置与所述目标视频进度存在对应关系。
另一方面,提供了一种视频画面的显示装置,所述装置包括:
显示模块,用于显示可滚动区域,所述可滚动区域上显示有视频播放器,所述视频播放器用于展示目标视频;
交互模块,用于接收作用于所述可滚动区域的拖动操作;
所述显示模块,用于响应于接收到作用于所述可滚动区域的拖动操作,在所述可滚动区域上沿所述拖动操作的拖动方向移动所述视频播放器;
所述显示模块,用于跟随所述视频播放器在所述可滚动区域上移动过的移动位置在所述视频播放器上显示所述目标视频中目标视频进度的视频画面,所述移动位置与所述目标视频进度存在对应关系。
另一方面,提供了一种计算机设备,所述计算机设备包括处理器和存储器,所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如上方面所述的视频画面的显示方法。
另一方面,提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如上方面所述的视频画面的显示方法。
另一方面,本申请实施例提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述可选实现方式中提供的视频画面的显示方法。
本申请实施例提供的技术方案带来的有益效果至少包括:
通过在接收到用户拖动页面的拖动操作时,在根据拖动操作滚动页面中的视频播放器的同时,根据视频播放器在页面上滚动过的位置所指示的视频进度,在视频播放器上显示对应的视频画面。从而实现将用户滚动更新页面内容的操作,与视频播放器所显示的画面相关联,根据用户的拖动操作来显示视频画面,用户滚动视频播放器至页面的不同位置会使视频播放器上显示不同视频进度的视频画面,视频画面跟随用户的拖动操作进行对应显示,进而在用户滚动页面内容时,使用户关注页面中的视频播放器,提高滚动页面中视频内容的互动感和趣味性。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图。
图1是本申请一个示例性实施例提供的计算机系统的结构框图;
图2是本申请另一个示例性实施例提供的视频画面的显示方法的方法流程图;
图3是本申请另一个示例性实施例提供的视频画面的显示方法的用户界面示意图;
图4是本申请另一个示例性实施例提供的视频画面的显示方法的方法流程图;
图5是本申请另一个示例性实施例提供的视频画面的显示方法的用户界面示意图;
图6是本申请另一个示例性实施例提供的视频画面的显示方法的用户界面示意图;
图7是本申请另一个示例性实施例提供的视频画面的显示方法的方法流程图;
图8是本申请另一个示例性实施例提供的视频画面的显示方法的标记元素的示意图;
图9是本申请另一个示例性实施例提供的视频画面的显示方法的视频播放器的示意图;
图10是本申请另一个示例性实施例提供的视频画面的显示方法的用户界面示意图;
图11是本申请另一个示例性实施例提供的视频画面的显示装置的装置框图;
图12是本申请另一个示例性实施例提供的终端的框图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施方式作进一步地详细描述。
首先,对本申请实施例中涉及的名词进行简单介绍:
用户界面(User Interface,UI)控件,在应用程序的用户界面上可见或不可见的控件或元素,比如,图片、输入框、文本框、按钮、标签等。示例性的,当UI控件是不可见的控件时,用户可以通过触发用户界面上的指定区域,来触发这些不可见的控件。其中一些UI控件响应用户的操作,比如,进度条,用于改变视频的播放进度。本申请实施例中涉及的UI控件,包括但不限于:进度条、拖动控件。
云技术(Cloud technology)是指在广域网或局域网内将硬件、软件、网络等系列资源统一起来,实现数据的计算、储存、处理和共享的一种托管技术。
云技术(Cloud technology)基于云计算商业模式应用的网络技术、信息技术、整合技术、管理平台技术、应用技术等的总称,可以组成资源池,按需所用,灵活便利。云计算技术将变成重要支撑。技术网络系统的后台服务需要大量的计算、存储资源,如视频网站、图片类网站和更多的门户网站。伴随着互联网行业的高度发展和应用,将来每个物品都有可能存在自己的识别标志,都需要传输到后台系统进行逻辑处理,不同程度级别的数据将会分开处理,各类行业数据皆需要强大的系统后盾支撑,只能通过云计算来实现。
请参考图1,其示出了本申请一个实施例提供的计算机系统的示意图。该方案实施环境可以实现成为一个具有视频画面的显示功能的系统,如该系统可以包括:终端120和服务器140。
终端120可以是诸如手机、平板电脑、可穿戴设备、PC(Personal Computer,个人计算机)等电子设备。终端120安装和运行有支持视频展示的应用程序。该应用程序可以是浏览器应用程序、视频播放程序、短视频播放程序、新闻资讯程序、知识类程序、生活类程序、即时通信程序、购物类程序、图片分享程序、社区程序中的任意一种。终端120是用户使用的终端。
示例性的,客户端所显示的用户界面中具有可滚动区域,可滚动区域上显示有视频播放器,用户进行拖动操作,使可滚动区域内的内容移动的同时,客户端跟随视频播放器在可滚动区域上位置的改变,显示对应视频进度的视频画面。
终端120通过无线网络或有线网络与服务器140相连。
服务器140包括一台服务器、多台服务器、云计算平台和虚拟化中心中的至少一种。示意性的,服务器140包括处理器和存储器,存储器又包括接入模块和信息流推送模块。服务器140用于为支持视频展示的应用程序提供后台服务。可选地,服务器140承担主要计算工作,终端120承担次要计算工作;或者,服务器140承担次要计算工作,终端120承担主要计算工作;或者,服务器140和终端120之间采用分布式计算架构进行协同计算。
服务器140可以是独立的物理服务器,也可以是多个物理服务器构成的服务器集群或者分布式系统,还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN、以及大数据和人工智能平台等基础云计算服务的云服务器。终端可以是智能手机、平板电脑、笔记本电脑、台式计算机、智能音箱、智能手表等,但并不局限于此。终端以及服务器可以通过有线或无线通信方式进行直接或间接地连接,本申请在此不做限制。
本领域技术人员可以知晓,上述终端的数量可以更多或更少。比如上述终端可以仅为一个,或者上述终端为几十个或几百个,或者更多数量。本申请实施例对终端的数量和设备类型不加以限定。
结合上述对实施环境的说明,对本申请实施例提供的视频画面的显示方法进行说明,以该方法的执行主体为图1所示出的终端上运行的客户端来举例说明。该终端运行的客户端为应用程序的客户端,该应用程序可以是浏览器应用程序。示例性的,本申请提供的视频画面的显示方法还可以通过网页、小程序、快应用等来实现。
图2示出了本申请一个示例性实施例提供的视频画面的显示方法的流程图。该方法可以由上述图1中的终端上运行的客户端来执行,该客户端是具有视频展示功能的应用程序的客户端。该方法包括以下步骤。
步骤201,显示可滚动区域,可滚动区域上显示有视频播放器,视频播放器用于展示目标视频。
可滚动区域是指该区域内的内容可以响应于用户的拖动操作改变显示位置。示例性的,可滚动区域是指该区域内所显示的内容在终端上显示的位置可以随着用户的拖动操作改变。示例性的,可滚动区域显示在客户端的用户界面内,可滚动区域是指该区域内显示的内容在用户界面内的位置可以随着用户的拖动操作改变。示例性的,这里的改变显示位置是指:在不改变可滚动区域中内容布局的前提下,将可滚动区域内全部内容整体向一个方向移动,原本在可滚动区域内显示的内容在移动后,可能从区域内消失,同时会有新的内容进入可滚动区域内。
例如,可滚动区域的第一内容在第一时刻显示在用户界面的第一位置,当可滚动区域接收到用户向上的拖动操作时,第一内容向上移动至用户界面的第二位置。
示例性的,可滚动区域是客户端的用户界面或页面上的一个区域,该区域可以根据接收到的拖动操作更新区域中各个内容的显示位置,示例性的,这种显示位置的更新是滚动式的。
示例性的,可滚动区域可以是用于展示信息流的区域。信息流包括按照更新方向排列的多个信息流内容。在可滚动区域内,信息流中的信息流内容可以按照更新方向正向移动,或,按照更新方向的反方向逆向移动。示例性的,信息流内容包括:文字、图片、视频、音频中的至少一种。
可滚动区域内所显示的内容包括视频播放器。示例性的,当滚动区域用于展示信息流时,信息流中的至少一个信息流内容是视频播放器。视频播放器用于展示目标视频。
示例性的,视频播放器包括用于展示目标视频的视频展示区域,视频展示区域用于显示目标视频的视频画面。示例性的,视频播放器还可以包括用于显示目标视频的视频标题、视频发布者、视频发布时间、视频发布者的头像、视频发布者的昵称的区域。
例如,如图3所述,客户端的用户界面中显示有可滚动区域301,可滚动区域中显示有视频播放器302,视频播放器302上显示有目标视频的视频画面。如图3中的(1)、(2)、(3)所示,随着用户的上滑的拖动操作,可滚动区域301内的内容整体上移,在图3中的(1)中,可滚动区域301中只显示了视频播放器302的一部分,随着上滑的拖动操作,在图3中的(2)中,视频播放器302向上移动,在可滚动区域301中显示了完整的视频播放器302,用户继续上滑,在图3中的(3)中,视频播放器302继续上移。
步骤202,响应于接收到作用于可滚动区域的拖动操作,在可滚动区域上沿拖动操作的拖动方向移动视频播放器。
作用于可滚动区域的拖动操作可以是:在可滚动区域上接收到的用户触摸显示屏进行的滑动操作;在可滚动区域上接收到的用户点击任意位置并拖动的操作;在可滚动区域对应的拖动区域上接收到的拖动操作,例如,在可滚动区域对应的滚动条上接收到的拖动滚动条的操作。
示例性的,拖动操作的拖动方向是可滚动区域的有效操作方向中的一种,有效操作方向是指可滚动区域可以进行滚动的方向。例如,可滚动区域可以向上或向下滚动,则可滚动区域的有效操作方向为向上或向下,拖动操作的拖动方向即为向上或向下中的一种。上述的有效操作方向仅为列举,可滚动区域当然可以沿其他任意方向进行滚动,例如,向左、向右、向上45°方向等。
当拖动操作是在触摸显示屏上的滑动操作时,用户滑动的方向可能与有效操作方向具有一定的偏差,此时,客户端会将与拖动操作的实际拖动方向最匹配的有效操作方向确定为该拖动操作的拖动方向。例如,有效操作方向是向上或向下,用户拖动操作的实际拖动方向为斜向上40°,由于该实际拖动方向与向上的方向最接近,则客户端将该拖动操作的拖动方向确定为向上。
示例性的,拖动操作作用于可滚动区域是指:该拖动操作用于操控可滚动区域内的内容进行滚动,该拖动操作可以是在可滚动区域上接收到的操作,也可以是在可滚动区域之外接收到的操作。
在接收到拖动操作后,客户端根据拖动操作确定其对应的拖动方向,并控制视频播放器在可滚动区域中向拖动方向移动。
示例性的,当可滚动区域中还存在除视频播放器外的其他内容时,其他内容也会随拖动操作同步向拖动方向移动。
例如,如图3所示,当客户端接收到向上拖动的拖动操作时,如图3中的(1)、(2)、(3)所示,视频播放器302随之上移。
步骤203,跟随视频播放器在可滚动区域上移动过的移动位置在视频播放器上显示目标视频中目标视频进度的视频画面,移动位置与目标视频进度存在对应关系。
示例性的,随着拖动操作,视频播放器在可滚动区域内移动,视频播放器的位置会发生改变,将视频播放器在可滚动区域内移动过的位置称为移动位置,客户端会根据视频播放器所在的移动位置来使视频播放器显示对应视频进度的视频画面。
移动位置与目标视频的视频进度具有对应关系。示例性的,也可以理解为移动位置与目标视频的进度条具有对应关系。即,每个移动位置对应有一个视频进度,视频播放器所经过的多个移动位置对应的多个视频进度组成了目标视频进度,客户端跟随视频播放器在可滚动区域内的移动对应地在视频播放器上显示目标视频进度的视频画面。
通过这种方式,可以实现将视频播放器上显示的视频画面与用户滚动页面的操作绑定,用户在通过拖动操作使可滚动区域上的内容移动的同时,客户端根据视频播放器移动过的移动位置显示对应的视频画面,使视频播放器上所显示的视频画面直接与用户拖动操作的拖动方向、划过每个拖动位置的时间、速度相关联,拖动方向的改变、拖动速度的快慢(视频播放器移动的快慢)等都会影响视频播放器上所显示的视频画面。
例如,当第一移动位置对应第一视频画面、第二移动位置对应第二视频画面、第三移动位置对应第三视频画面时,若根据拖动操作使视频播放器顺次经过第一移动位置、第二移动位置、第三移动位置时,视频播放器上会顺次显示第一视频画面、第二视频画面和第三视频画面,即实现正向播放目标视频的视频画面,视频播放器停留在第一移动位置、第二移动位置、第三移动位置停留的时长也会影响视频播放器上显示每个视频画面的时长。若根据拖动操作使视频播放器顺次经过第三移动位置、第二移动位置、第一移动位置时,视频播放器上会顺次显示第三视频画面、第二视频画面和第一视频画面,即实现逆向播放目标视频的视频画面。
例如,如图3所示,当客户端接收到向上拖动的拖动操作时,如图3中的(1)、(2)、(3)所示,视频播放器302随之上移,同时,视频播放器302中显示的视频画面也跟随视频播放器上移所经过的移动位置的改变而改变。
示例性的,视频播放器在可滚动区域上的位置可以以视频播放器上任意一点作为参考点进行确定,例如,可以以视频播放器的中心点作为参考点,将视频播放器中心点在可滚动区域上的位置确定为视频播放器当前所在的移动位置。再如,可以将视频播放器在可滚动区域上出现的第一个像素点(第一行像素点/第一列像素点)作为参考点,将第一个像素点在可滚动区域上的位置确定为视频播放器当前所在的移动位置。
综上所述,本实施例提供的方法,通过在接收到用户拖动页面的拖动操作时,在根据拖动操作滚动页面中的视频播放器的同时,根据视频播放器在页面上滚动过的位置所指示的视频进度,在视频播放器上显示对应的视频画面。从而实现将用户滚动更新页面内容的操作,与视频播放器所显示的画面相关联,根据用户的拖动操作来显示视频画面,用户滚动视频播放器至页面的不同位置会使视频播放器上显示不同视频进度的视频画面,视频画面跟随用户的拖动操作进行对应显示,进而在用户滚动页面内容时,使用户关注页面中的视频播放器,提高滚动页面中视频内容的互动感和趣味性。
示例性的,本申请所提供的视频画面的显示方法具有两个阶段:第一阶段和第二阶段。
在第一阶段,视频播放器中所展现的视频画面跟随视频播放器的位置变化。
在第二阶段,视频播放器会自动播放目标视频。
下文会分别对第一阶段和第二阶段的实现方式进行说明。
示例性的,第一阶段和第二阶段的执行都具有触发条件。
在此首先介绍第一阶段的触发条件,在下述介绍第二阶段的实施例中再对第二阶段的触发条件进行介绍。
示例性的,第一阶段的触发条件是当视频播放器显示在可滚动区域上时,触发第一阶段,视频播放器中显示的视频画面会跟随视频播放器的位置进行变化。即,响应于视频播放器显示在可滚动区域上,跟随视频播放器在可滚动区域上移动过的移动位置在视频播放器上显示目标视频中目标视频进度的视频画面。
视频播放器显示在可滚动区域上的时刻可以是:视频播放器的第一个像素或第一行像素或第一列像素显示在可滚动区域上,即,响应于视频播放器的第一个像素或第一行像素或第一列像素显示在可滚动区域上,跟随视频播放器在可滚动区域上移动过的移动位置在视频播放器上显示目标视频中目标视频进度的视频画面。
需要说明的是视频播放器的第一个像素,并不一定是视频画面的第一个像素。例如,如图3所示,视频播放器302在视频画面303的上方还包括用于显示目标视频的相关信息的区域,当可滚动区域301是向上滚动更新的区域时,视频播放器302的第一个像素是视频播放器的边框,而不是视频画面。
当然,视频播放器显示在可滚动区域上的时刻还可以是:视频播放器中视频画面的第一个像素或第一行像素或第一列像素显示在可滚动区域上,即,响应于视频播放器中视频画面(视频画面显示区域)的第一个像素或第一行像素或第一列像素显示在可滚动区域上,跟随视频播放器在可滚动区域上移动过的移动位置在视频播放器上显示目标视频中目标视频进度的视频画面。
此外,视频播放器显示在可滚动区域上的时刻还可以是:视频播放器中最后一个像素显示在可滚动区域上,或,视频播放器中视频画面(视频画面显示区域)的最后一个像素显示在可滚动区域上。
即,响应于视频播放器的最后一个像素或最后一行像素或最后一列像素显示在可滚动区域上,跟随视频播放器在可滚动区域上移动过的移动位置在视频播放器上显示目标视频中目标视频进度的视频画面。
或,响应于视频播放器中视频画面(视频画面显示区域)的最后一个像素或最后一行像素或最后一列像素显示在可滚动区域上,跟随视频播放器在可滚动区域上移动过的移动位置在视频播放器上显示目标视频中目标视频进度的视频画面。
示例性的,最后一个像素或最后一行像素或最后一列像素显示在可滚动区域上即为:可滚动区域内已显示过视频播放器的全部像素点,或,可滚动区域内已显示过视频画面的全部像素点。此时,用户已经看到了完整的视频播放器或视频画面,若用户还未对视频内容产生兴趣,则会在此时触发本申请提供的视频画面的显示方法,使视频播放器中显示的视频画面跟随拖动操作变化,进而吸引用户注意目标视频。
当然,对于视频播放器显示在可滚动区域上的判定,还可以视频播放器上其他位置的像素点显示在可滚动区域上的时刻作为判定依据,例如,将视频播放器的中点作为判定依据,本实施例对此不加以限定。
示例性的,对第一阶段的实现方式进行说明。
图4示出了本申请一个示例性实施例提供的视频画面的显示方法的流程图。该方法可以由上述图1中的终端上运行的客户端来执行。基于图2所示的示例性实施例,步骤203包括步骤2031和步骤2032。
步骤2031,响应于视频播放器移动至第i个移动位置,根据第i个移动位置确定第i个视频进度,i为不大于n的正整数。
视频播放器在可滚动区域上移动过的移动路径包括n个移动位置,n个移动位置中每个移动位置对应一个视频进度,目标视频进度包括n个移动位置对应的n个视频进度,n为正整数。
示例性的,可滚动区域内的可移动位置对应有视频进度,视频播放器在可滚动区域上所经过的可移动位置即为移动位置,因此,客户端可以根据可移动位置与视频进度的对应关系,确定移动位置对应的视频进度。
可移动位置包括可滚动区域内的全部位置点。或,可移动位置包括可滚动区域内视频播放器可以移动到的位置点。或,可移动位置包括可滚动区域内视频播放器可以移动到的部分位置点。即,可移动位置是位于可滚动区域内的全部或部分的位置点。示例性的,可移动位置可以全部对应有视频进度,也可以部分对应有视频进度。即,可滚动区域内的全部位置点都对应有视频进度,或,可滚动区域内部分位置点对应有视频进度。
视频进度是指视频的时间进度,即,时间点。
对于可移动位置与视频进度的对应关系的制定可以是任意的。例如,可以任取可移动位置中的第一部分位置点(像素点),使之与第一视频进度对应,任取第二部分位置点(像素点),使之与第二视频进度对应,如此,确定可移动位置与视频进度的对应关系。
示例性的,全部可移动位置所对应的视频进度,可以是目标视频的部分视频进度,或,全部视频进度。当全部可移动位置只对应目标视频的部分视频进度时,无论视频播放器移动至哪个位置,在第一阶段都只会展示该部分视频进度对应的视频画面。
在一种可选的实施例中,可以根据可滚动区域的滚动方向来确定可移动位置与视频进度的对应关系。下面以可滚动区域的滚动方向为纵向或横向来进行举例说明。
可滚动区域为纵向滚动的区域;可滚动区域内的可移动位置的纵坐标与目标视频的视频进度具有对应关系。则客户端获取第i个移动位置对应的第i个纵坐标,i为不大于n的正整数,n为正整数;获取第i个纵坐标对应的第i个视频进度。
当可滚动区域是向上或向下进行滚动的区域时,视频播放器向上或向下进行移动,视频播放器所在位置的纵坐标改变而横坐标不变,因此,可以将可滚动区域中可移动位置的纵坐标与视频进度进行绑定,根据视频播放器所移动至的可移动位置(移动位置)的纵坐标来确定其对应的视频进度。
可滚动区域为横向滚动的区域;可滚动区域内的可移动位置的横坐标与目标视频的视频进度具有对应关系。则客户端获取第i个移动位置对应的第i个横坐标,i为不大于n的正整数,n为正整数;获取第i个横坐标对应的第i个视频进度。
当可滚动区域是向左或向右进行滚动的区域时,视频播放器向左或向右进行移动,视频播放器所在位置的横坐标改变而纵坐标不变,因此,可以将可滚动区域中可移动位置的横坐标与视频进度进行绑定,根据视频播放器所移动至的可移动位置(移动位置)的横坐标来确定其对应的视频进度。
示例性的,以可滚动区域是纵向滚动的区域,且更新方向为向上滑动更新为例进行说明。如图5所示,可滚动区域向上滑动进行更新,则视频播放器从可滚动区域的底部向上移动,因此,可以将可滚动区域中可移动位置的纵坐标与视频进度相关联。例如,如图5所示,以视频播放器的第一行像素点的位置作为确定视频播放器的移动位置的参考,当第一行像素点显示在可滚动区域内时,触发本申请提供的视频画面的显示方法的第一阶段,将可滚动区域底端第0行像素(第一行可移动位置)与aa:bb视频进度对应,向上的第h行像素(第h行可移动位置)与xx:yy视频进度对应,其中,aa:bb视频进度可以是00:00也可以是目标视频中的任意视频进度,xx:yy视频进度可以是目标视频的终止视频进度,也可以是目标视频中的任意视频进度,示例性的,xx:yy视频进度在aa:bb视频进度之后。第0行像素至第h行像素之间的每一行像素点依次对应从aa:bb到xx:yy之间的视频进度。相当于将目标视频的进度条纵向放置。当视频播放器从第0行像素向上移动至第h行像素时,视频播放器上顺次播放目标视频从aa:bb视频进度到xx:yy视频进度的视频画面,实现目标视频的视频画面的正向播放;当视频播放器从第h行像素向下移动至第0行像素时,视频播放器上顺次播放目标视频从xx:yy视频进度到aa:bb视频进度的视频画面,实现目标视频的视频画面的反向播放。
示例性的,通过设置aa:bb视频进度和xx:yy视频进度,可以设置第一阶段中视频播放器所能够展示的视频进度。当将其设置为00:00视频进度至xx:yy视频进度(目标视频的终止视频进度)时,在第一阶段用户即可以通过反复拖动可滚动区域进行滚动,来反复观看目标视频的全部视频画面。
以aa:bb视频进度为00:00为例,如图5所示,当视频播放器的第一个像素点显示在可滚动区域上时,即,当可滚动区域的第0行像素显示为视频播放器时,触发本申请提供的视频画面的显示方法的第一阶段。如图6所示,可滚动区域中从底部的第0行像素对应00:00视频进度,向上的第h行像素对应xx:yy视频进度,按顺序依次确定第0行像素至第h行像素之间的每行像素对应的视频进度,其中,x1:y1视频进度对应第h1行像素,x2:y2视频进度对应第h2行像素,则,当视频播放器302从第h1行像素移动至第h2行像素时,视频播放器302上顺次显示从x1:y1视频进度到x2:y2视频进度的视频画面。
图5所示的例子仅为举例,图5中举例的从第0行像素到第h行像素可以替换为从可滚动区域301的底部第h1行像素到第h2行像素,h2大于h1,即实现将可滚动区域301中间部分的像素点设置为其纵坐标与视频进度相对应,若将视频播放器的高度设置为h1,则可以实现在可滚动区域上显示完整的视频播放器时,触发第一阶段,若视频播放器继续上移,则会根据移动位置对应的视频进度使视频播放器显示对应的视频画面。
当可滚动区域是横向滚动的区域时,可以参照纵向滚动的设计思路,将可移动位置的横坐标与视频进度对应。
步骤2032,在视频播放器上显示目标视频中第i个视频进度的第i个视频画面。
示例性的,在第一阶段,客户端根据视频播放器所在的轨迹位置,进行视频画面的显示,即,在第i个轨迹位置显示第i个视频画面,第i个轨迹位置对应第i个视频进度对应第i个视频画面。用户在第一阶段通过拖动操作改变视频播放器的位置即可以改变视频播放器上显示的视频画面。
在这一阶段中,视频播放器不播放目标视频,即,不播放目标视频的声音,只根据移动位置显示画面。每个视频画面显示的时长与视频播放器在该位置停留的时长相等,用户可以通过快速滑动视频播放器的位置,来实现快速播放目标视频的视频画面的效果。视频画面显示的顺序(正向或反向)与视频播放器移动路径的方向正相关。若用户的拖动操作停止,视频播放器停在可滚动区域中的某个位置,则视频播放器上显示该位置对应的静止的视频画面。
综上所述,本实施例提供的方法,通过在移动视频播放器位置的同时,根据视频播放器位置来显示对应视频进度的视频画面,使用户在浏览信息流时,可以通过使用不同的滑动信息流的方式,使视频播放器上以不同的播放速度、播放顺序展现目标视频的视频画面。增加用户在滑动信息流时与视频播放器的互动性,吸引用户关注信息流中的视频播放器,提高信息流中视频展示的趣味性。
本实施例提供的方法,通过在可滚动区域是纵向滚动的区域时,将可滚动区域中的可移动位置的纵坐标与视频进度绑定,通过视频播放器的移动位置的纵坐标来获取对应的视频进度。通过在可滚动区域是横向滚动的区域时,将可滚动区域中的可移动位置的横坐标与视频进度绑定,通过视频播放器的移动位置的横坐标来获取对应的视频进度。
示例性的,为了进一步丰富视频的展现方式,在第一阶段的基础上,本申请实施例提供了第二阶段的展现方法,即,在满足第二阶段的触发条件时,使视频播放器自动播放目标视频。
图7示出了本申请一个示例性实施例提供的视频画面的显示方法的流程图。该方法可以由上述图1中的终端上运行的客户端来执行。基于图2所示的示例性实施例,步骤203之后还包括步骤204和步骤205。
步骤204,响应于拖动操作结束,在可滚动区域上显示视频播放器位于第n个移动位置,视频播放器上显示有目标视频的第n个视频画面,第n个视频画面为第n个移动位置所对应的第n个视频进度的视频画面。
视频播放器根据拖动操作在可滚动区域上移动过的移动路径包括n个移动位置,n为正整数。
示例性的,一次拖动操作可以使视频播放器移动一个移动路径。在一次拖动操作结束时,视频播放器停在一个移动位置上。对于第二阶段的触发判定,可以是在每次拖动操作结束时,判定当前状态是否满足触发条件;也可以是在拖动操作进行中,判定实时状态是否满足触发条件。
以第二阶段的触发条件是阈值进度为例,即,当视频播放器上显示超过阈值进度的视频画面时,自动播放目标视频。在一种实现方式中,响应于一次拖动操作结束,客户端根据当前视频播放器所处第n个移动位置获取其对应的第n个视频进度,判断第n个视频进度是否大于等于阈值进度,若第n个视频进度大于等于阈值进度,则触发第二阶段,从第n个移动位置对应的第n个视频画面开始自动播放目标视频。在另一种实现方式中,客户端实时检测视频播放器当前显示的视频画面对应的视频进度是否大于等于阈值进度,若大于等于阈值进度,则无论当前拖动操作是否结束,都触发第二阶段,从当前视频进度对应的视频画面开始自动播放目标视频。
本实施例仅以在每次拖动操作结束后进行第二阶段的触发判定进行举例说明。
步骤205,响应于满足自动播放条件,从第n个视频画面开始自动播放目标视频。
在拖动操作结束后,客户端判断是否满足第二阶段的触发条件(自动播放条件),若满足,则进行目标视频的自动播放;若不满足,则依旧使用第一阶段的方法进行目标视频的展示。
本实施例提供了两种自动播放条件:一种是设置阈值进度,一种是使用视频播放器上标记元素的位置进行判定。
对于第一种自动播放条件:客户端响应于第n个移动位置对应的第n个视频进度达到阈值进度,从第n个视频画面开始自动播放目标视频。
阈值进度是预先为目标视频设置好的一个视频进度,用于判定是否触发自动播放。阈值进度可以设置为目标视频中的任意视频进度。例如,目标视频是时长两分钟的视频,则可以将阈值进度设置为一分钟位置的视频进度。示例性的,还可以根据目标视频的视频精彩片段来设置阈值进度,将视频精彩片段开始的时刻设置为阈值进度,使视频播放器从视频精彩片段开始进行自动播放。
对于第二种自动播放条件:在视频播放器上还显示有标记元素。标记元素是显示在视频画面上层的独立元素。客户端在视频播放器上显示标记元素跟随拖动操作沿固定轨迹移动,即,标记元素在视频播放器上按照预先设置好的固定轨迹进行移动。
例如,如图8所示,在视频播放器302的画面显示区域上显示有目标视频的视频画面305,标记元素306显示在视频画面305的上层。当视频播放器的第一个像素显示在可滚动区域上时,标记元素按固定轨迹进行移动。
示例性的,响应于视频播放器的第一个像素显示在可滚动区域上,标记元素从初始位置开始沿固定轨迹向目标位置移动。
标记元素的移动与视频画面的播放不同步,标记元素的移动速度、移动路径与视频播放器的位置、视频播放器中显示的视频画面无关。即,在第一阶段,视频画面的播放速度会随着视频播放器的移动速度变化,但标记元素的移动速度并不会随之变化。
示例性的,标记元素的移动方向会随着拖动操作的拖动方向改变,即,标记元素的移动方向会随着视频播放器的移动方向改变。响应于拖动方向为第一方向,在视频播放器上显示标记元素沿固定轨迹向目标位置正向移动,第一方向为可滚动区域的更新方向,目标位置为固定轨迹的终点。响应于拖动方向为第二方向,在视频播放器上显示标记元素沿固定轨迹逆向初始位置逆向移动,第二方向为可滚动区域的更新方向的反方向,初始位置为固定轨迹的起点。响应于未接收到拖动操作,在视频播放器上显示标记元素静止不动。
即,当视频播放器沿更新方向移动时,标记元素沿固定轨迹正向移动,当视频播放器沿更新方向的反方向移动时,标记元素沿固定轨迹反向移动,当视频播放器不动时,标记元素静止不动。
标记元素的移动轨迹是由初始位置(初始坐标)、目标位置(结束坐标)以及中间位置(中间坐标)组成的折线,标记元素按照顺序,沿直线从初始坐标向第一个中间坐标移动,再沿直线第一个中间坐标向第二个中间坐标移动,直至从最后一个中间坐标向结束坐标移动。示例性的,可以不设置中间位置,只设置初始位置和目标位置,则固定轨迹为从初始位置到目标位置的直线。
例如,如图9中的(1)所示,当拖动操作的拖动方向是可滚动区域的更新方向时,标记元素沿固定轨迹从初始位置307经过中间位置向目标位置308正向移动。如图9中的(2)所示,当拖动操作的拖动方向是可滚动区域的更新方向的反方向时,标记元素沿固定轨迹从当前位置向初始位置307反向移动。
客户端响应于标记元素移动至目标位置,从第n个视频画面开始自动播放目标视频,固定轨迹包括目标位置。当拖动操作结束时,标记元素已经移动至目标位置,则客户端从拖动操作结束时视频播放器上显示的第n个视频画面开始自动播放视频。
在一种实现方式中,若拖动操作还未结束时,标记元素就已经移动至目标位置,则标记元素停在目标位置不动。在另一种实现方式中,若标记元素已经移动至目标位置,但拖动操作还未结束,则停止第一阶段触发第二阶段,客户端从视频播放器当前的移动位置对应的视频画面开始自动播放视频。
图10示出了采用本申请提供的视频画面的显示方法对视频进行第一阶段以及第二阶段的展示的用户界面示意图。如图10中的(1)、(2)、(3)、(4)所示,在用户界面的信息流展示区域401显示的信息流中包括视频播放器302,信息流的更新方向为向上滑动,用户可以向上或向下滑动移动信息流中的信息流内容的显示位置,使用户界面中显示出新的信息流内容。当视频播放器302的第一个像素显示在用户界面中的信息流展示区域401时,触发第一阶段,客户端跟随视频播放器302在信息流展示区域401上移动过的移动位置在视频播放器上显示目标视频进度的视频画面,同时,视频画面上的标记元素306沿固定轨迹向目标位置移动。如图10中的(4)所示,当标记元素306移动到目标位置且拖动操作停止时,触发第二阶段,如图10中的(5)、(6)所示,视频播放器302自动播放目标视频。
综上所述,本实施例提供的方法,通过在满足自动播放条件时,使视频播放器自动播放目标视频,自动播放条件可以根据视频进度进行设置,也可以通过在视频播放器上增加标记元素,根据标记元素的位置来设置自动播放条件,从而增加视频展示与用户操作的互动性。通过在第一阶段使视频画面跟随视频播放器位置进行变化,在第二阶段自动播放视频,突出视频某些亮点和重点节选,加强视频的互动性和关联性,使得用户注意力能够聚焦在视频内容上,不论是对视频内容的传达,还是用户的操控感,都有较好的体现。同时在用于游戏分发、互动广告上,更具有商业化潜力,能够突出游戏、商品的卖点,提炼关键信息,是一种可尝试、有创新的新型商业化广告形态。而用于游戏介绍视频、游戏互动视频上,能够提炼游戏玩法,强化游戏属性,例如射击、消除等游戏属性,让用户更加直观地理解游戏的玩法和内容。
以下为本申请的装置实施例,对于装置实施例中未详细描述的细节,可参考上述方法实施例。
图11是本申请一个示例性实施例提供的视频画面的显示装置的框图。所述装置包括:
显示模块1101,用于显示可滚动区域,所述可滚动区域上显示有视频播放器,所述视频播放器用于展示目标视频;
交互模块1102,用于接收作用于所述可滚动区域的拖动操作;
所述显示模块1101,用于响应于接收到作用于所述可滚动区域的拖动操作,在所述可滚动区域上沿所述拖动操作的拖动方向移动所述视频播放器;
所述显示模块1101,用于跟随所述视频播放器在所述可滚动区域上移动过的移动位置在所述视频播放器上显示所述目标视频中目标视频进度的视频画面,所述移动位置与所述目标视频进度存在对应关系。
在一种可选的实施例中,所述视频播放器的移动路径包括在所述可滚动区域上移动过的n个移动位置,所述n个移动位置中每个移动位置对应一个视频进度,所述目标视频进度包括所述n个移动位置对应的n个视频进度,n为正整数;所述装置还包括:
确定模块1103,用于响应于所述视频播放器移动至第i个移动位置,根据所述第i个移动位置确定第i个视频进度,i为不大于n的正整数;
所述显示模块1101,用于在所述视频播放器上显示所述目标视频中所述第i个视频进度的第i个视频画面。
在一种可选的实施例中,所述可滚动区域为纵向滚动的区域;所述可滚动区域内的可移动位置的纵坐标与所述目标视频的视频进度具有对应关系;
所述确定模块1103,用于获取所述第i个移动位置对应的第i个纵坐标,i为不大于n的正整数,n为正整数;
所述确定模块1103,用于获取所述第i个纵坐标对应的所述第i个视频进度。
在一种可选的实施例中,所述可滚动区域为横向滚动的区域;所述可滚动区域内的可移动位置的横坐标与所述目标视频的视频进度具有对应关系;
所述确定模块1103,用于获取所述第i个移动位置对应的第i个横坐标,i为不大于n的正整数,n为正整数;
所述确定模块1103,用于获取所述第i个横坐标对应的所述第i个视频进度。
在一种可选的实施例中,所述视频播放器根据所述拖动操作在所述可滚动区域上移动过的移动路径包括n个移动位置,n为正整数;
所述显示模块1101,用于响应于所述拖动操作结束,在所述可滚动区域上显示所述视频播放器位于第n个移动位置,所述视频播放器上显示有所述目标视频的第n个视频画面,所述第n个视频画面为所述第n个移动位置所对应的第n个视频进度的视频画面;
所述显示模块1101,用于响应于满足自动播放条件,从所述第n个视频画面开始自动播放所述目标视频。
在一种可选的实施例中,所述目标视频对应有阈值进度;
所述显示模块1101,用于响应于所述第n个移动位置对应的所述第n个视频进度达到所述阈值进度,从所述第n个视频画面开始自动播放所述目标视频。
在一种可选的实施例中,所述视频播放器上显示有标记元素;
所述显示模块1101,用于在所述视频播放器上显示所述标记元素跟随所述拖动操作沿固定轨迹移动;
所述显示模块1101,用于响应于所述标记元素移动至目标位置,从所述第n个视频画面开始自动播放所述目标视频,所述固定轨迹包括所述目标位置。
在一种可选的实施例中,所述显示模块1101,用于响应于所述拖动方向为第一方向,在所述视频播放器上显示所述标记元素沿所述固定轨迹向所述目标位置正向移动,所述第一方向为所述可滚动区域的更新方向,所述目标位置为所述固定轨迹的终点。
在一种可选的实施例中,所述显示模块1101,用于响应于所述拖动方向为第二方向,在所述视频播放器上显示所述标记元素沿所述固定轨迹逆向初始位置逆向移动,所述第二方向为所述可滚动区域的更新方向的反方向,所述初始位置为所述固定轨迹的起点。
在一种可选的实施例中,所述显示模块1101,用于响应于所述视频播放器的第一个像素显示在所述可滚动区域上,跟随所述视频播放器在所述可滚动区域上移动过的移动位置在所述视频播放器上显示所述目标视频中目标视频进度的视频画面。
需要说明的是:上述实施例提供的视频画面的显示装置,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将设备的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的视频画面的显示装置与视频画面的显示方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。
本申请还提供了一种终端,该终端包括处理器和存储器,存储器中存储有至少一条指令,至少一条指令由处理器加载并执行以实现上述各个方法实施例提供的视频画面的显示方法。需要说明的是,该终端可以是如下图12所提供的终端。
图12出了本申请一个示例性实施例提供的终端1200的结构框图。该终端1200可以是:智能手机、平板电脑、MP3播放器(Moving Picture Experts Group Audio Layer III,动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio LayerIV,动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端1200还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。
通常,终端1200包括有:处理器1201和存储器1202。
处理器1201可以包括一个或多个处理核心,比如4核心处理器、8核心处理器等。处理器1201可以采用DSP(Digital Signal Processing,数字信号处理)、FPGA(Field-Programmable Gate Array,现场可编程门阵列)、PLA(Programmable Logic Array,可编程逻辑阵列)中的至少一种硬件形式来实现。处理器1201也可以包括主处理器和协处理器,主处理器是用于对在唤醒状态下的数据进行处理的处理器,也称CPU;协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中,处理器1201可以在集成GPU(Graphics Processing Unit,图像处理器),GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中,处理器1201还可以包括AI(Artificial Intelligence,人工智能)处理器,该AI处理器用于处理有关机器学习的计算操作。
存储器1202可以包括一个或多个计算机可读存储介质,该计算机可读存储介质可以是非暂态的。存储器1202还可包括高速随机存取存储器,以及非易失性存储器,比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中,存储器1202中的非暂态的计算机可读存储介质用于存储至少一个指令,该至少一个指令用于被处理器1201所执行以实现本申请中方法实施例提供的视频画面的显示方法。
在一些实施例中,终端1200还可选包括有:外围设备接口1203和至少一个外围设备。处理器1201、存储器1202和外围设备接口1203之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口1203相连。具体地,外围设备包括:射频电路1204、显示屏1205、摄像头组件1206、音频电路1207、定位组件1208和电源1209中的至少一种。
外围设备接口1203可被用于将I/O(Input/Output,输入/输出)相关的至少一个外围设备连接到处理器1201和存储器1202。在一些实施例中,处理器1201、存储器1202和外围设备接口1203被集成在同一芯片或电路板上;在一些其他实施例中,处理器1201、存储器1202和外围设备接口1203中的任意一个或两个可以在单独的芯片或电路板上实现,本实施例对此不加以限定。
射频电路1204用于接收和发射RF(Radio Frequency,射频)信号,也称电磁信号。射频电路1204通过电磁信号与通信网络以及其他通信设备进行通信。射频电路1204将电信号转换为电磁信号进行发送,或者,将接收到的电磁信号转换为电信号。可选地,射频电路1204包括:天线系统、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路1204可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于:万维网、城域网、内联网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity,无线保真)网络。在一些实施例中,射频电路1204还可以包括NFC(Near Field Communication,近距离无线通信)有关的电路,本申请对此不加以限定。
显示屏1205用于显示UI(User Interface,用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏1205是触摸显示屏时,显示屏1205还具有采集在显示屏1205的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器1201进行处理。此时,显示屏1205还可以用于提供虚拟按钮和/或虚拟键盘,也称软按钮和/或软键盘。在一些实施例中,显示屏1205可以为一个,设置终端1200的前面板;在另一些实施例中,显示屏1205可以为至少两个,分别设置在终端1200的不同表面或呈折叠设计;在再一些实施例中,显示屏1205可以是柔性显示屏,设置在终端1200的弯曲表面上或折叠面上。甚至,显示屏1205还可以设置成非矩形的不规则图形,也即异形屏。显示屏1205可以采用LCD(Liquid Crystal Display,液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。
摄像头组件1206用于采集图像或视频。可选地,摄像头组件1206包括前置摄像头和后置摄像头。通常,前置摄像头设置在终端的前面板,后置摄像头设置在终端的背面。在一些实施例中,后置摄像头为至少两个,分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种,以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality,虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中,摄像头组件1206还可以包括闪光灯。闪光灯可以是单色温闪光灯,也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合,可以用于不同色温下的光线补偿。
音频电路1207可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波,并将声波转换为电信号输入至处理器1201进行处理,或者输入至射频电路1204以实现语音通信。出于立体声采集或降噪的目的,麦克风可以为多个,分别设置在终端1200的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器1201或射频电路1204的电信号转换为声波。扬声器可以是传统的薄膜扬声器,也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时,不仅可以将电信号转换为人类可听见的声波,也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中,音频电路1207还可以包括耳机插孔。
定位组件1208用于定位终端1200的当前地理位置,以实现导航或LBS(LocationBased Service,基于位置的服务)。定位组件1208可以是基于美国的GPS(GlobalPositioning System,全球定位系统)、中国的北斗系统或俄罗斯的伽利略系统的定位组件。
电源1209用于为终端1200中的各个组件进行供电。电源1209可以是交流电、直流电、一次性电池或可充电电池。当电源1209包括可充电电池时,该可充电电池可以是有线充电电池或无线充电电池。有线充电电池是通过有线线路充电的电池,无线充电电池是通过无线线圈充电的电池。该可充电电池还可以用于支持快充技术。
在一些实施例中,终端1200还包括有一个或多个传感器1210。该一个或多个传感器1210包括但不限于:加速度传感器1211、陀螺仪传感器1212、压力传感器1213、指纹传感器1214、光学传感器1215以及接近传感器1216。
加速度传感器1211可以检测以终端1200建立的坐标系的三个坐标轴上的加速度大小。比如,加速度传感器1211可以用于检测重力加速度在三个坐标轴上的分量。处理器1201可以根据加速度传感器1211采集的重力加速度信号,控制显示屏1205以横向视图或纵向视图进行用户界面的显示。加速度传感器1211还可以用于游戏或者用户的运动数据的采集。
陀螺仪传感器1212可以检测终端1200的机体方向及转动角度,陀螺仪传感器1212可以与加速度传感器1211协同采集用户对终端1200的3D动作。处理器1201根据陀螺仪传感器1212采集的数据,可以实现如下功能:动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。
压力传感器1213可以设置在终端1200的侧边框和/或显示屏1205的下层。当压力传感器1213设置在终端1200的侧边框时,可以检测用户对终端1200的握持信号,由处理器1201根据压力传感器1213采集的握持信号进行左右手识别或快捷操作。当压力传感器1213设置在显示屏1205的下层时,由处理器1201根据用户对显示屏1205的压力操作,实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。
指纹传感器1214用于采集用户的指纹,由处理器1201根据指纹传感器1214采集到的指纹识别用户的身份,或者,由指纹传感器1214根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时,由处理器1201授权该用户执行相关的敏感操作,该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器1214可以被设置终端1200的正面、背面或侧面。当终端1200上设置有物理按键或厂商Logo时,指纹传感器1214可以与物理按键或厂商Logo集成在一起。
光学传感器1215用于采集环境光强度。在一个实施例中,处理器1201可以根据光学传感器1215采集的环境光强度,控制、显示屏1205的显示亮度。具体地,当环境光强度较高时,调高、显示屏1205的显示亮度;当环境光强度较低时,调低、显示屏1205的显示亮度。在另一个实施例中,处理器1201还可以根据光学传感器1215采集的环境光强度,动态调整摄像头组件1206的拍摄参数。
接近传感器1216,也称距离传感器,通常设置在终端1200的前面板。接近传感器1216用于采集用户与终端1200的正面之间的距离。在一个实施例中,当接近传感器1216检测到用户与终端1200的正面之间的距离逐渐变小时,由处理器1201控制、显示屏1205从亮屏状态切换为息屏状态;当接近传感器1216检测到用户与终端1200的正面之间的距离逐渐变大时,由处理器1201控制、显示屏1205从息屏状态切换为亮屏状态。
本领域技术人员可以理解,图12中示出的结构并不构成对终端1200的限定,可以包括比图示更多或更少的组件,或者组合某些组件,或者采用不同的组件布置。
所述存储器还包括一个或者一个以上的程序,所述一个或者一个以上程序存储于存储器中,所述一个或者一个以上程序包含用于进行本申请实施例提供的视频画面的显示方法。
本申请提供了一种计算机可读存储介质,所述存储介质中存储有至少一条指令,所述至少一条指令由所述处理器加载并执行以实现上述各个方法实施例提供的视频画面的显示方法。
本申请还提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述可选实现方式中提供的视频画面的显示方法。
上述本申请实施例序号仅仅为了描述,不代表实施例的优劣。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本申请的可选实施例,并不用以限制本申请,凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。

Claims (15)

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所述的方法,其特征在于,所述在所述视频播放器上显示所述标记元素跟随所述拖动操作沿固定轨迹移动,包括:
响应于所述拖动方向为第一方向,在所述视频播放器上显示所述标记元素沿所述固定轨迹向所述目标位置正向移动,所述第一方向为所述可滚动区域的更新方向,所述目标位置为所述固定轨迹的终点。
或,
响应于所述拖动方向为第二方向,在所述视频播放器上显示所述标记元素沿所述固定轨迹逆向初始位置逆向移动,所述第二方向为所述可滚动区域的更新方向的反方向,所述初始位置为所述固定轨迹的起点。
9.根据权利要求1至4任一所述的方法,其特征在于,所述跟随所述视频播放器在所述可滚动区域上移动过的移动位置在所述视频播放器上显示所述目标视频中目标视频进度的视频画面,包括:
响应于所述视频播放器显示在所述可滚动区域上,跟随所述视频播放器在所述可滚动区域上移动过的移动位置在所述视频播放器上显示所述目标视频中目标视频进度的视频画面。
10.一种视频画面的显示装置,其特征在于,所述装置包括:
显示模块,用于显示可滚动区域,所述可滚动区域上显示有视频播放器,所述视频播放器用于展示目标视频;
交互模块,用于接收作用于所述可滚动区域的拖动操作;
所述显示模块,用于响应于接收到作用于所述可滚动区域的拖动操作,在所述可滚动区域上沿所述拖动操作的拖动方向移动所述视频播放器;
所述显示模块,用于跟随所述视频播放器在所述可滚动区域上移动过的移动位置在所述视频播放器上显示所述目标视频中目标视频进度的视频画面,所述移动位置与所述目标视频进度存在对应关系。
11.根据权利要求10所述的装置,其特征在于,所述视频播放器在所述可滚动区域上移动过由n个移动位置组成的移动路径,所述n个移动位置中每个移动位置对应一个视频进度,所述目标视频进度包括所述n个移动位置对应的n个视频进度,n为正整数;所述装置还包括:
确定模块,用于响应于所述视频播放器移动至第i个移动位置,根据所述第i个移动位置确定第i个视频进度,i为不大于n的正整数;
所述显示模块,用于在所述视频播放器上显示所述目标视频中所述第i个视频进度的第i个视频画面。
12.根据权利要求11所述的装置,其特征在于,所述可滚动区域为纵向滚动的区域;所述可滚动区域内的可移动位置的纵坐标与所述目标视频的视频进度具有对应关系;
所述确定模块,用于获取所述第i个移动位置对应的第i个纵坐标,i为不大于n的正整数,n为正整数;
所述确定模块,用于获取所述第i个纵坐标对应的所述第i个视频进度。
13.根据权利要求11所述的装置,其特征在于,所述可滚动区域为横向滚动的区域;所述可滚动区域内的可移动位置的横坐标与所述目标视频的视频进度具有对应关系;
所述确定模块,用于获取所述第i个移动位置对应的第i个横坐标,i为不大于n的正整数,n为正整数;
所述确定模块,用于获取所述第i个横坐标对应的所述第i个视频进度。
14.一种计算机设备,其特征在于,所述计算机设备包括处理器和存储器,所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如权利要求1至9任一所述的视频画面的显示方法。
15.一种计算机可读存储介质,其特征在于,所述可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如权利要求1至9任一所述的视频画面的显示方法。
CN202110227788.XA 2021-03-01 2021-03-01 视频画面的显示方法、装置、设备及介质 Pending CN115002549A (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
CN202110227788.XA CN115002549A (zh) 2021-03-01 2021-03-01 视频画面的显示方法、装置、设备及介质
PCT/CN2022/077715 WO2022183967A1 (zh) 2021-03-01 2022-02-24 视频画面的显示方法、装置、设备、介质及程序产品
US17/985,786 US20230071445A1 (en) 2021-03-01 2022-11-11 Video picture display method and apparatus, device, medium, and program product

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110227788.XA CN115002549A (zh) 2021-03-01 2021-03-01 视频画面的显示方法、装置、设备及介质

Publications (1)

Publication Number Publication Date
CN115002549A true CN115002549A (zh) 2022-09-02

Family

ID=83018466

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110227788.XA Pending CN115002549A (zh) 2021-03-01 2021-03-01 视频画面的显示方法、装置、设备及介质

Country Status (3)

Country Link
US (1) US20230071445A1 (zh)
CN (1) CN115002549A (zh)
WO (1) WO2022183967A1 (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20240147012A1 (en) * 2022-10-14 2024-05-02 Qognify Ltd. System and method for intelligent web based video playing

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103986962A (zh) * 2014-06-03 2014-08-13 合一网络技术(北京)有限公司 显示悬浮式播放窗口的方法和系统
CN104735544A (zh) * 2015-03-31 2015-06-24 上海摩软通讯技术有限公司 移动终端的视频导航方法
CN106534734A (zh) * 2015-09-11 2017-03-22 腾讯科技(深圳)有限公司 视频播放、地图展示的方法和装置、数据处理方法和系统
US20170164051A1 (en) * 2015-12-03 2017-06-08 Le Holdings (Beijing) Co., Ltd. Video auto-play implementation and electronic equipment
CN108965980A (zh) * 2018-07-20 2018-12-07 腾讯科技(深圳)有限公司 推荐内容显示方法、装置、终端及存储介质
CN110679154A (zh) * 2017-10-27 2020-01-10 谷歌有限责任公司 响应于计算设备交互而预览视频
CN111970257A (zh) * 2020-08-04 2020-11-20 腾讯科技(深圳)有限公司 一种文稿显示控制方法、装置、电子设备和存储介质

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2016074120A1 (en) * 2014-11-10 2016-05-19 Tencent Technology (Shenzhen) Company Limited Scrolling animation or video playback controlled by touch user interface
CN105898610A (zh) * 2015-10-15 2016-08-24 乐视网信息技术(北京)股份有限公司 视频列表的自动播放方法和装置
CN105898523B (zh) * 2016-06-29 2019-04-09 无锡天脉聚源传媒科技有限公司 一种视频播放方法及装置
CN108282683B (zh) * 2017-01-05 2020-07-14 腾讯科技(深圳)有限公司 一种视频界面显示方法及装置
CN107241657A (zh) * 2017-07-06 2017-10-10 广州优视网络科技有限公司 视频播放方法、装置、计算设备以及存储介质

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103986962A (zh) * 2014-06-03 2014-08-13 合一网络技术(北京)有限公司 显示悬浮式播放窗口的方法和系统
CN104735544A (zh) * 2015-03-31 2015-06-24 上海摩软通讯技术有限公司 移动终端的视频导航方法
CN106534734A (zh) * 2015-09-11 2017-03-22 腾讯科技(深圳)有限公司 视频播放、地图展示的方法和装置、数据处理方法和系统
US20170164051A1 (en) * 2015-12-03 2017-06-08 Le Holdings (Beijing) Co., Ltd. Video auto-play implementation and electronic equipment
CN110679154A (zh) * 2017-10-27 2020-01-10 谷歌有限责任公司 响应于计算设备交互而预览视频
CN108965980A (zh) * 2018-07-20 2018-12-07 腾讯科技(深圳)有限公司 推荐内容显示方法、装置、终端及存储介质
CN111970257A (zh) * 2020-08-04 2020-11-20 腾讯科技(深圳)有限公司 一种文稿显示控制方法、装置、电子设备和存储介质

Also Published As

Publication number Publication date
US20230071445A1 (en) 2023-03-09
WO2022183967A1 (zh) 2022-09-09

Similar Documents

Publication Publication Date Title
CN110020140B (zh) 推荐内容显示方法、装置及系统
CN109660855B (zh) 贴纸显示方法、装置、终端及存储介质
CN111701238A (zh) 虚拟画卷的显示方法、装置、设备及存储介质
CN109646944B (zh) 控制信息处理方法、装置、电子设备及存储介质
CN113411680B (zh) 多媒体资源播放方法、装置、终端及存储介质
CN112258241A (zh) 页面展示方法、装置、终端以及存储介质
CN114116053B (zh) 资源展示方法、装置、计算机设备及介质
WO2023050722A1 (zh) 信息显示方法及电子设备
CN112527287A (zh) 物品详情信息展示方法、装置、终端及存储介质
CN111050189A (zh) 直播方法、装置、设备、存储介质和程序产品
CN111368114B (zh) 信息展示方法、装置、设备及存储介质
CN112565911A (zh) 弹幕显示方法、弹幕生成方法、装置、设备及存储介质
CN112131422A (zh) 表情图片生成方法、装置、设备及介质
CN114546545B (zh) 图文显示方法、装置、终端及存储介质
CN113204672B (zh) 资源展示方法、装置、计算机设备及介质
CN110928464A (zh) 用户界面的显示方法、装置、设备及介质
CN113886611A (zh) 资源展示方法、装置、计算机设备及介质
CN112004134B (zh) 多媒体数据的展示方法、装置、设备及存储介质
CN115002549A (zh) 视频画面的显示方法、装置、设备及介质
EP4125274A1 (en) Method and apparatus for playing videos
CN112905280B (zh) 页面显示方法、装置、设备及存储介质
CN110996115B (zh) 直播视频播放方法、装置、设备、存储介质和程序产品
CN111694535A (zh) 闹钟信息显示方法及装置
CN116304355B (zh) 基于对象的信息推荐方法、装置、电子设备及存储介质
CN113220203B (zh) 活动入口展示方法、装置、终端及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 40072620

Country of ref document: HK

SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination