CN112866779A - 视频展示方法、装置、计算机设备和介质 - Google Patents

Abstract

本公开提供了一种视频展示方法，包括：在开始展示视频窗口时，层叠地展示第一组件和第二组件，其中，所述第一组件用于展示视频文件的任一帧图片，所述第二组件用于展示所述视频文件，所述第一组件遮盖所述第二组件；以及，在所述第二组件开始播放所述视频文件的第一帧图片时，停止展示所述第一组件。本公开还提供了一种视频展示装置、一种计算机设备以及一种计算机可读存储介质。

Description

视频展示方法、装置、计算机设备和介质

技术领域

本公开涉及计算机技术领域，更具体地，涉及一种视频展示方法、装置、计算机设备和介质。

背景技术

在视频播放场景中，当播放到一视频内容时，视频播放器需要对视频内容的数据进行一定的准备工作，例如解码操作等。在该准备工作期间，该视频内容所在的视频窗口会出现短暂的黑屏状态，该黑屏状态的持续时间因终端设备的性能差异而不同，例如几十或几百毫秒，由此对用户体验产生较大影响。

发明内容

有鉴于此，本公开提供了一种视频展示方法、装置、计算机设备和介质。

本公开的一个方面提供了一种视频展示方法，包括：在开始展示视频窗口时，层叠地展示第一组件和第二组件。其中，第一组件用于展示视频文件的任一帧图片，第二组件用于展示视频文件，第一组件遮盖第二组件。然后，在第二组件开始播放视频文件的第一帧图片时，停止展示第一组件。

根据本公开的实施例，上述视频窗口为多个广告位中的任一广告位。上述方法还包括：依次循环展示多个广告位。并且，在该视频窗口的第二组件结束该视频文件的播放时，开始展示该视频窗口的下一广告位。

根据本公开的实施例，上述视频文件的任一帧图片包括：该视频文件的第一帧图片。

根据本公开的实施例，上述方法还包括在开始展示视频窗口之前：获取上述视频文件的索引信息。接着，基于该索引信息获取任一帧图片的本地路径信息，并且基于该索引信息获取该视频文件的本地路径信息。

根据本公开的实施例，第一组件基于上述任一帧图片的本地路径信息展示该任一帧图片。第二组件基于上述视频文件的本地路径信息展示该视频文件。

根据本公开的实施例，上述基于索引信息获取任一帧图片的本地路径信息包括：确定第一缓存区是否存在针对该索引信息的图片。如果是，则获取针对该索引信息的图片的本地路径信息。如果否，则调用指定接口以便将任一帧图片存入第一缓存区，并获取任一帧图片在第一缓存区的本地路径信息。其中，上述指定接口用于从服务端中存储的视频文件中提取该任一帧图片。

根据本公开的实施例，上述基于索引信息获取视频文件的本地路径信息包括：确定第二缓存区是否存在针对索引信息的视频文件。如果是，则获取针对所述索引信息的视频文件的本地路径信息。如果否，则基于索引信息从服务端获取该视频文件，并将该视频文件存入第二缓存区，再获取该视频文件在第二缓存区的本地路径信息。

根据本公开的实施例，上述在第二组件开始播放视频文件的第一帧图片时，停止展示第一组件包括：利用回调函数监听所述第二组件。当监听到第二组件开始播放第一帧图片的事件时，停止展示第一组件。

根据本公开的实施例，第一组件为图片组件，第二组件为视频组件，第一组件和第二组件的展示尺寸相同。

本公开的另一个方面提供了一种视频展示装置，包括第一展示模块和第二展示模块。第一展示模块用于在开始展示视频窗口时，层叠地展示第一组件和第二组件。其中，所述第一组件用于展示视频文件的任一帧图片，所述第二组件用于展示所述视频文件，所述第一组件遮盖所述第二组件。第二展示模块用于在所述第二组件开始播放所述视频文件的第一帧图片时，停止展示所述第一组件。

本公开的另一方面提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上所述的方法。

本公开的另一方面提供了一种计算机可读存储介质，存储有计算机可执行指令，所述指令在被执行时用于实现如上所述的方法。

本公开的另一方面提供了一种计算机程序，所述计算机程序包括计算机可执行指令，所述指令在被执行时用于实现如上所述的方法。

