CN110971953B - 视频播放方法、装置、终端及存储介质 - Google Patents
视频播放方法、装置、终端及存储介质 Download PDFInfo
- Publication number
- CN110971953B CN110971953B CN201811149609.XA CN201811149609A CN110971953B CN 110971953 B CN110971953 B CN 110971953B CN 201811149609 A CN201811149609 A CN 201811149609A CN 110971953 B CN110971953 B CN 110971953B
- Authority
- CN
- China
- Prior art keywords
- video
- playing
- floating layer
- area
- layer window
- 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/43—Processing 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/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
- H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
-
- 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/43—Processing 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/443—OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
- H04N21/4438—Window management, e.g. event handling following interaction with the user interface
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例公开了一种视频播放方法、装置、终端及存储介质，属于视频技术领域。所述方法包括：显示第一用户界面，第一用户界面中包括第一视频的预览区域；当获取到对应于第一视频的播放指令时，在第一视频的预览区域的上层叠加显示播放浮层窗口；在播放浮层窗口中播放第一视频；当获取到界面切换指令时，显示包含有播放浮层窗口和扩展区域的第二用户界面。本申请实施例通过在第一用户界面的上层叠加显示播放浮层窗口，使第一用户界面和第二用户界面共用该播放浮层窗口播放视频，从而在用户界面切换时，无需重新调用播放器对视频进行解码播放，提升了视频播放的流畅度。
Description
技术领域
本申请实施例涉及视频技术领域，特别涉及一种视频播放方法、装置、终端及存储介质。
背景技术
诸如手机、平板电脑之类的终端中可以安装具有视频播放功能的应用程序(application)，通过该应用程序播放视频。
在相关技术中，同一个视频可以在两个不同用户界面之间切换播放。例如，视频列表界面中展示有若干个候选视频，用户选择视频列表界面中的某一个目标视频进行播放，此时应用程序会调用播放器在视频列表界面中解码播放该目标视频。当用户触发显示该目标视频的视频详情界面时，应用程序会跳转显示该目标视频的视频详情界面，并重新调用播放器在视频详情界面中解码播放该目标视频。
上述相关技术提供的视频播放方式，当同一个视频在两个不同用户界面之间切换播放时，由于需要重新调用播放器对视频进行解码播放，因此会影响到视频播放的流畅度。
发明内容
本申请实施例提供了一种视频播放方法、装置、终端及存储介质，针对同一个视频在两个不同用户界面之间切换播放的场景，采用本申请实施例提供的技术方案，可提升视频播放的流畅度。所述技术方案如下：
一方面，本申请实施例提供一种视频播放方法，所述方法包括：
显示第一用户界面，所述第一用户界面中包括第一视频的预览区域；
当获取到对应于所述第一视频的播放指令时，在所述第一视频的预览区域的上层叠加显示播放浮层窗口；
在所述播放浮层窗口中播放所述第一视频；
当获取到界面切换指令时，显示包含有所述播放浮层窗口和扩展区域的第二用户界面；其中，所述扩展区域是用于显示所述第一视频的关联内容的显示区域。
另一方面，本申请实施例提供一种视频播放装置，所述装置包括：
显示模块，用于显示第一用户界面，所述第一用户界面中包括第一视频的预览区域；
所述显示模块，还用于当获取到对应于所述第一视频的播放指令时，在所述第一视频的预览区域的上层叠加显示播放浮层窗口；
播放模块，用于在所述播放浮层窗口中播放所述第一视频；
所述显示模块，还用于当获取到界面切换指令时，显示包含有所述播放浮层窗口和扩展区域的第二用户界面；其中，所述扩展区域是用于显示所述第一视频的关联内容的显示区域。
再一方面，本申请实施例提供一种终端，所述终端包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如上述方面所述的视频播放方法。
又一方面，本申请实施例提供一种计算机可读存储介质，所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如上述方面所述的视频播放方法。
又一方面，本申请实施例提供一种计算机程序产品，当该计算机程序产品被执行时，其用于执行上述方面所述的视频播放方法。
本申请实施例提供的技术方案带来的有益效果可以包括：
通过在第一用户界面的上层叠加显示播放浮层窗口，使第一用户界面和第二用户界面共用该播放浮层窗口播放视频。正是由于第一用户界面和第二用户界面共用播放浮层窗口播放视频，使得在用户界面切换时，无需重新调用播放器对视频进行解码播放，播放浮层窗口中播放的视频不会受到影响，能够不间断地继续播放，从而提升了视频播放的流畅度。
附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本申请一个实施例提供的视频播放方法的流程图；
图2至图6是本申请实施例涉及的界面示意图；
图7是本申请另一个实施例提供的视频播放方法的流程图；
图8是本申请一个实施例提供的视频播放装置的框图；
图9是本申请一个实施例提供的终端的结构框图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。
本申请实施例提供的方法，各步骤的执行主体可以是终端。例如，终端可以是手机、平板电脑、电子书阅读器、多媒体播放设备、可穿戴设备、PC(Personal Computer，个人计算机)等电子设备。
可选地，各步骤的执行主体为终端中安装运行的目标应用程序，该目标应用程序具有播放视频的功能，如该目标应用程序可以是视频类应用程序、资讯类应用程序、社交类应用程序，等等。目标应用程序包括播放器，该播放器用于对视频进行解码播放。
另外，终端配备有显示屏，通过该显示屏显示视频内容。可选地，该显示屏为触摸显示屏，能够响应用户的触摸操作。
为了便于描述，在下述方法实施例中，仅以各步骤的执行主体为终端进行说明，但对此不构成限定。
请参考图1，其示出了本申请一个实施例提供的视频播放方法的流程图。该方法可以包括以下几个步骤：
步骤101，显示第一用户界面，第一用户界面中包括第一视频的预览区域。
第一用户界面中显示有至少一个视频的预览区域。上述第一视频可以是上述至少一个视频中的任意一个视频。第一用户界面可以是非网页形式的应用程序界面。
第一视频的预览区域用于展示第一视频的基本信息，如预览图像帧、标题、分类、来源、播放控件中的至少一项内容。其中，第一视频的预览图像帧也可以称为第一视频的封面，其可以是从第一视频中截取的一个图像帧，如该第一视频的第一个图像帧。第一视频的播放控件是用于触发播放该第一视频的操作控件，如该播放控件是一个叠加显示在第一视频的预览图像帧上层的按钮。
可选地，第一用户界面为目标应用程序的视频列表界面。在视频列表界面中，以列表形式展现各个视频。例如，视频列表界面中包括由上至下逐个依次排列的列表项，每一个列表项对应于一个视频，如一个列表项中显示有一个视频的预览区域。相邻两个列表项之间可以存在一定的间隔区域，以示区分。另外，由于终端的屏幕尺寸有限，屏幕中可同时展示的列表项的数量存在上限，因此视频列表界面可支持拖动显示功能，用户可以上下拖动视频列表界面以触发展示不同的列表项。
当然，针对不同的目标应用程序，第一用户界面所用于展示的内容也可能有所不同，上述第一用户界面为视频列表界面仅是示例性和解释性的，并不对本申请技术方案构成限定。
结合参考图2，其示例性示出了一种视频列表界面20的示意图。该视频列表界面20中包括若干个视频(如图中所示的视频1、视频2和视频3等)的预览区域。
步骤102，当获取到对应于第一视频的播放指令时，在第一视频的预览区域的上层叠加显示播放浮层窗口。
对应于第一视频的播放指令是指用于触发播放第一视频的操作指令。在本申请实施例中，对播放指令的触发方式不作限定，如用户可以通过触控操作、语音、手势等方式触发上述播放指令。在一个示例中，用户点击对应于第一视频的播放控件，触发对应于该第一视频的播放指令。
在本申请实施例中，播放浮层窗口是用于播放视频的界面元素。目标应用程序在解码并渲染生成所要播放的视频的图像帧之后，将图像帧加载至播放浮层窗口中进行显示。播放浮层窗口的形状可以是矩形，也可以是圆角矩形或者其它形状，其可以由产品设计人员预先设定。
播放浮层窗口的尺寸小于终端的屏幕尺寸。可选地，播放浮层窗口的尺寸与第一视频的预览区域的尺寸相同，且播放浮层窗口在屏幕中的显示位置与第一视频的预览区域在屏幕中的显示位置相同。例如，终端在获取到对应于第一视频的播放指令时，根据第一视频的预览区域在屏幕中的显示位置，在第一视频的预览区域的上层叠加显示播放浮层窗口，由于该播放浮层窗口的尺寸和显示位置均与第一视频的预览区域相同，因此该播放浮层窗口能够恰好覆盖住第一视频的预览区域。
结合参考图2和图3，用户点击视频2的预览区域21中的播放按钮22，触发对该视频2的播放指令。终端获取到对应于视频2的播放指令之后，如图3所示，终端在视频2的预览区域21的上层叠加显示播放浮层窗口23(如图3中虚线框所示)。在图3中，为了区别示意视频2的预览区域21和播放浮层窗口23，将两者画在不同位置，实际来说，播放浮层窗口23的尺寸和显示位置均与视频2的预览区域21相同，该播放浮层窗口23能够恰好覆盖住视频2的预览区域21。
如图3所示，以视频2的预览区域21为矩形为例，假设该视频2的预览区域21的左上角顶点在屏幕中的坐标为(x1，y1)，右下角顶点在屏幕中的坐标为(x2，y2)，该视频2的预览区域21的显示位置采用如下坐标表示：[(x1，y1)，(x2，y2)]，则播放浮层窗口23的显示位置的坐标表示也为：[(x1，y1)，(x2，y2)]。
步骤103，在播放浮层窗口中播放第一视频。
终端在获取到对应于第一视频的播放指令之后，调用播放器解码并渲染生成第一视频的图像帧，将该第一视频的图像帧加载至播放浮层窗口中进行显示，从而实现在播放浮层窗口中播放第一视频。
结合参考图2、图3和图4，当用户点击视频2的播放控件22后，终端在视频2的预览区域21上层叠加显示播放浮层窗口23，并在播放浮层窗口23中播放视频2。
步骤104，当获取到界面切换指令时，显示包含有播放浮层窗口和扩展区域的第二用户界面。
界面切换指令是指用于触发从第一用户界面切换至第二用户界面的操作指令。在本申请实施例中，对界面切换指令的触发方式不作限定，如用户可以通过触控操作、语音、手势等方式触发上述界面切换指令。在一个示例中，如图4所示，用户点击视频2的预览区域21下方的空白区域24，触发界面切换指令。
扩展区域是用于显示第一视频的关联内容的显示区域。关联内容可以包括第一视频的评论、观看人次、转发控件等内容。
在本申请实施例中，第二用户界面和第一用户界面是两个不同的用户界面。可选地，第二用户界面为视频详情界面，视频详情界面中除了可以播放视频之外，还可以显示该当前播放的视频的评论、观看人次、转发控件等其它关联内容。第二用户界面同样也是非网页形式的应用程序界面。
在本申请实施例中，第二用户界面并非是一个全新渲染生成的用户界面，而是在终端屏幕中已经显示的播放浮层窗口的基础上，进一步在播放浮层窗口的旁边拼接显示扩展区域，得到该第二用户界面。终端在生成并显示上述第二用户界面的过程中，并不需要重新调用播放器解码播放第一视频，播放浮层窗口中播放的第一视频不会受到影响，终端在播放浮层窗口中不间断地继续播放第一视频。
可选地，本步骤包括如下几个子步骤：
1、当获取到界面切换指令时，将播放浮层窗口移动至指定位置进行显示；
指定位置可以是目标应用程序在屏幕中预先设定的一个位置。在播放浮层窗口移动到指定位置的过程中，播放浮层窗口的显示样式(包括尺寸、形状等)不会发生改变，且播放浮层窗口中播放的第一视频不会发生中断。
如图5所示，假设上述指定位置的坐标表示为：[(x3，y3)，(x4，y4)]，当终端获取到界面切换指令时，终端将播放浮层窗口23从[(x1，y1)，(x2，y2)]移动至[(x3，y3)，(x4，y4)]的位置处进行显示。
2、在播放浮层窗口的周侧显示扩展区域，得到第二用户界面。
扩展区域的显示层级和播放浮层窗口的显示层级可以相同。可选地，扩展区域包括：位于播放浮层窗口顶部的第一扩展区域，以及位于播放浮层窗口底部的第二扩展区域。如图5所示，在第一扩展区域25，终端可以显示返回按钮25a、标题等内容；在第二扩展区域26中，终端可以显示第一视频的评论、观看人次、转发控件、相关推荐视频等其它关联内容。
可选地，上述步骤104之后还包括如下步骤，以从第二用户界面切换回第一用户界面进行显示：
1、当获取到界面返回指令时，取消显示扩展区域，以使得位于扩展区域下层的第一用户界面重新显示；
2、将保留显示的播放浮层窗口移动至第一视频的预览区域的显示位置处进行显示。
界面返回指令是指用于触发从第二用户界面切换回第一用户界面的操作指令。在本申请实施例中，对界面返回指令的触发方式不作限定，如用户可以通过触控操作、语音、手势等方式触发上述播放指令。在一个示例中，如图5所示，用户点击第一扩展区域25中的返回按钮25a，触发界面返回指令。终端获取到界面返回指令之后，取消显示第一扩展区域25和第二扩展区域26，并保留显示播放浮层窗口23，在此过程中，播放浮层窗口23中可以不间断地继续播放第一视频，不受影响。
另外，如果终端在显示第二用户界面的过程中，第一用户界面已经取消显示，并未保留在第二用户界面的下层，则终端在获取到界面返回指令时，在播放浮层窗口的下层重新显示第一用户界面。可选地，终端先显示第一用户界面，再取消显示扩展区域，以使得界面切换更为自然。如果终端在显示第二用户界面的过程中，第一用户界面并未取消显示，其保留在第二用户界面的下层，只是由于第二用户界面遮盖住了第一用户界面导致用户看不到第一用户界面，则终端在获取到界面返回指令时，直接取消显示扩展区域，使得第一用户界面展露即可。
另外，结合参考图5，终端还将播放浮层窗口23从[(x3，y3)，(x4，y4)]移动至[(x1，y1)，(x2，y2)]的位置处进行显示，使得该播放浮层窗口23重新叠加显示在视频2的预览区域21的上层。
通过上述方式从第二用户界面切换回第一用户界面，也不会影响到播放浮层窗口中视频的正常播放。
综上所述，本申请实施例提供的技术方案中，通过在第一用户界面的上层叠加显示播放浮层窗口，使第一用户界面和第二用户界面共用该播放浮层窗口播放视频。正是由于第一用户界面和第二用户界面共用播放浮层窗口播放视频，使得在用户界面切换时，无需重新调用播放器对视频进行解码播放，播放浮层窗口中播放的视频不会受到影响，能够不间断地继续播放，从而提升了视频播放的流畅度。
在基于图1实施例提供的一个可选实施例中，示例性介绍了在第一用户界面中选择播放不同视频时，相应的播放方式。假设第一用户界面中除了包括第一视频的预览区域之外，还包括第二视频的预览区域。在上述步骤103之后，终端还可以执行如下步骤：当终端获取到对应于第二视频的播放指令时，终端将播放浮层窗口从第一视频的预览区域的显示位置，移动至第二视频的预览区域的显示位置处显示，然后在播放浮层窗口中播放第二视频。
结合参考图4和图6，终端在播放浮层窗口23中播放视频2，当用户点击视频1的播放控件27时，终端将播放浮层窗口23从视频2的预览区域的显示位置处移动至视频1的预览区域的显示位置处显示，并在播放浮层窗口23中播放视频1。
另外，终端在第一视频的预览区域的上层叠加显示播放浮层窗口之后，若第一视频的预览区域的显示位置被移动，则在第一视频的预览区域的显示位置被移动的过程中，终端调整该播放浮层窗口的显示位置；其中，播放浮层窗口的显示位置与第一视频的预览区域的显示位置始终保持相同。
例如，终端在播放浮层窗口中播放第一视频的过程中，用户上下拖动第一用户界面，导致第一视频的预览区域的显示位置发生变化，终端获取第一视频的预览区域的实时显示位置，并相应调整该播放浮层窗口的显示位置，使得两者的显示位置始终保持相同，从而给用户更好的视频观看体验。
下面，如图7所示，结合一个具体的例子，对本申请提供的技术方案进行介绍说明。在本实施例中，以目标应用程序为视频类应用程序，终端为手机为例，对本申请技术方案进行介绍说明。
步骤701，用户打开视频类应用程序。
例如，用户点击手机桌面上某一视频类应用程序的图标，该视频类应用程序被打开在前台运行。
步骤702，手机显示视频类应用程序的视频列表界面。
在一种可能的情况下，视频列表界面为该视频类应用程序的主界面，则该视频类应用程序在启动运行之后，即显示视频列表界面。
在另一种情况下，视频列表界面不是该视频类应用程序的主界面，则该视频类应用程序在启动运行之后，即显示其主界面。用户可以通过相关操作触发显示视频列表界面。例如，用户点击主界面中的用于触发显示视频列表界面的按钮或标签，触发视频类应用程序从主界面切换至视频列表界面。
另外，视频列表界面中包括若干个供用户选择播放的视频。例如，视频列表界面中包括由上至下逐个依次排列的列表项，每一个列表项对应于一个视频，如一个列表项中显示有一个视频的预览区域。对于任意一个视频来说，其预览区域中可以包括该视频的预览图像帧、标题、分类、来源、播放控件等内容。
另外，视频列表界面中包含的视频可以是用户订阅的感兴趣视频，如与用户历史经常观看的视频属于同一分类或同一来源的视频。
步骤703，用户点击第一视频的播放按钮。
若用户对视频列表界面中的第一视频(第一视频可以是视频列表界面中的任意一个视频)感兴趣，则用户可以点击第一视频的播放按钮，触发对应于该第一视频的播放指令。
步骤704，手机在获取到对应于第一视频的播放指令之后，在第一视频的预览区域的上层叠加显示播放浮层窗口。
可选地，播放浮层窗口的尺寸与第一视频的预览区域的尺寸相同，且播放浮层窗口在屏幕中的显示位置与第一视频的预览区域在屏幕中的显示位置相同。
步骤705，手机在播放浮层窗口中播放第一视频。
手机在获取到对应于第一视频的播放指令之后，调用播放器解码并渲染生成第一视频的图像帧，将该第一视频的图像帧加载至播放浮层窗口中进行显示，从而实现在播放浮层窗口中播放第一视频。
步骤706，用户点击第一视频的预览区域下方的空白区域，触发界面切换指令。
例如，当第一视频被播放至第i帧的时候，手机获取到上述界面切换指令，i为正整数。示例性地，i为50。
步骤707，手机在获取到界面切换指令之后，平移播放浮层窗口到指定位置，并在播放浮层窗口的周侧显示扩展区域，得到视频详情界面。
可选地，手机在播放浮层窗口的顶部显示第一扩展区域，在播放浮层窗口的底部显示第二扩展区域。上述第一扩展区域、第二扩展区域和播放浮层窗口的宽度可以相同，例如都等于手机屏幕的宽度。上述第一扩展区域和第二扩展区域的长度，由手机屏幕的长度和播放浮层窗口的长度决定。
在第一扩展区域中，可以显示返回按钮、第一视频的标题等内容，在第二扩展区域中，可以显示第一视频的评论、观看人次、转发控件、相关推荐视频等其它关联内容。
手机在获取到上述界面切换指令之后，在播放浮层窗口中继续从第i+1帧播放第一视频，也即第一视频的播放并不产生中断。
步骤708，用户点击视频详情界面中的返回按钮，触发界面返回指令。
例如，当第一视频被播放至第j帧的时候，手机获取到上述界面返回指令，j为正整数。示例性地，j为100。
步骤709，手机在获取到界面返回指令之后，取消显示扩展区域，以使得位于扩展区域下层的视频列表界面重新显示。
可选地，手机在获取到界面返回指令之后，取消显示第一扩展区域和第二扩展区域。由于视频列表界面位于扩展区域的下层，因此当扩展区域被取消显示之后，视频列表界面即可重新展露。
步骤710，手机将保留显示的播放浮层窗口移动至第一视频的预览区域的显示位置处进行显示。
手机在获取到上述界面返回指令之后，在播放浮层中继续从第j+1帧播放第一视频，也即第一视频的播放并不产生中断。
下述为本申请装置实施例，可以用于执行本申请方法实施例。对于本申请装置实施例中未披露的细节，请参照本申请方法实施例。
请参考图8，其示出了本申请一个实施例提供的视频播放装置的框图。该装置具有实现上述终端侧的方法示例的功能，所述功能可以由硬件实现，也可以由硬件执行相应的软件实现。该装置可以是终端，也可以设置在终端上。该装置800可以包括：显示模块810和播放模块820。
显示模块810，用于显示第一用户界面，所述第一用户界面中包括第一视频的预览区域。
所述显示模块810，还用于当获取到对应于所述第一视频的播放指令时，在所述第一视频的预览区域的上层叠加显示播放浮层窗口。
播放模块820，用于在所述播放浮层窗口中播放所述第一视频。
所述显示模块810，还用于当获取到界面切换指令时，显示包含有所述播放浮层窗口和扩展区域的第二用户界面；其中，所述扩展区域是用于显示所述第一视频的关联内容的显示区域。
综上所述，本申请实施例提供的技术方案中，通过在第一用户界面的上层叠加显示播放浮层窗口，使第一用户界面和第二用户界面共用该播放浮层窗口播放视频。正是由于第一用户界面和第二用户界面共用播放浮层窗口播放视频，使得在用户界面切换时，无需重新调用播放器对视频进行解码播放，播放浮层窗口中播放的视频不会受到影响，能够不间断地继续播放，从而提升了视频播放的流畅度。
在基于图8实施例提供的一个可选实施例中，所述播放浮层窗口的尺寸与所述第一视频的预览区域的尺寸相同，且所述播放浮层窗口在屏幕中的显示位置与所述第一视频的预览区域在所述屏幕中的显示位置相同。
在基于图8实施例或者上述可选实施例提供的另一个可选实施例中，所述显示模块810，用于：
将所述播放浮层窗口移动至指定位置进行显示；
在所述播放浮层窗口的周侧显示扩展区域，得到所述第二用户界面；其中，所述扩展区域的显示层级和所述播放浮层窗口的显示层级相同。
可选地，所述扩展区域包括：位于所述播放浮层窗口顶部的第一扩展区域，以及位于所述播放浮层窗口底部的第二扩展区域。
在基于图8实施例或者上述任一可选实施例提供的另一个可选实施例中，所述显示模块810，还用于：
当获取到界面返回指令时，取消显示所述扩展区域，以使得位于所述扩展区域下层的所述第一用户界面重新显示；
将保留显示的所述播放浮层窗口移动至所述第一视频的预览区域的显示位置处进行显示。
在基于图8实施例或者上述任一可选实施例提供的另一个可选实施例中，所述显示模块810，还用于：
在所述第一视频的预览区域的显示位置被移动的过程中，调整所述播放浮层窗口的显示位置；其中，所述播放浮层窗口的显示位置与所述第一视频的预览区域的显示位置始终保持相同。
在基于图8实施例或者上述任一可选实施例提供的另一个可选实施例中，所述第一用户界面中还包括第二视频的预览区域；
所述显示模块810，还用于当获取到对应于所述第二视频的播放指令时，将所述播放浮层窗口从所述第一视频的预览区域的显示位置，移动至所述第二视频的预览区域的显示位置处显示；
所述播放模块820，还用于在所述播放浮层窗口中播放所述第二视频。
需要说明的是，上述实施例提供的装置，在实现其功能时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的装置与方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。
请参考图9，其示出了本申请一个实施例提供的终端900的结构框图。该终端900可以是手机、平板电脑、智能电视、多媒体播放设备、PC等。
通常，终端900包括有：处理器901和存储器902。
处理器901可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器901可以采用DSP(Digital Signal Processing，数字信号处理)、FPGA(FieldProgrammable Gate Array，现场可编程门阵列)、PLA(Programmable Logic Array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器901也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称CPU(Central ProcessingUnit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器901可以在集成有GPU(Graphics Processing Unit，图像处理器)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器901还可以包括AI(Artificial Intelligence，人工智能)处理器，该AI处理器用于处理有关机器学习的计算操作。
存储器902可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器902还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器902中的非暂态的计算机可读存储介质用于存储至少一个指令，该至少一个指令用于被处理器901所执行以实现本申请中方法实施例提供的视频播放方法。
在一些实施例中，终端900还可选包括有：外围设备接口903和至少一个外围设备。处理器901、存储器902和外围设备接口903之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口903相连。具体地，外围设备可以包括：显示屏904、音频电路905、通信接口906和电源907中的至少一种。
本领域技术人员可以理解，图9中示出的结构并不构成对终端900的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。
在示例中实施例中，还提供了一种终端，所述终端包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集。所述至少一条指令、至少一段程序、代码集或指令集经配置以由一个或者一个以上处理器执行，以实现上述视频播放方法。
在示例性实施例中，还提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或所述指令集在被终端的处理器执行时实现上述视频播放方法。
可选地，上述计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
在示例性实施例中，还提供了一种计算机程序产品，当该计算机程序产品被执行时，其用于实现上述视频播放方法。
应当理解的是，本文中描述的步骤编号，仅示例性示出了步骤间的一种可能的执行先后顺序，在一些其它实施例中，上述步骤也可以不按照编号顺序来执行，如两个不同编号的步骤同时执行，或者两个不同编号的步骤按照与图示相反的顺序执行，本申请实施例对此不作限定。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。
以上所述仅为本申请的示例性实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。
Claims (9)
1.一种视频播放方法，其特征在于，所述方法包括：
显示第一用户界面，所述第一用户界面中包括第一视频的预览区域和第二视频的预览区域；
当获取到对应于所述第一视频的播放指令时，在所述第一视频的预览区域的上层叠加显示播放浮层窗口；
在所述播放浮层窗口中播放所述第一视频；
当获取到界面切换指令时，显示包含有所述播放浮层窗口和扩展区域的第二用户界面；其中，所述扩展区域是用于显示所述第一视频的关联内容的显示区域；
当获取到对应于所述第二视频的播放指令时，将所述播放浮层窗口从所述第一视频的预览区域的显示位置，移动至所述第二视频的预览区域的显示位置处显示；
在所述播放浮层窗口中播放所述第二视频。
2.根据权利要求1所述的方法，其特征在于，所述播放浮层窗口的尺寸与所述第一视频的预览区域的尺寸相同，且所述播放浮层窗口在屏幕中的显示位置与所述第一视频的预览区域在所述屏幕中的显示位置相同。
3.根据权利要求1所述的方法，其特征在于，所述显示包含有所述播放浮层窗口和扩展区域的第二用户界面，包括：
将所述播放浮层窗口移动至指定位置进行显示；
在所述播放浮层窗口的周侧显示所述扩展区域，得到所述第二用户界面；其中，所述扩展区域的显示层级和所述播放浮层窗口的显示层级相同。
4.根据权利要求1所述的方法，其特征在于，所述扩展区域包括：位于所述播放浮层窗口顶部的第一扩展区域，以及位于所述播放浮层窗口底部的第二扩展区域。
5.根据权利要求1至4任一项所述的方法，其特征在于，所述显示包含有所述播放浮层窗口和扩展区域的第二用户界面之后，还包括：
当获取到界面返回指令时，取消显示所述扩展区域，以使得位于所述扩展区域下层的所述第一用户界面重新显示；
将保留显示的所述播放浮层窗口移动至所述第一视频的预览区域的显示位置处进行显示。
6.根据权利要求1至4任一项所述的方法，其特征在于，所述在所述第一视频的预览区域的上层叠加显示播放浮层窗口之后，还包括：
在所述第一视频的预览区域的显示位置被移动的过程中，调整所述播放浮层窗口的显示位置；其中，所述播放浮层窗口的显示位置与所述第一视频的预览区域的显示位置始终保持相同。
7.一种视频播放装置，其特征在于，所述装置包括:
显示模块，用于显示第一用户界面，所述第一用户界面中包括第一视频的预览区域；
所述显示模块，还用于当获取到对应于所述第一视频的播放指令时，在所述第一视频的预览区域的上层叠加显示播放浮层窗口；
播放模块，用于在所述播放浮层窗口中播放所述第一视频；
所述显示模块，还用于当获取到界面切换指令时，显示包含有所述播放浮层窗口和扩展区域的第二用户界面；其中，所述扩展区域是用于显示所述第一视频的关联内容的显示区域。
8.一种终端，其特征在于，所述终端包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如权利要求1至6任一项所述的方法。
9.一种计算机可读存储介质，其特征在于，所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如权利要求1至6任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811149609.XA CN110971953B (zh) | 2018-09-29 | 2018-09-29 | 视频播放方法、装置、终端及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811149609.XA CN110971953B (zh) | 2018-09-29 | 2018-09-29 | 视频播放方法、装置、终端及存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110971953A CN110971953A (zh) | 2020-04-07 |
| CN110971953B true CN110971953B (zh) | 2022-06-21 |
Family
ID=70027583
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811149609.XA Active CN110971953B (zh) | 2018-09-29 | 2018-09-29 | 视频播放方法、装置、终端及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110971953B (zh) |
Families Citing this family (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111935527B (zh) * | 2019-05-13 | 2023-01-03 | 浙江天猫技术有限公司 | 信息显示方法、视频播放方法及设备 |
| CN112929687B (zh) * | 2021-02-05 | 2023-12-29 | 腾竞体育文化发展(上海)有限公司 | 基于直播视频的互动方法、装置、设备及存储介质 |
| CN113727170A (zh) * | 2021-08-27 | 2021-11-30 | 北京字跳网络技术有限公司 | 视频交互方法、装置、设备及介质 |
| CN114979748B (zh) * | 2022-05-24 | 2024-02-23 | 上海哔哩哔哩科技有限公司 | 视频处理方法及装置 |
Family Cites Families (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9524083B2 (en) * | 2013-09-30 | 2016-12-20 | Google Inc. | Customizing mobile media end cap user interfaces based on mobile device orientation |
| CN104918095A (zh) * | 2015-05-19 | 2015-09-16 | 乐视致新电子科技（天津）有限公司 | 多媒体流数据预览展示方法及装置 |
| CN105847996A (zh) * | 2016-05-25 | 2016-08-10 | 腾讯科技（深圳）有限公司 | 一种视频播放方法及装置 |
| CN106792089A (zh) * | 2016-12-15 | 2017-05-31 | 腾讯科技（深圳）有限公司 | 视频播放方法和装置 |
| CN107318038B (zh) * | 2017-06-19 | 2020-12-15 | Tcl移动通信科技（宁波）有限公司 | 一种视频播放与评论同步的方法、终端设备以及存储介质 |
| CN107341018B (zh) * | 2017-07-07 | 2020-12-29 | 阿里巴巴（中国）有限公司 | 一种在页面切换后继续显示视图的方法和装置 |
| CN108419117B (zh) * | 2018-04-28 | 2020-09-08 | 中广热点云科技有限公司 | 一种实现视频小窗口播放的装置及方法 |
-
2018
- 2018-09-29 CN CN201811149609.XA patent/CN110971953B/zh active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN110971953A (zh) | 2020-04-07 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110971953B (zh) | 视频播放方法、装置、终端及存储介质 | |
| CN110868631B (zh) | 视频剪辑方法、装置、终端及存储介质 | |
| CN103562839B (zh) | 多应用环境 | |
| EP3835933A1 (en) | Product browsing method and apparatus, device and storage medium | |
| CN109525885B (zh) | 信息处理方法、装置、电子设备及计算机可读存储介质 | |
| US20230137901A1 (en) | Techniques to Modify Content and View Content on Mobile Devices | |
| KR20190136085A (ko) | 스크린상 코멘트 디스플레이 방법 및 전자 디바이스 | |
| CN108334371B (zh) | 编辑对象的方法和装置 | |
| US10528239B2 (en) | Display processing method, display processing apparatus and electronic device | |
| US20230168805A1 (en) | Configuration of application execution spaces and sub-spaces for sharing data on a mobile touch screen device | |
| US8205169B1 (en) | Multiple editor user interface | |
| CN111770288B (zh) | 视频编辑方法、装置、终端及存储介质 | |
| CN110007829B (zh) | 内容显示方法、装置、终端及存储介质 | |
| CN103582863A (zh) | 多应用环境 | |
| CN111612873A (zh) | Gif图片生成方法、装置及电子设备 | |
| CN110377220B (zh) | 一种指令响应方法、装置、存储介质及电子设备 | |
| TW201923630A (zh) | 處理方法、裝置、設備和機器可讀媒體 | |
| US11039196B2 (en) | Method and device for displaying a screen shot | |
| CN111385665A (zh) | 弹幕信息的处理方法、装置、设备及存储介质 | |
| US20230326110A1 (en) | Method, apparatus, device and media for publishing video | |
| US9207841B2 (en) | Online video distribution | |
| EP4224300A1 (en) | Screen capture method and apparatus, and electronic device | |
| US20140215383A1 (en) | Parallax scrolling user interface | |
| CN113176846A (zh) | 一种图片显示方法、装置，设备及存储介质 | |
| CN110264543B (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: 40021691 Country of ref document: HK |
|
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |