CN113286189A - 视频播放方法、装置、服务器及存储介质 - Google Patents

视频播放方法、装置、服务器及存储介质 Download PDF

Info

Publication number
CN113286189A
CN113286189A CN202110442395.0A CN202110442395A CN113286189A CN 113286189 A CN113286189 A CN 113286189A CN 202110442395 A CN202110442395 A CN 202110442395A CN 113286189 A CN113286189 A CN 113286189A
Authority
CN
China
Prior art keywords
video
video cover
image
playing
cover image
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
CN202110442395.0A
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.)
Beijing QIYI Century Science and Technology Co Ltd
Original Assignee
Beijing QIYI Century Science and Technology 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 Beijing QIYI Century Science and Technology Co Ltd filed Critical Beijing QIYI Century Science and Technology Co Ltd
Priority to CN202110442395.0A priority Critical patent/CN113286189A/zh
Publication of CN113286189A publication Critical patent/CN113286189A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • 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/436Interfacing a local distribution network, e.g. communicating with another STB or one or more peripheral devices inside the home
    • H04N21/4363Adapting the video stream to a specific local network, e.g. a Bluetooth® network
    • 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/44Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs
    • H04N21/44016Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs involving splicing one content stream with another content stream, e.g. for substituting a video clip
    • 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

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明实施例提供了一种视频播放方法、装置、服务器及存储介质,将预设的多个图像容器及播放器的播放组件预先添加至预设的滑动容器中,在多个图像容器中加载视频封面图像以在feed页面进行展示,形成多个视频封面图像展示在前、播放组件展示在后的层级结构,所述方法包括:在监测到针对feed页面中第一视频封面图像的预设操作触发的情况下,隐藏第一视频封面图像;其中,第一视频封面图像包括feed页面中多个视频封面图像中的任意一个;确定第一视频封面图像在feed页面中的第一展示位置,将播放组件调整至第一展示位置;通过播放组件对第一视频封面图像对应的第一视频进行加载,并播放第一视频。

Description