根据本公开的实施例，对于用于展示视频文件的视频窗口，在开始展示该视频窗口时，先利用第一组件覆盖第二组件进行展示，以达到利用第一组件所展示的任一帧图片遮挡第二组件所展示的视频文件的黑屏状态的目的。然后在第二组件开始正常播放视频文件时，移除第一组件，使得用户能够在察觉不到黑屏状态的情况下正常观看第二组件对视频文件的播放，避免黑屏状态带来的中断感，实现更为流畅、自然的视频播放效果，提高用户观看体验。

附图说明

通过以下参照附图对本公开实施例的描述，本公开的上述以及其他目的、特征和优点将更为清楚，在附图中：

图1示意性示出了根据本公开实施例的应用视频展示方法和装置的示例性系统架构；

图2示意性示出了根据本公开实施例的视频展示方法的流程图；

图3A～3B示意性示出了根据本公开另一实施例的视频展示方法的流程图；

图4A～4C示意性示出了根据本公开实施例的视频展示过程的示例示意图；

图5示意性示出了根据本公开实施例的视频展示装置的框图；以及

图6示意性示出了根据本公开实施例的计算机设备的框图。

具体实施方式

以下，将参照附图来描述本公开的实施例。但是应该理解，这些描述只是示例性的，而并非要限制本公开的范围。在下面的详细描述中，为便于解释，阐述了许多具体的细节以提供对本公开实施例的全面理解。然而，明显地，一个或多个实施例在没有这些具体细节的情况下也可以被实施。此外，在以下说明中，省略了对公知结构和技术的描述，以避免不必要地混淆本公开的概念。

在此使用的术语仅仅是为了描述具体实施例，而并非意在限制本公开。在此使用的术语“包括”、“包含”等表明了所述特征、步骤、操作和/或部件的存在，但是并不排除存在或添加一个或多个其他特征、步骤、操作或部件。

在此使用的所有术语(包括技术和科学术语)具有本领域技术人员通常所理解的含义，除非另外定义。应注意，这里使用的术语应解释为具有与本说明书的上下文相一致的含义，而不应以理想化或过于刻板的方式来解释。

在使用类似于“A、B和C等中至少一个”这样的表述的情况下，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B和C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。在使用类似于“A、B或C等中至少一个”这样的表述的情况下，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B或C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。

本公开的实施例提供了一种视频展示方法和装置。该方法从整体来看可以包括第一展示过程和第二展示过程。在第一展示过程，在开始展示一个视频窗口时，层叠地展示第一组件和第二组件。其中，第一组件用于展示该视频文件的任一帧图片，第二组件用于展示该视频文件，第一组件遮盖第二组件。然后，在第二组件开始播放该视频文件的第一帧图片时，进行第二展示过程，停止展示第一组件，继续展示第二组件直至第二组件结束该视频文件的播放。

图1示意性示出了根据本公开实施例的可以应用视频展示方法和装置的示例性系统架构100。需要注意的是，图1所示仅为可以应用本公开实施例的系统架构的示例，以帮助本领域技术人员理解本公开的技术内容，但并不意味着本公开实施例不可以用于其他设备、系统、环境或场景。

如图1所示，根据该实施例的系统架构100可以包括终端设备101、102、103，网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备101、102、103通过网络104与服务器105交互，以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。

终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。

服务器105可以是提供各种服务的服务器，例如对用户利用终端设备101、102、103所浏览的网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的用户请求等数据进行分析等处理，并将处理结果(例如根据用户请求获取或生成的网页、信息、或数据等)反馈给终端设备101、102、103，用户通过终端设备101、102、103上显示的页面浏览相应的处理结果。

本公开实施例所提供的视频展示方法一般可以由终端设备101、102、103执行。相应地，本公开实施例所提供的视频展示装置一般可以设置于终端设备101、102、103中。

应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

根据本公开实施例，提供了一种视频展示方法，下面对该方法进行说明。应注意，以下方法中各个操作的序号仅作为该操作的表示以便描述，而不应被看作表示该各个操作的执行顺序。除非明确指出，否则该方法不需要完全按照所示顺序来执行。

图2示意性示出了根据本公开实施例的视频展示方法的流程图。

如图2所示，该方法可以包括操作S201～S202。

在操作S201，在开始展示视频窗口时，层叠地展示第一组件和第二组件。

其中，第一组件用于展示视频文件的任一帧图片，第二组件用于展示视频文件，第一组件遮盖第二组件。

然后，在操作S202，在第二组件开始播放视频文件的第一帧图片时，停止展示第一组件。

本领域技术人员可以理解，对于用于展示视频文件的视频窗口，在开始展示该视频窗口时，先利用第一组件覆盖第二组件进行展示，以达到利用第一组件所展示的任一帧图片遮挡第二组件所展示的视频文件的黑屏状态的目的。然后在第二组件开始正常播放视频文件时，移除第一组件，使得用户能够在察觉不到黑屏状态的情况下正常观看第二组件对视频文件的播放，避免黑屏状态带来的中断感，实现更为流畅、自然的视频播放效果，提高用户观看体验。

在本公开的一个实施例中，上述视频文件的任一帧图片包括：该视频文件的第一帧图片。在层叠地展示第一组件和第二组件，第一组件展示视频文件的第一帧图片，而第二组件展示视频文件的情况下，用户首先看到的是第一组件所展示的第一帧图片，待第二组件完成准备工作开始播放视频文件的第一帧图片时，停止展示第一组件，能够让用户无感知地从观看第一组件切换至观看第二组件，并继续自然流畅地继续观看视频文件直至播放结束。

示例性地，根据本公开实施例的视频展示方法可以应用于广告轮播场景，上述视频窗口可以作为多个广告位中的任一广告位。

广告轮播是终端设备中各种应用(application)较为常见的一种广告展现形式，可以分为通栏广告轮播和全屏广告轮播。其中通栏广告轮播的展示尺寸可以占据终端设备的显示面板的部分显示区域，全屏广告轮播的展示尺寸可以占据终端设备的显示面板的全部显示区域。广告轮播所展示的广告内容可以为图片、视频、或者图片和视频的混合。每个广告内容在程序设定的时间间隔里进行展现，达到展现时间后，轮播下一个。在广告轮播中对视频内容进行展示时，为提升广告轮播中视频内容的加载速度，一种处理方式下，通常会使用缓存方式、预加载方式或两者结合的方式进行处理，以达到较好的用户体验。

上述一种处理方式采用缓存方式、预加载方式或两者结合的方式能够解决无网或弱网情况下视频内容的加载问题。但即使一个视频内容的数据已经缓存到内存或磁盘中，当轮播到该视频内容时，轮播组件中的视频播放器依然需要对视频数据进行一定的准备工作，例如解码操作。在该准备工作期间，该视频内容所在的广告位会出现短暂的黑屏状态，该黑屏状态的持续时间因终端设备的性能差异而不同，例如几十或几百毫秒，由此对用户体验产生较大影响。

根据本公开实施例，提供了一种用于广告轮播的视频展示方法，下面对该方法进行说明。应注意，以下方法中各个操作的序号仅作为该操作的表示以便描述，而不应被看作表示该各个操作的执行顺序。除非明确指出，否则该方法不需要完全按照所示顺序来执行。

图3A和图3B示意性示出了根据本公开另一实施例的视频展示方法的流程图。

如图3A所示，该方法可以包括操作S310。

在操作S310，依次循环展示多个广告位。

其中，广告轮播用于展示多个广告位，其展示过程为按照一定顺序，依次循环展示该多个广告位。广告位作为广告内容的容器，每个广告位对应于一个广告内容，该内容可以为图片或视频。对于每个广告位可以设置相应的展示时间，当一个广告位的展示时间结束时，开始展示该一个广告位的下一个广告位。

如图3B所示，上述操作S310可以被划分为如下操作S311～S313。

在操作S311，在上述多个广告位中的任一广告位的内容为视频文件的情况下，在开始展示该任一广告位时，层叠地展示第一组件和第二组件。

其中，例如任一广告位A即为上文中的视频窗口，该任一广告位A的内容为视频文件a，则在开始展示该任一广告位A时，层叠地展示第一组件和第二组件。第一组件用于展示该视频文件a的第一帧图片，第二组件用于展示该视频文件a，第一组件覆盖第二组件。