视频播放方法、装置、服务器及存储介质
技术领域
本发明涉及数字多媒体技术领域,尤其涉及一种视频播放方法、装置、服务器及存储介质。
背景技术
随着自媒体时代的开启,越来越多的自媒体作者逐渐在各个网络平台注册一批账号,然后不断在这些账号上发布信息,持续更新内容。自媒体作者通过其所注册的账号下发的持续更新并呈现给用户的内容都可以理解为feed流。其中,短视频feed流是由RecyclerView加载很多类似的短视频在feed页面进行布局展示。
目前,当短视频feed流中短视频每次进行播放的时候,每次都需要创建播放器的播放组件,且在播放完毕之后需要删除播放器的播放组件。这样频繁创建和删除播放器的播放组件会触发view的Request layout(重新布局页面)、播放的TextureView重新创建Surface等一系列冗余的操作,导致额外的性能损耗,降低短视频开播速度。
发明内容
本发明实施例的目的在于提供一种视频播放方法、装置、服务器及存储介质,以实现避免额外的性能损耗、提高视频开播速度的有益效果。具体技术方案如下:
在本发明实施例的第一方面,首先提供了一种视频播放方法,将预设的多个图像容器及播放器的播放组件预先添加至预设的滑动容器中,在多个所述图像容器中加载视频封面图像以在feed页面进行展示,形成多个所述视频封面图像展示在前、所述播放组件展示在后的层级结构,所述方法包括:
在监测到针对所述feed页面中第一视频封面图像的预设操作触发的情况下,隐藏所述第一视频封面图像;
其中,所述第一视频封面图像包括所述feed页面中多个所述视频封面图像中的任意一个;
确定所述第一视频封面图像在所述feed页面中的第一展示位置,将所述播放组件调整至所述第一展示位置;
通过所述播放组件对所述第一视频封面图像对应的第一视频进行加载,并播放所述第一视频。
在一个可选的实施方式中,在多个所述图像容器中加载视频封面图像以在feed页面进行展示,包括:
针对任意一个所述图像容器,在所述图像容器中加载一个视频封面图像以在feed页面进行展示。
在一个可选的实施方式中,所述隐藏所述第一视频封面图像之后,所述方法还包括:
确定所述第一视频封面图像对应的所述图像容器,将所述播放组件添加至所述第一视频封面图像对应的所述图像容器。
在一个可选的实施方式中,所述确定所述第一视频封面图像在所述feed页面中的第一展示位置,将所述播放组件调整至所述第一展示位置,包括:
确定所述第一视频封面图像在所述feed页面中的第一斜对角顶点坐标;
将所述播放组件的斜对角顶点坐标替换为所述第一斜对角顶点坐标,并通知***API基于所述第一斜对角顶点坐标,调整所述播放组件在所述feed页面中的位置。
在一个可选的实施方式中,所述方法还包括:
在监测到针对所述feed页面中第二视频封面图像的预设操作触发的情况下,在所述第一展示位置显示所述第一视频封面图像,以及隐藏所述第二视频封面图像;
其中,所述第二视频封面图像包括所述feed页面中多个所述视频封面图像中除所述第一视频封面图像的任意一个;
确定所述第二视频封面图像在所述feed页面中的第二展示位置,将所述播放组件调整至所述第二展示位置;
通过所述播放组件对所述第二视频封面图像对应的第二视频进行加载,并播放所述第二视频。
在一个可选的实施方式中,所述隐藏所述第二视频封面图像之后,所述方法还包括:
确定所述第二视频封面图像对应的所述图像容器,将所述播放组件添加至所述第二视频封面图像对应的所述图像容器。
在一个可选的实施方式中,所述确定所述第二视频封面图像在所述feed页面中的第二展示位置,将所述播放组件调整至所述第二展示位置,包括:
确定所述第二视频封面图像在所述feed页面中的第二斜对角顶点坐标;
将所述播放组件的斜对角顶点坐标替换为所述第二斜对角顶点坐标,并通知***API基于所述第二斜对角顶点坐标,调整所述播放组件在所述feed页面中的位置。
在本发明实施例的第二方面,还提供了一种视频播放装置,所述装置包括:
预处理模块,用于将预设的多个图像容器及播放器的播放组件预先添加至预设的滑动容器中,在多个所述图像容器中加载视频封面图像以在feed页面进行展示,形成多个所述视频封面图像展示在前、所述播放组件展示在后的层级结构;
图像隐藏模块,用于在监测到针对所述feed页面中第一视频封面图像的预设操作触发的情况下,隐藏所述第一视频封面图像;
其中,所述第一视频封面图像包括所述feed页面中多个所述视频封面图像中的任意一个;
位置调整模块,用于确定所述第一视频封面图像在所述feed页面中的第一展示位置,将所述播放组件调整至所述第一展示位置;
视频播放模块,用于通过所述播放组件对所述第一视频封面图像对应的第一视频进行加载,并播放所述第一视频。
在本发明实施例的第三方面,还提供了一种服务器,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现上述第一方面中任一所述的视频播放方法。
在本发明实施例的第四方面,还提供了一种存储介质,所述存储介质中存储有指令,当其在计算机上运行时,使得计算机执行上述第一方面中任一所述的视频播放方法。
在本发明实施例的第五方面,还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述第一方面中任一所述的视频播放方法。
本发明实施例提供的技术方案,将预设的多个图像容器及播放器的播放组件预先添加至预设的滑动容器中,在多个图像容器中加载视频封面图像以在feed页面进行展示,形成多个视频封面图像展示在前、播放器的播放组件展示在后的层级结构,在监测到针对feed页面中第一视频封面图像的预设操作触发的情况下,隐藏第一视频封面图像,其中,第一视频封面图像包括feed页面中多个视频封面图像中的任意一个,确定第一视频封面图像在feed页面中的第一展示位置,将播放器的播放组件调整至第一展示位置,通过播放器的播放组件对第一视频封面图像对应的第一视频进行加载,并播放第一视频。通过将预设的多个图像容器及播放器的播放组件预先添加至预设的滑动容器中,在多个图像容器中加载视频封面图像以在feed页面进行展示,形成多个视频封面图像展示在前、播放器的播放组件展示在后的层级结构,如此后续当播放视频时,调整播放器的播放组件在feed页面中的位置即可完成播放,避免频繁创建和删除播放器的播放组件,避免额外的性能损耗、提高了视频开播速度。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本发明的实施例,并与说明书一起用于解释本发明的原理。
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例中示出的一种视频封面图像与播放器的VideoView形成前后层级结构的示意图;
图2为本发明实施例中示出的一种视频播放方法的实施流程示意图;
图3为本发明实施例中示出的另一种视频播放方法的实施流程示意图;
图4为本发明实施例中示出的一种播放短视频A的效果示意图;
图5为本发明实施例中示出的另一种视频播放方法的实施流程示意图;
图6为本发明实施例中示出的另一种视频播放方法的实施流程示意图;
图7为本发明实施例中示出的一种播放短视频B的效果示意图;
图8为本发明实施例中示出的一种视频播放装置的结构示意图;
图9为本发明实施例中示出的一种服务器的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明的一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
在本发明实施例中,首先对应用到的图像容器、播放器的播放组件、滑动容器进行示例性说明:对于图像容器,用于承载视频封面图像,例如图像容器可以是相对布局容器,即Viewgroup中的RelativeLayout等;对于播放器的播放组件,用来加载视频并进行播放,例如播放器的播放组件可以是播放器的VideoView;对于滑动容器,用来包裹图像容器、播放器的播放组件,但主要用来包裹图像容器中的视频封面图像,例如滑动容器可以是RecyclerView等。
基于上述对图像容器、播放器的播放组件、滑动容器的示例性说明,进行如下预处理:将预设的多个图像容器及播放器的播放组件预先添加至预设的滑动容器中,在多个图像容器中加载视频封面图像以在feed页面进行展示,形成多个视频封面图像展示在前、播放器的播放组件展示在后的层级结构。
例如,将两个RelativeLayout及播放器的VideoView预先添加至RecyclerView中,在两个RelativeLayout中加载视频封面图像A、视频封面图像B以在feed页面进行展示,形成视频封面图像A、视频封面图像B展示在前、播放器的VideoView展示在后的层级结构,如图1所示。
其中,针对任意一个图像容器,在该图像容器中加载一个视频封面图像以在feed页面进行展示。例如对于RelativeLayout(A)、RelativeLayout(B),在RelativeLayout(A)中加载视频封面图像A,在RelativeLayout(B)中视频封面图像B以在feed页面进行展示,形成视频封面图像A、视频封面图像B展示在前、播放器的VideoView展示在后的层级结构。
需要说明的是,对于视频封面图像,可以是视频(例如短视频、中视频、长视频等)对应的宣传海报,也可以是视频中任意一帧图像,当然还可以是视频对应的任意类型的封面图像,本发明实施例对此不作限定。
基于上述预处理,如图2所示,为本发明实施例提供的一种视频播放方法的实施流程示意图,该方法具体可以包括以下步骤:
S201,在监测到针对所述feed页面中第一视频封面图像的预设操作触发的情况下,隐藏所述第一视频封面图像。
对于feed页面,其中包含了多个视频封面图像,可以通过feed页面向用户展示多个视频封面图像,例如可以是多个相类似的视频封面图像,也可以是多个非类似的视频封面图像。本发明实施例监测用户针对feed页面中第一视频封面图像的预设操作是否触发。其中,第一视频封面图像包括feed页面中多个视频封面图像中的任意一个。
在监测到用户针对feed页面中第一视频封面图像的预设操作触发的情况下,隐藏第一视频封面图像。其中,这里预设操作可以是点击操作,可以是滑动操作等,本发明实施例对此不作限定。需要说明的是,在监测到用户针对feed页面中第一视频封面图像的预设操作触发的情况下,即触发了对第一视频封面图像对应的第一视频进行播放的流程。
例如,feed页面中展示视频封面图像:视频封面图像A、视频封面图像B,监测用户针对feed页面中第一视频封面图像的点击操作是否触发,这里第一视频封面图像包括feed页面中视频封面图像A、视频封面图像B中的任意一个,在监测到用户针对feed页面中第一视频封面图像(如视频封面图像A)的点击操作触发的情况下,隐藏视频封面图像A。
S202,确定所述第一视频封面图像在所述feed页面中的第一展示位置,将所述播放组件调整至所述第一展示位置。
对于第一视频封面图像,在本发明实施例中,需要确定该第一视频封面图像在feed中的第一展示位置,从而将播放器的播放组件调整至该第一展示位置,便于进行后续的视频播放。需要说明的是,将播放器的播放组件调整至该第一展示位置,是为了确保播放器的播放组件的四周边界与第一视频封面图像的四周边界对齐,保证用户的观看体验。
具体地,可以确定第一视频封面图像在feed页面中的第一斜对角顶点坐标,从而将播放器的播放组件的斜对角顶点坐标替换为第一斜对角顶点坐标,并通知***(例如安卓、Linux等)API(Application Programming Interface,应用程序编程接口)基于第一斜对角顶点坐标,调整播放器的播放组件在feed页面中的位置。其中,第一斜对角顶点坐标可以包括第一左上角顶点坐标、第一右下角顶点坐标,或者第一左下角顶点坐标、第一右上角顶点坐标。
例如,第一视频封面图像为视频封面图像A,确定视频封面图像A在feed页面中的第一左上角顶点坐标、第一右下角顶点坐标,如下表1所示,从而将播放器的播放组件的左上角顶点坐标替换为第一左上角顶点坐标,将播放器的播放组件的右下角顶点坐标替换为第一右下角顶点坐标,并通知安卓API基于第一左上角顶点坐标、第一右下角顶点坐标,调整播放器的播放组件在feed页面中的位置。
第一左上角顶点坐标 第一右下角顶点坐标
(X<sub>左上角A</sub>,Y<sub>左上角A</sub>) (X<sub>右下角A</sub>,Y<sub>右下角A</sub>)
表1
S203,通过所述播放组件对所述第一视频封面图像对应的第一视频进行加载,并播放所述第一视频。
对于播放器的播放组件,在本发明实施例中可以通过该播放器的播放组件对第一视频封面图像对应的第一视频进行加载,并播放该第一视频。其中,对于第一视频,一般存储于服务器,可以通过该播放器的播放组件从服务器中对第一视频封面图像对应的第一视频进行加载,具体是加载至本地,然后继续通过该播放器的播放组件播放该第一视频。
如此经过上述预处理,将预设的多个图像容器及播放器的播放组件预先添加至预设的滑动容器中,在多个图像容器中加载视频封面图像以在feed页面进行展示,形成多个视频封面图像展示在前、播放器的播放组件展示在后的层级结构,后续当播放视频(如第一视频)时,调整播放器的播放组件在feed页面中的位置即可完成播放,避免频繁创建和删除播放器的播放组件,避免额外的性能损耗、提高了视频开播速度。
例如,第一视频封面图像为视频封面图像A,通过播放器的播放组件从服务器中对视频封面图像A对应的短视频A进行加载,具体是加载至本地,然后继续通过该播放器的播放组件播放该短视频A,以完成短视频A的播放。
需要说明的是,对于第一视频,例如可以是短视频,可以是中视频,当然也可以是长视频,本发明实施例对此不作限定。
通过上述对本发明实施例提供的技术方案的描述,将预设的多个图像容器及播放器的播放组件预先添加至预设的滑动容器中,在多个图像容器中加载视频封面图像以在feed页面进行展示,形成多个视频封面图像展示在前、播放器的播放组件展示在后的层级结构,在监测到针对feed页面中第一视频封面图像的预设操作触发的情况下,隐藏第一视频封面图像,其中,第一视频封面图像包括feed页面中多个视频封面图像中的任意一个,确定第一视频封面图像在feed页面中的第一展示位置,将播放器的播放组件调整至第一展示位置,通过播放器的播放组件对第一视频封面图像对应的第一视频进行加载,并播放第一视频。
通过将预设的多个图像容器及播放器的播放组件预先添加至预设的滑动容器中,在多个图像容器中加载视频封面图像以在feed页面进行展示,形成多个视频封面图像展示在前、播放器的播放组件展示在后的层级结构,如此后续当播放视频时,调整播放器的播放组件在feed页面中的位置即可完成播放,避免频繁创建和删除播放器的播放组件,避免额外的性能损耗、提高了视频开播速度。
如图3所示,为本发明实施例提供的另一种视频播放方法的实施流程示意图,该方法具体可以包括以下步骤;
S301,在监测到针对所述feed页面中第一视频封面图像的预设操作触发的情况下,隐藏所述第一视频封面图像。
在本发明实施例中,本步骤与上述步骤S201类似,本发明实施例在此不再一一赘述。
S302,确定所述第一视频封面图像对应的所述图像容器,将所述播放组件添加至所述第一视频封面图像对应的所述图像容器。
对于播放器的播放组件,一种选择可以是将播放器的播放组件添加至图像容器,即将播放器的播放组件嵌入图像容器,另外一种选择可以是无需将播放器的播放组件添加至图像容器,即无需将播放器的播放组件嵌入图像容器,如上述如图2所示的视频播放方法的实施流程示意图。需要说明的是,至于是否将播放器的播放组件嵌入图像容器,取决于所应用的图像容器。
为此,本发明实施例可以选择将播放器的播放组件添加至图像容器,即在隐藏第一视频封面图像之后,确定第一视频封面图像对应的图像容器,将播放器的播放组件添加至第一视频封面图像对应的图像容器,这样播放器的播放组件可以显露出来。
例如,第一视频封面图像为视频封面图像A,在隐藏视频封面图像A之后,确定视频封面图像A对应的图像容器RelativeLayout(A),将播放器的播放组件添加至视频封面图像A对应的图像容器RelativeLayout(A),这样播放器的播放组件可以显露出来。
S303,确定所述第一视频封面图像在所述feed页面中的第一展示位置,将所述播放组件调整至所述第一展示位置。
在本发明实施例中,本步骤与上述步骤S202类似,本发明实施例在此不再一一赘述。
S304,通过所述播放组件对所述第一视频封面图像对应的第一视频进行加载,并播放所述第一视频。
对于播放器的播放组件,在本发明实施例中可以通过该播放器的播放组件对第一视频封面图像对应的第一视频进行加载,并播放该第一视频。例如,第一视频封面图像为视频封面图像A,通过该播放器的播放组件对视频封面图像A对应的短视频A进行加载,并播放短视频A,如图4所示。
如此经过上述预处理,将预设的多个图像容器及播放器的播放组件预先添加至预设的滑动容器中,在多个图像容器中加载视频封面图像以在feed页面进行展示,形成多个视频封面图像展示在前、播放器的播放组件展示在后的层级结构,后续当播放视频(如第一视频)时,调整播放器的播放组件在feed页面中的位置即可完成播放,避免频繁创建和删除播放器的播放组件,避免额外的性能损耗、提高了视频开播速度。
如图5所示,为本发明实施例提供的另一种视频播放方法的实施流程示意图,该方法具体可以包括以下步骤;
S501,在监测到针对所述feed页面中第二视频封面图像的预设操作触发的情况下,在所述第一展示位置显示所述第一视频封面图像,以及隐藏所述第二视频封面图像。
对于feed页面,其中包含了多个视频封面图像,可以通过feed页面向用户展示多个视频封面图像,例如可以是多个相类似的视频封面图像,也可以是多个非类似的视频封面图像。本发明实施例中监测用户针对feed页面中第二视频封面图像的预设操作是否触发。其中,第二视频封面图像包括feed页面中多个视频封面图像中除第一视频封面图像的任意一个。
在监测到用户针对feed页面中第二视频封面图像的预设操作触发的情况下,在上述第一展示位置(重新)显示第一视频封面图像,以及隐藏第二视频封面图像。其中,这里预设操作可以是点击操作,可以是滑动操作等,本发明实施例对此不作限定。需要说明的是,在监测到用户针对feed页面中第二视频封面图像的预设操作触发的情况下,即触发了对第二视频封面图像对应的第二视频进行播放的流程。
例如,feed页面中展示视频封面图像:视频封面图像A、视频封面图像B,第一视频封面图像为视频封面图像A,则第二视频封面图像为视频封面图像B,监测用户针对feed页面中视频封面图像B的点击操作是否触发,在监测到用户针对feed页面中视频封面图像B的点击操作触发的情况下,一方面在第一展示位置(重新)显示视频封面图像A,另一方面,隐藏视频封面图像B。
S502,确定所述第二视频封面图像在所述feed页面中的第二展示位置,将所述播放组件调整至所述第二展示位置。
对于第二视频封面图像,在本发明实施例中,需要确定该第二视频封面图像在feed中的第二展示位置,从而将播放器的播放组件调整至该第二展示位置,便于进行后续的视频播放。需要说明的是,将播放器的播放组件调整至该第二展示位置,是为了确保播放器的播放组件的四周边界与第二视频封面图像的四周边界对齐,保证用户的观看体验。
具体地,可以确定第二视频封面图像在feed页面中的第二斜对角顶点坐标,将播放器的播放组件的斜对角顶点坐标替换为第二斜对角顶点坐标,并通知***(例如安卓、Linux等)API基于第二斜对角顶点坐标,调整播放器的播放组件在feed页面中的位置。其中,第二斜对角顶点坐标包括第二左上角顶点坐标、第二右下角顶点坐标,或者第二左下角顶点坐标、第二右上角顶点坐标。
例如,第二视频封面图像为视频封面图像A,确定视频封面图像A在feed页面中的第二左上角顶点坐标、第二右下角顶点坐标,如下表2所示,将播放器的播放组件的左上角顶点坐标替换为第二左上角顶点坐标,右下角顶点坐标替换为第二右下角顶点坐标,并通知安卓API基于第二左上角顶点坐标、第二右下角顶点坐标,调整播放器的播放组件在feed页面中的位置。
第二左上角顶点坐标 第二右下角顶点坐标
(X<sub>左上角B</sub>,Y<sub>左上角B</sub>) (X<sub>右下角B</sub>,Y<sub>右下角B</sub>)
表2
S503,通过所述播放组件对所述第二视频封面图像对应的第二视频进行加载,并播放所述第二视频。
对于播放器的播放组件,在本发明实施例中可以通过该播放器的播放组件对第二视频封面图像对应的第二视频进行加载,并播放该第二视频。其中,对于第二视频,一般存储于服务器,可以通过该播放器的播放组件从服务器中对第二视频封面图像对应的第二视频进行加载,具体是加载至本地,然后继续通过该播放器的播放组件播放该第二视频。
如此经过上述预处理,将预设的多个图像容器及播放器的播放组件预先添加至预设的滑动容器中,在多个图像容器中加载视频封面图像以在feed页面进行展示,形成多个视频封面图像展示在前、播放器的播放组件展示在后的层级结构,后续当连续播放视频(例如连续播放了第一视频、第二视频)时,调整播放器的播放组件在feed页面中的位置即可完成连续播放,避免频繁创建和删除播放器的播放组件,避免额外的性能损耗、提高了视频开播速度。
例如,第二视频封面图像为视频封面图像B,通过播放器的播放组件从服务器中对视频封面图像B对应的短视频B进行加载,具体是加载至本地,然后继续通过该播放器的播放组件播放该短视频B,以完成短视频B的播放。
需要说明的是,对于第二视频,例如可以是短视频,可以是中视频,当然也可以是长视频,本发明实施例对此不作限定。
以短视频播放场景为例,对本发明实施例提供的短视频播放方法进行说明:feed页面中展示视频封面图像:视频封面图像A、视频封面图像B、视频封面图像C、视频封面图像D,监测用户针对feed页面中第一视频封面图像的点击操作是否触发,这里第一视频封面图像包括feed页面中视频封面图像A、视频封面图像B、视频封面图像C、视频封面图像D中的任意一个,在监测到用户针对feed页面中第一视频封面图像(如视频封面图像A)的点击操作触发的情况下,隐藏视频封面图像A;
确定视频封面图像A在feed页面中的第一左上角顶点坐标、第一右下角顶点坐标,从而将播放器的播放组件的左上角顶点坐标替换为第一左上角顶点坐标,将播放器的播放组件的右下角顶点坐标替换为第一右下角顶点坐标,并通知安卓API基于第一左上角顶点坐标、第一右下角顶点坐标,调整播放器的播放组件在feed页面中的位置,通过播放器的播放组件从服务器中对视频封面图像A对应的短视频A进行加载,具体是加载至本地,然后继续通过该播放器的播放组件播放该短视频A,以完成短视频A的播放;
监测用户针对feed页面中第二视频封面图像的点击操作是否触发,这里第二视频封面图像包括feed页面中视频封面图像B、视频封面图像C、视频封面图像D中的任意一个,在监测到用户针对feed页面中第二视频封面图像(如视频封面图像C)的点击操作触发的情况下,一方面在第一展示位置(重新)显示视频封面图像A,另一方面,隐藏视频封面图像C;
确定视频封面图像C在feed页面中的第二左上角顶点坐标、第二右下角顶点坐标,将播放器的播放组件的左上角顶点坐标替换为第二左上角顶点坐标,右下角顶点坐标替换为第二右下角顶点坐标,并通知安卓API基于第二左上角顶点坐标、第二右下角顶点坐标,调整播放器的播放组件在feed页面中的位置,通过播放器的播放组件从服务器中对视频封面图像C对应的短视频C进行加载,具体是加载至本地,然后继续通过该播放器的播放组件播放该短视频C,以完成短视频C的播放。
如图6所示,为本发明实施例提供的另一种视频播放方法的实施流程示意图,该方法具体可以包括以下步骤;
S601,在监测到针对所述feed页面中第二视频封面图像的预设操作触发的情况下,在所述第一展示位置显示所述第一视频封面图像,以及隐藏所述第二视频封面图像。
在本发明实施例中,本步骤与上述步骤S501类似,本发明实施例在此不再一一赘述。
S602,确定所述第二视频封面图像对应的所述图像容器,将所述播放组件添加至所述第二视频封面图像对应的所述图像容器。
对于播放器的播放组件,一种选择可以是将播放器的播放组件添加至图像容器,即将播放器的播放组件嵌入图像容器,另外一种选择可以是无需将播放器的播放组件添加至图像容器,即无需将播放器的播放组件嵌入图像容器,如上述如图5所示的视频播放方法的实施流程示意图。需要说明的是,至于是否将播放器的播放组件嵌入图像容器,取决于所应用的图像容器。
为此,本发明实施例可以选择将播放器的播放组件添加至图像容器,即在隐藏第二视频封面图像之后,确定第二视频封面图像对应的图像容器,将播放器的播放组件添加至第二视频封面图像对应的图像容器,这样播放器的播放组件可以显露出来。
例如,第二视频封面图像为视频封面图像B,在隐藏视频封面图像B之后,确定视频封面图像B对应的图像容器RelativeLayout(B),将播放器的播放组件添加至视频封面图像B对应的图像容器RelativeLayout(B),这样播放器的播放组件可以显露出来。
S603,确定所述第二视频封面图像在所述feed页面中的第二展示位置,将所述播放组件调整至所述第二展示位置。
在本发明实施例中,本步骤与上述步骤S502类似,本发明实施例在此不再一一赘述。
S604,通过所述播放组件对所述第二视频封面图像对应的第二视频进行加载,并播放所述第二视频。
对于播放器的播放组件,在本发明实施例中可以通过该播放器的播放组件对第二视频封面图像对应的第二视频进行加载,并播放该第二视频。例如,第二视频封面图像为视频封面图像B,通过该播放器的播放组件对视频封面图像B对应的短视频B进行加载,并播放短视频B,如图7所示。
如此经过上述预处理,将预设的多个图像容器及播放器的播放组件预先添加至预设的滑动容器中,在多个图像容器中加载视频封面图像以在feed页面进行展示,形成多个视频封面图像展示在前、播放器的播放组件展示在后的层级结构,后续当连续播放视频(例如连续播放了第一视频、第二视频)时,调整播放器的播放组件在feed页面中的位置即可完成连续播放,避免频繁创建和删除播放器的播放组件,避免额外的性能损耗、提高了视频开播速度。
与上述方法实施例相对应,本发明实施例还提供了一种视频播放装置,如图8所示,该装置可以包括:预处理模块810、图像隐藏模块820、位置调整模块830、视频播放模块840。
预处理模块810,用于将预设的多个图像容器及播放器的播放组件预先添加至预设的滑动容器中,在多个所述图像容器中加载视频封面图像以在feed页面进行展示,形成多个所述视频封面图像展示在前、所述播放组件展示在后的层级结构;
图像隐藏模块820,用于在监测到针对所述feed页面中第一视频封面图像的预设操作触发的情况下,隐藏所述第一视频封面图像;
其中,所述第一视频封面图像包括所述feed页面中多个所述视频封面图像中的任意一个;
位置调整模块830,用于确定所述第一视频封面图像在所述feed页面中的第一展示位置,将所述播放组件调整至所述第一展示位置;
视频播放模块840,用于通过所述播放组件对所述第一视频封面图像对应的第一视频进行加载,并播放所述第一视频。
本发明实施例还提供了一种服务器,如图9所示,包括处理器91、通信接口92、存储器93和通信总线94,其中,处理器91,通信接口92,存储器93通过通信总线94完成相互间的通信,
存储器93,用于存放计算机程序;
处理器91,用于执行存储器93上所存放的程序时,实现如下步骤:
将预设的多个图像容器及播放器的播放组件预先添加至预设的滑动容器中,在多个所述图像容器中加载视频封面图像以在feed页面进行展示,形成多个所述视频封面图像展示在前、所述播放组件展示在后的层级结构;在监测到针对所述feed页面中第一视频封面图像的预设操作触发的情况下,隐藏所述第一视频封面图像;其中,所述第一视频封面图像包括所述feed页面中多个所述视频封面图像中的任意一个;确定所述第一视频封面图像在所述feed页面中的第一展示位置,将所述播放组件调整至所述第一展示位置;通过所述播放组件对所述第一视频封面图像对应的第一视频进行加载,并播放所述第一视频。
上述服务器提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect,简称PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture,简称EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示,图中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
通信接口用于上述服务器与其他设备之间的通信。
存储器可以包括随机存取存储器(Random Access Memory,简称RAM),也可以包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。可选的,存储器还可以是至少一个位于远离前述处理器的存储装置。
上述的处理器可以是通用处理器,包括中央处理器(Central Processing Unit,简称CPU)、网络处理器(Network Processor,简称NP)等;还可以是数字信号处理器(Digital Signal Processing,简称DSP)、专用集成电路(Application SpecificIntegrated Circuit,简称ASIC)、现场可编程门阵列(Field-Programmable Gate Array,简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
在本发明提供的又一实施例中,还提供了一种存储介质,该存储介质中存储有指令,当其在计算机上运行时,使得计算机执行上述实施例中任一所述的视频播放方法。
在本发明提供的又一实施例中,还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述实施例中任一所述的视频播放方法。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时,全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在存储介质中,或者从一个存储介质向另一个存储介质传输,例如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如,DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于***实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等,均包含在本发明的保护范围内。

Claims (10)

1.一种视频播放方法,其特征在于,将预设的多个图像容器及播放器的播放组件预先添加至预设的滑动容器中,在多个所述图像容器中加载视频封面图像以在feed页面进行展示,形成多个所述视频封面图像展示在前、所述播放组件展示在后的层级结构,所述方法包括:
在监测到针对所述feed页面中第一视频封面图像的预设操作触发的情况下,隐藏所述第一视频封面图像;
其中,所述第一视频封面图像包括所述feed页面中多个所述视频封面图像中的任意一个;
确定所述第一视频封面图像在所述feed页面中的第一展示位置,将所述播放组件调整至所述第一展示位置;
通过所述播放组件对所述第一视频封面图像对应的第一视频进行加载,并播放所述第一视频。
2.根据权利要求1所述的方法,其特征在于,所述在多个所述图像容器中加载视频封面图像以在feed页面进行展示,包括:
针对任意一个所述图像容器,在所述图像容器中加载一个视频封面图像以在feed页面进行展示。
3.根据权利要求1所述的方法,其特征在于,所述隐藏所述第一视频封面图像之后,所述方法还包括:
确定所述第一视频封面图像对应的所述图像容器,将所述播放组件添加至所述第一视频封面图像对应的所述图像容器。
4.根据权利要求1所述的方法,其特征在于,所述确定所述第一视频封面图像在所述feed页面中的第一展示位置,将所述播放组件调整至所述第一展示位置,包括:
确定所述第一视频封面图像在所述feed页面中的第一斜对角顶点坐标;
将所述播放组件的斜对角顶点坐标替换为所述第一斜对角顶点坐标,并通知***API基于所述第一斜对角顶点坐标,调整所述播放组件在所述feed页面中的位置。
5.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在监测到针对所述feed页面中第二视频封面图像的预设操作触发的情况下,在所述第一展示位置显示所述第一视频封面图像,以及隐藏所述第二视频封面图像;
其中,所述第二视频封面图像包括所述feed页面中多个所述视频封面图像中除所述第一视频封面图像的任意一个;
确定所述第二视频封面图像在所述feed页面中的第二展示位置,将所述播放组件调整至所述第二展示位置;
通过所述播放组件对所述第二视频封面图像对应的第二视频进行加载,并播放所述第二视频。
6.根据权利要求5所述的方法,其特征在于,所述隐藏所述第二视频封面图像之后,所述方法还包括:
确定所述第二视频封面图像对应的所述图像容器,将所述播放组件添加至所述第二视频封面图像对应的所述图像容器。
7.根据权利要求5所述的方法,其特征在于,所述确定所述第二视频封面图像在所述feed页面中的第二展示位置,将所述播放组件调整至所述第二展示位置,包括:
确定所述第二视频封面图像在所述feed页面中的第二斜对角顶点坐标;
将所述播放组件的斜对角顶点坐标替换为所述第二斜对角顶点坐标,并通知***API基于所述第二斜对角顶点坐标,调整所述播放组件在所述feed页面中的位置。
8.一种视频播放装置,其特征在于,所述装置包括:
预处理模块,用于将预设的多个图像容器及播放器的播放组件预先添加至预设的滑动容器中,在多个所述图像容器中加载视频封面图像以在feed页面进行展示,形成多个所述视频封面图像展示在前、所述播放组件展示在后的层级结构;
图像隐藏模块,用于在监测到针对所述feed页面中第一视频封面图像的预设操作触发的情况下,隐藏所述第一视频封面图像;
其中,所述第一视频封面图像包括所述feed页面中多个所述视频封面图像中的任意一个;
位置调整模块,用于确定所述第一视频封面图像在所述feed页面中的第一展示位置,将所述播放组件调整至所述第一展示位置;
视频播放模块,用于通过所述播放组件对所述第一视频封面图像对应的第一视频进行加载,并播放所述第一视频。
9.一种服务器,其特征在于,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现权利要求1-7中任一所述的方法步骤。
10.一种存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-7中任一所述的方法。
CN202110442395.0A 2021-04-23 2021-04-23 视频播放方法、装置、服务器及存储介质 Pending CN113286189A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110442395.0A CN113286189A (zh) 2021-04-23 2021-04-23 视频播放方法、装置、服务器及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110442395.0A CN113286189A (zh) 2021-04-23 2021-04-23 视频播放方法、装置、服务器及存储介质

Publications (1)

Publication Number Publication Date
CN113286189A true CN113286189A (zh) 2021-08-20

Family

ID=77277232

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110442395.0A Pending CN113286189A (zh) 2021-04-23 2021-04-23 视频播放方法、装置、服务器及存储介质

Country Status (1)

Country Link
CN (1) CN113286189A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114205675A (zh) * 2021-12-06 2022-03-18 上海哔哩哔哩科技有限公司 视频预览方法及装置

Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103905909A (zh) * 2012-12-27 2014-07-02 华为技术有限公司 视频预览显示方法和终端设备
CN105872647A (zh) * 2015-12-14 2016-08-17 乐视网信息技术(北京)股份有限公司 一种视频切换的方法及***
CN105872815A (zh) * 2015-11-25 2016-08-17 乐视网信息技术(北京)股份有限公司 视频播放的方法及装置
CN105898395A (zh) * 2015-06-30 2016-08-24 乐视致新电子科技(天津)有限公司 一种网络视频播放方法、装置及***
CN106507176A (zh) * 2016-11-25 2017-03-15 维沃移动通信有限公司 一种视频播放的方法及移动终端
CN107181803A (zh) * 2017-05-23 2017-09-19 百度在线网络技术(北京)有限公司 用于播放视频的方法和装置
CN109640157A (zh) * 2018-12-28 2019-04-16 北京字节跳动网络技术有限公司 用于处理信息的方法和装置
CN110996154A (zh) * 2019-12-13 2020-04-10 北京爱奇艺科技有限公司 一种视频播放方法、装置及电子设备
CN111954072A (zh) * 2019-05-16 2020-11-17 百度在线网络技术(北京)有限公司 一种多媒体播放方法、装置、多媒体播放器和介质
CN112333476A (zh) * 2021-01-05 2021-02-05 智者四海(北京)技术有限公司 一种视频加载方法及装置
CN112492398A (zh) * 2020-10-22 2021-03-12 北京奇艺世纪科技有限公司 一种视频播放方法、装置及电子设备

Patent Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103905909A (zh) * 2012-12-27 2014-07-02 华为技术有限公司 视频预览显示方法和终端设备
CN105898395A (zh) * 2015-06-30 2016-08-24 乐视致新电子科技(天津)有限公司 一种网络视频播放方法、装置及***
CN105872815A (zh) * 2015-11-25 2016-08-17 乐视网信息技术(北京)股份有限公司 视频播放的方法及装置
CN105872647A (zh) * 2015-12-14 2016-08-17 乐视网信息技术(北京)股份有限公司 一种视频切换的方法及***
CN106507176A (zh) * 2016-11-25 2017-03-15 维沃移动通信有限公司 一种视频播放的方法及移动终端
CN107181803A (zh) * 2017-05-23 2017-09-19 百度在线网络技术(北京)有限公司 用于播放视频的方法和装置
CN109640157A (zh) * 2018-12-28 2019-04-16 北京字节跳动网络技术有限公司 用于处理信息的方法和装置
CN111954072A (zh) * 2019-05-16 2020-11-17 百度在线网络技术(北京)有限公司 一种多媒体播放方法、装置、多媒体播放器和介质
CN110996154A (zh) * 2019-12-13 2020-04-10 北京爱奇艺科技有限公司 一种视频播放方法、装置及电子设备
CN112492398A (zh) * 2020-10-22 2021-03-12 北京奇艺世纪科技有限公司 一种视频播放方法、装置及电子设备
CN112333476A (zh) * 2021-01-05 2021-02-05 智者四海(北京)技术有限公司 一种视频加载方法及装置

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114205675A (zh) * 2021-12-06 2022-03-18 上海哔哩哔哩科技有限公司 视频预览方法及装置
WO2023103325A1 (zh) * 2021-12-06 2023-06-15 上海哔哩哔哩科技有限公司 视频预览方法及装置

Similar Documents

Publication Publication Date Title
US8990728B2 (en) Dynamic user interface for previewing live content
US20210182948A1 (en) Product browsing method and apparatus, device and storage medium
US8739070B2 (en) System, method and apparatus for providing an application carousel
CN110007829B (zh) 内容显示方法、装置、终端及存储介质
US9053081B2 (en) Creating, updating, saving, and propagating customized views of table and grid information
US11457272B2 (en) Video processing method, electronic device, and computer-readable medium
JP2015529891A (ja) ユーザー介入なくレイアウトに従った画像識別及び編成
US10839140B2 (en) Page displaying method, apparatus based on H5 webpage, and computer readable storage medium
CN110070593B (zh) 图片预览信息的显示方法、装置、设备及介质
CN111432226A (zh) 直播推荐方法、装置、服务器、终端及存储介质
WO2019233095A1 (zh) 一种信息展示方法及其终端设备、网络设备
WO2020038292A1 (zh) 评价信息的展示方法及订单创建方法、加购方法、装置
US20170091152A1 (en) Generating grid layouts with mutable columns
CN112527434A (zh) 页面展示的方法、终端、服务器、***、电子设备
CN113286189A (zh) 视频播放方法、装置、服务器及存储介质
CN109462777B (zh) 视频热度更新方法、装置、终端及存储介质
US10945025B1 (en) Device analysis for supplemental content exposure
CN108984247B (zh) 一种信息展示方法及其终端设备和网络设备
CN112540961A (zh) 一种定位文档中音频文件的方法及装置
CN114880549B (zh) 辅助审查媒体资源信息的服务平台、装置、设备和介质
CN111641867B (zh) 视频输出方法、装置、电子设备及存储介质
CN112734941B (zh) Ar内容的属性修改方法、装置、计算机设备及存储介质
CN112015514B (zh) 电子白板的素材预览窗口的更新方法及装置
US20230289043A1 (en) Content sharing method and apparatus, device, and storage medium
CN107621903A (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
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20210820