然后，在操作S312，在第二组件开始播放该视频文件的第一帧图片时，停止展示第一组件。

其中，第二组件在展示视频文件时，先需对该视频文件进行例如解码等准备工作，然后才能开始播放该视频文件。本操作S312在第二组件开始播放视频文件的第一帧图片时停止展示第一组件，使得第一组件的展示时间区间与第二组件进行准备工作的时间区间一致，即第二组件因准备工作而发生的黑屏状态的持续时间区间与第一组件的展示时间区间一致，第二组件的黑屏状态会被第一组件所展示的第一帧图片遮挡，从而使用户察觉不到黑屏状态。然后在第二组件开始正常播放视频文件后停止展示第一组件，不影响用户对视频文件的正常观看。

接着，在操作S313，在第二组件结束该视频文件的播放时，开始展示上述任一广告位的下一广告位。

一般情况下，示例性地，在一个广告位的内容为视频文件时，可以将该视频文件结束播放的时间点作为该广告位结束展示的时间点，以使该广告位能够对该视频文件进行完整地展现。在一个广告位的内容为图片时，可以为该广告位设置展示时长，从该广告位开始展示时利用计时器计时，当达到该展示时长时确定该广告位结束展示。一个广告位结束展示时，开始展示该广告位的下一广告位。不同广告位的展示时长可以相同也可以不同，在此不做限制。

本领域技术人员可以理解，根据本公开实施例的用于广告轮播的视频展示方法对于内容为视频文件的广告位，在开始展示该广告位时，先利用第一组件覆盖第二组件进行展示，以达到利用第一组件所展示的第一帧图片遮挡第二组件所展示的视频文件的黑屏状态的目的。然后在第二组件开始正常播放视频文件时，移除第一组件，使得用户能够在察觉不到黑屏状态的情况下正常观看第二组件对视频文件的播放，避免黑屏状态带来的中断感，实现更为流畅、自然的广告轮播效果，提高用户观看体验。

在本公开的一个实施例中，上述视频展示方法还可以包括：在开始展示视频窗口之前，获取针对该视频窗口的视频文件的索引信息。并且，在开始展示该视频窗口之前，一方面，基于该索引信息获取该视频文件的任一帧图片的本地路径信息，另一方面，基于该索引信息获取该视频文件的本地路径信息。上述获取任一帧图片的本地路径信息的目的是：使得在开始展示该视频窗口时，第一组件可以基于该任一帧图片的本地路径信息展示该任一帧图片。上述获取视频文件的本地路径信息的目的是：使得在开始展示该视频窗口时，第二组件可以基于该视频文件的本地路径信息展示该视频文件。

示例性地，上述基于索引信息获取任一帧图片的本地路径信息的过程可以按照如下方式进行：在获取到视频文件的索引信息之后，先确定第一缓存区是否存在针对该索引信息的图片。如果是，则获取针对该索引信息的图片的本地路径信息作为该视频文件的任一帧图片的本地路径信息。如果否，则调用指定接口以便将该视频文件的该任一帧图片存入第一缓存区，并获取该任一帧图片在第一缓存区的本地路径信息。其中，指定接口用于从服务端中存储的该视频文件中提取该任一帧图片。

例如，在第一组件展示的任一帧图片为视频文件的第一帧图片的情况下，需要基于索引信息获取该第一帧图片的本地路径信息。在获取到视频文件的索引信息之后，先确定第一缓存区是否存在针对该索引信息的图片。如果是，则获取针对该索引信息的图片的本地路径信息作为该视频文件的第一帧图片的本地路径信息。如果否，则调用指定接口以便将该视频文件的该第一帧图片存入第一缓存区，并获取该第一帧图片在第一缓存区的本地路径信息。其中，指定接口用于从服务端中存储的该视频文件中提取该第一帧图片。

示例性地，上述基于索引信息获取视频文件的本地路径信息的过程可以按照如下方式进行：在获取到视频文件的索引信息之后，先确定第二缓存区是否存在针对该索引信息的视频文件。如果是，则获取针对该索引信息的视频文件的本地路径信息作为该视频文件的本地路径信息。如果否，则基于该索引信息从服务端获取该视频文件，并将该视频文件存入第二缓存区，再获取该视频文件在第二缓存区的本地路径信息。

下面再次以广告位轮播的例子对根据本公开实施例的视频展示方法进行示例性说明。

图4A、图4B和图4C示意性示出了根据本公开实施例的视频展示过程的示例示意图。

如图4A所示，广告轮播用于展示多个广告位，目前正在展示的广告位为广告位n。该广告位n的在前广告位为广告位n-1，该广告位n的在后广告位为广告位n+1。广告位n+1是一个视频广告，即广告位n+1的内容为一个视频文件a，广告位n+1与内容为图片的广告位的展示方式有所区别。如图4B所示，在展示广告位n+1时，并非展示单一的显示层，而是层叠地展示第一组件410和第二组件420。位于上层的第一组件410作为视频文件a的第一帧图像的显示层，位于下层的第二组件420作为视频文件a的显示层，即第一组件410为图片组件，第二组件420为视频组件。第一组件410和第二组件420的展示尺寸和展示位置相同，以使第一组件410能够覆盖第二组件420。

例如，在广告轮播对广告位n进行展示的过程中，在后广告位n+1将服务端下发的针对视频文件a的视频地址URL(Uniform Resource Locator，统一资源定位符)作为该视频文件a的索引信息(key或index)。依据该索引信息到磁盘缓存中去查找针对该视频文件a的视频缓存文件和第一帧图像缓存文件。本方案需要预先获取上述两个缓存文件的本地路径信息，以在后续展示广告位n+1时进行上述第一组件410和第二组件420的展示，请参阅图4C。

如图4C所示，在对广告位n进行展示的过程中，进行针对广告位n+1的缓存及预加载处理。一方面，执行操作S401，基于视频文件a的URL从本地磁盘的第一缓存区查找视频文件a的第一帧图片的缓存文件。如果查找到，则执行操作S402，获取该第一帧图片的本地路径信息，以便设置到广告位n+1的第一组件410中准备展示。如果未查找到，则执行操作S403，通过调用指定接口异步地从服务端存储的视频文件a中提取出第一帧图片，并将该第一帧图片保存至本地磁盘的第一缓存区，再将本地缓存的针对该第一帧图片的本地路径信息设置到广告位n+1的第一组件410中准备展示。另一方面，执行操作S404，基于视频文件a的URL从本地磁盘的第二缓存区查找视频文件a的缓存文件。如果查找到，则执行操作S405，获取该视频文件a的本地路径信息，以便设置到广告位n+1的第二组件420中准备播放。如果未查找到，说明该视频文件a尚未播放过，则执行操作S406，启动预加载流程，通过加载模块对服务端存储的视频文件a进行后台加载，加载完成后缓存到本地磁盘的第二缓存区中，并将本地缓存的针对视频文件a的本地路径信息设置到广告位n+1的第二组件420中准备播放。

随着下一个轮播动作的到来，广告位n左移滑出终端设备的显示面板的显示区域，广告位n+1左移进入显示区域。此时，位于上层的第一组件410展现的是视频文件a的第一帧图片，位于下层的第二组件420展现的是正在加载或已加载好正准备播放的视频文件a。待左移进入显示区域的动画结束，广告位n+1开始进行展示，相应地，第一组件410和第二组件420开始进行展示。其中，第二组件420正式启动播放流程，但由于不同终端设备存在性能差异，例如作为第二组件420的播放器此时的解码过程可能会持续几十或几百毫秒，这个过程中第二组件420会呈现黑屏状态。根据本公开的实施例，在第二组件420所展示的视频层上面遮挡了第一组件410所展示的图片层，使得用户觉察不到视频层的黑屏状态，展现给用户的是视频文件a的第一帧图片。随着第二组件420解码过程的结束，正式开始播放视频，此时，再将上层的图片层移除，以实现图像和视频的平滑过渡。

根据本公开的实施例，上述在第二组件开始播放视频文件的第一帧图片时，停止展示第一组件的过程可以按照如下方式进行：利用回调函数监听第二组件。当监听到第二组件开始播放相应视频文件的第一帧图片的事件时，确定第二组件开始正常播放视频，此时停止展示第一组件，并继续展示第二组件。

根据本公开的上述各实施例，在对视频窗口进行展示时，通过对视频文件及其第一帧图像的缓存和预加载及显示控制，解决了视频播放初始会出现黑屏状态的问题。应用于广告轮播的图片与视频混合轮播场景下，能够解决广告轮播中视频播放前会出现黑屏状态的问题。

图5示意性示出了根据本公开实施例的视频展示装置的框图。

如图5所示，视频展示装置500可以包括：第一展示模块510和第二展示模块520。

第一展示模块510用于在开始展示视频窗口时，层叠地展示第一组件和第二组件。

其中，所述第一组件用于展示视频文件的任一帧图片，所述第二组件用于展示所述视频文件，所述第一组件遮盖所述第二组件。

第二展示模块520用于在所述第二组件开始播放所述视频文件的第一帧图片时，停止展示所述第一组件。

需要说明的是，装置部分实施例中各模块/单元/子单元等的实施方式、解决的技术问题、实现的功能、以及达到的技术效果分别与方法部分实施例中各对应的步骤的实施方式、解决的技术问题、实现的功能、以及达到的技术效果相同或类似，在此不再赘述。

根据本公开的实施例的模块、子模块、单元、子单元中的任意多个、或其中任意多个的至少部分功能可以在一个模块中实现。根据本公开实施例的模块、子模块、单元、子单元中的任意一个或多个可以被拆分成多个模块来实现。根据本公开实施例的模块、子模块、单元、子单元中的任意一个或多个可以至少被部分地实现为硬件电路，例如现场可编程门阵列(FPGA)、可编程逻辑阵列(PLA)、片上系统、基板上的系统、封装上的系统、专用集成电路(ASIC)，或可以通过对电路进行集成或封装的任何其他的合理方式的硬件或固件来实现，或以软件、硬件以及固件三种实现方式中任意一种或以其中任意几种的适当组合来实现。或者，根据本公开实施例的模块、子模块、单元、子单元中的一个或多个可以至少被部分地实现为计算机程序模块，当该计算机程序模块被运行时，可以执行相应的功能。

图6示意性示出了根据本公开实施例的适于实现上文描述的方法的计算机设备的框图。图6示出的计算机设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图6所示，根据本公开实施例的计算机设备600包括处理器601，其可以根据存储在只读存储器(ROM)602中的程序或者从存储部分608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。处理器601例如可以包括通用微处理器(例如CPU)、指令集处理器和/或相关芯片组和/或专用微处理器(例如，专用集成电路(ASIC))，等等。处理器601还可以包括用于缓存用途的板载存储器。处理器601可以包括用于执行根据本公开实施例的方法流程的不同动作的单一处理单元或者是多个处理单元。

在RAM 603中，存储有设备600操作所需的各种程序和数据。处理器601、ROM 602以及RAM 603通过总线604彼此相连。处理器601通过执行ROM 602和/或RAM 603中的程序来执行根据本公开实施例的方法流程的各种操作。需要注意，所述程序也可以存储在除ROM 602和RAM 603以外的一个或多个存储器中。处理器601也可以通过执行存储在所述一个或多个存储器中的程序来执行根据本公开实施例的方法流程的各种操作。

根据本公开的实施例，设备600还可以包括输入/输出(I/O)接口605，输入/输出(I/O)接口605也连接至总线604。设备600还可以包括连接至I/O接口605的以下部件中的一项或多项：包括键盘、鼠标等的输入部分606；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分607；包括硬盘等的存储部分608；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分609。通信部分609经由诸如因特网的网络执行通信处理。驱动器610也根据需要连接至I/O接口605。可拆卸介质611，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器610上，以便于从其上读出的计算机程序根据需要被安装入存储部分608。

根据本公开的实施例，根据本公开实施例的方法流程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读存储介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分609从网络上被下载和安装，和/或从可拆卸介质611被安装。在该计算机程序被处理器601执行时，执行本公开实施例的系统中限定的上述功能。根据本公开的实施例，上文描述的系统、设备、装置、模块、单元等可以通过计算机程序模块来实现。

本公开还提供了一种计算机可读存储介质，该计算机可读存储介质可以是上述实施例中描述的设备/装置/系统中所包含的；也可以是单独存在，而未装配入该设备/装置/系统中。上述计算机可读存储介质承载有一个或者多个程序，当上述一个或者多个程序被执行时，实现根据本公开实施例的方法。

根据本公开的实施例，计算机可读存储介质可以是非易失性的计算机可读存储介质，例如可以包括但不限于：便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。例如，根据本公开的实施例，计算机可读存储介质可以包括上文描述的ROM 502和/或RAM 503和/或ROM 502和RAM 503以外的一个或多个存储器。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

本领域技术人员可以理解，本公开的各个实施例和/或权利要求中记载的特征可以进行多种组合和/或结合，即使这样的组合或结合没有明确记载于本公开中。特别地，在不脱离本公开精神和教导的情况下，本公开的各个实施例和/或权利要求中记载的特征可以进行多种组合和/或结合。所有这些组合和/或结合均落入本公开的范围。

以上对本公开的实施例进行了描述。但是，这些实施例仅仅是为了说明的目的，而并非为了限制本公开的范围。尽管在以上分别描述了各实施例，但是这并不意味着各个实施例中的措施不能有利地结合使用。本公开的范围由所附权利要求及其等同物限定。不脱离本公开的范围，本领域技术人员可以做出多种替代和修改，这些替代和修改都应落在本公开的范围之内。

Claims (11)

1.一种视频展示方法，包括：

在开始展示视频窗口时，层叠地展示第一组件和第二组件，其中，所述第一组件用于展示视频文件的任一帧图片，所述第二组件用于展示所述视频文件，所述第一组件遮盖所述第二组件；以及

在所述第二组件开始播放所述视频文件的第一帧图片时，停止展示所述第一组件。

2.根据权利要求1所述的方法，其中，所述视频文件的任一帧图片包括：所述视频文件的第一帧图片。

3.根据权利要求1所述的方法，还包括在开始展示所述视频窗口之前：

获取所述视频文件的索引信息；

基于所述索引信息获取所述任一帧图片的本地路径信息；以及

基于所述索引信息获取所述视频文件的本地路径信息。

4.根据权利要求3所述的方法，其中，

所述第一组件基于所述任一帧图片的本地路径信息展示所述任一帧图片；以及

所述第二组件基于所述视频文件的本地路径信息展示所述视频文件。

5.根据权利要求3所述的方法，其中，所述基于所述索引信息获取所述任一帧图片的本地路径信息包括：

确定第一缓存区是否存在针对所述索引信息的图片；

如果是，则获取所述针对所述索引信息的图片的本地路径信息；以及

如果否，则调用指定接口以便将所述任一帧图片存入所述第一缓存区，并获取所述任一帧图片在所述第一缓存区的本地路径信息，其中，所述指定接口用于从服务端中存储的所述视频文件中提取所述任一帧图片。

6.根据权利要求3所述的方法，其中，基于所述索引信息获取所述视频文件的本地路径信息包括：

确定第二缓存区是否存在针对所述索引信息的视频文件；

如果是，则获取所述针对所述索引信息的视频文件的本地路径信息；以及

如果否，则基于所述索引信息从服务端获取所述视频文件，并将所述视频文件存入所述第二缓存区，再获取所述视频文件在所述第二缓存区的本地路径信息。

7.根据权利要求1所述的方法，其中，所述在所述第二组件开始播放所述视频文件的第一帧图片时，停止展示所述第一组件包括：

利用回调函数监听所述第二组件；以及

当监听到所述第二组件开始播放所述第一帧图片的事件时，停止展示所述第一组件。

8.根据权利要求1所述的方法，其中，所述第一组件为图片组件，所述第二组件为视频组件，所述第一组件和所述第二组件的展示尺寸相同。

9.一种视频展示装置，包括：

第一展示模块，用于在开始展示视频窗口时，层叠地展示第一组件和第二组件，其中，所述第一组件用于展示视频文件的任一帧图片，所述第二组件用于展示所述视频文件，所述第一组件遮盖所述第二组件；以及

第二展示模块，用于在所述第二组件开始播放所述视频文件的第一帧图片时，停止展示所述第一组件。

10.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现：

如权利要求1～8中任一项所述的方法。

11.一种计算机可读存储介质，其上存储有可执行指令，该指令被处理器执行时使处理器执行：

如权利要求1～8中任一项所述的方法。

Images