图片显示方法、装置、设备及存储介质与流程

本申请涉及计算机技术领域，尤其涉及一种图片显示方法、装置、设备及存储介质。

背景技术：

用户在观看视频时，会通过拖动视频进度条，查看某个时刻对应的视频内容缩略图，以便于用户进行视频进度的选择。其中，主要是客户端承载显示视频内容缩略图的主要任务，需要客户端实时将选中时间进度点的视频内容缩略图，从本地缓存加载到内存并渲染到屏幕中。

现有的客户端实时将选中时间进度点的视频内容缩略图，从本地缓存加载到内存并渲染到屏幕中的实现方式为：客户端从服务器获取一张按照n*m*x*t排列的视频图片，客户端将该视频图片下载到本地硬盘，该视频图片包括x张中间图片。再按照n*m规则剪裁中间图片，将剪裁后得到的子图片保存在本地硬盘中，最后，根据选择的时间进度点来加载、显示对应的子图片。其中，n为列数，m为行数，n*m为中间图片中的子图片的排列方式，x为子图片的数量，t为子图片对应的视频时长。其中，子图片即为视频内容缩略图。

但是，现有的实现方式存在很多问题，比如，客户端在加载子图片时，需要从本地硬盘加载到内存，再绘制到屏幕中，若用户操作进度条过快，会造成短时间内的内存暴增，影响子图片的绘制速度，从而影响用户体验。

技术实现要素：

本申请提供了一种图片显示方法、装置、设备及存储介质，用以提高客户端加载视频缩略图的速率。

第一方面，本申请提供了一种图片显示方法，应用于客户端，包括：

获取第一视频预览指令；

获取所述第一视频预览指令对应的第一合成缩略图，所述第一合成缩略图包括n个第一视频缩略图，所述n为大于1的整数；

从所述第一合成缩略图中，选取所述第一视频预览指令对应的第一视频缩略图进行显示。

可选地，所述获取第一视频预览指令之前，还包括：

获取整体缩略图和图片组成规则；

按照所述图片组成规则，分割所述整体缩略图，得到所述第一合成缩略图；

存储所述第一合成缩略图。

可选地，所述图片组成规则包括：所述第一视频缩略图的排列方式，所述排列方式包括：一维排序方式或二维排序方式。

可选地，所述第一视频预览指令包括第一时间戳；

所述选取所述第一视频预览指令对应的第一视频缩略图进行显示，包括：

根据所述图片组成规则和所述第一时间戳，确定所述第一视频缩略图在所述第一合成缩略图中的位置信息，以及所述第一视频缩略图的尺寸信息；

根据所述第一视频缩略图的位置信息、和所述第一视频缩略图的尺寸信息，确定所述第一视频预览指令对应的第一视频缩略图，并进行显示。

可选地，所述第一合成缩略图还包括：第二视频缩略图和/或第三视频缩略图，所述第一视频缩略图的第一时间戳、与所述第二视频缩略图的第二时间戳左相邻，所述第一视频缩略图的第一时间戳、与所述第三视频缩略图的第三时间戳右相邻；

所述方法还包括：

显示所述第二视频缩略图和/或所述第三视频缩略图。

可选地，所述选取所述第一视频预览指令对应的第一视频缩略图进行显示，包括：

选取所述第一视频预览指令对应的第一视频缩略图；

根据所述第一视频缩略图的位置信息，为所述第一视频缩略图添加显示标识；

显示添加有所述显示标识的第一视频缩略图。

可选地，所述选取所述第一视频预览指令对应的第一视频缩略图进行显示之后，还包括：

获取第二视频预览指令；

判断所述第二视频预览指令对应的第四视频缩略图是否属于所述第一合成缩略图；

若是，从所述第一合成缩略图中，选取所述第四视频缩略图进行显示；

否则，获取第二视频预览指令对应的第二合成缩略图，从所述第二合成缩略图中，选取所述第二视频预览指令对应的第四视频缩略图进行显示。

第二方面，本申请提供了一种图片显示方法，应用于服务器，包括：

获取客户端发送的数据请求指令；

根据所述数据请求指令，向所述客户端发送第一合成缩略图，以使所述客户端从所述第一合成缩略图中，选取与第一视频预览指令对应的第一视频缩略图进行显示，所述第一合成缩略图包括n个第一视频缩略图，所述n为大于1的整数。

可选地，根据所述数据请求指令，向所述客户端发送第一合成缩略图之前，还包括：

获取所述数据请求指令对应的视频数据；

确定与所述视频数据对应的图片组成规则；

根据所述图片组成规则，生成与所述视频数据对应的整体缩略图，所述整体缩略图包括：所述第一合成缩略图；

所述根据所述数据请求指令，向所述客户端发送第一合成缩略图，包括：

根据所述数据请求指令，向所述客户端发送所述整体缩略图和所述图片组成规则。

可选地，所述图片组成规则包括：所述第一视频缩略图的排列方式，所述排列方法包括：一维排序方式或二维排序方式。

第三方面，本申请提供了一种图片显示装置，包括：

第一获取模块，用于获取第一视频预览指令；

第二获取模块，用于获取所述第一视频预览指令对应的第一合成缩略图，所述第一合成缩略图包括n个第一视频缩略图，所述n为大于1的整数；

显示模块，用于从所述第一合成缩略图中，选取所述第一视频预览指令对应的第一视频缩略图进行显示。

第四方面，本申请提供了一种图片显示装置，包括：

获取模块，用于获取客户端发送的数据请求指令；

发送模块，用于根据所述数据请求指令，向所述客户端发送第一合成缩略图，以使所述客户端从所述第一合成缩略图中，选取与第一视频预览指令对应的第一视频缩略图进行显示，所述第一合成缩略图包括n个第一视频缩略图，所述n为大于1的整数。

第五方面，本申请提供了一种电子设备，包括：处理器、存储器和通信总线，其中，所述处理器和所述存储器通过所述通信总线完成相互间的通信；所述存储器，用于存储计算机程序；所述处理器，用于执行所述存储器中所存储的程序，实现第一方面所述的应用于客户端的图片显示方法，或，实现第一方面所述的应用于服务器的图片显示方法。

第六方面，本申请提供了一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时实现第一方面所述的应用于客户端的图片显示方法，或，实现第一方面所述的应用于服务器的图片显示方法。

本申请实施例提供的上述技术方案与现有技术相比具有如下优点：本申请实施例提供的该方法，获取第一视频预览指令；获取第一视频预览指令对应的第一合成缩略图，其中，第一合成缩略图包括n个第一视频缩略图，n为大于1的整数，可见，本申请获取的是由多个第一视频缩略图组成的第一合成缩略图；然后，从第一合成缩略图中，选取与第一视频预览指令对应的第一视频缩略图进行显示，本申请仅需要根据视频预览指令在合成缩略图中选取视频缩略图进行显示即可，无需多次执行从本地硬盘加载视频缩略图到内存的过程，降低了客户端的工作压力，提高了客户端加载视频缩略图的速率，提高了用户体验。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。

图1为本申请实施例中应用于服务器的图片显示方法流程示意图；

图2为本申请实施例中图片组成规则具体展示示意图；

图3为本申请实施例中应用于客户端的图片显示方法流程示意图；

图4为本申请实施例中显示视频预览指令对应的视频缩略图的流程示意图；

图5为本申请实施例中图片显示方法具体流程示意图；

图6为本申请实施例中一种图片显示装置结构示意图；

图7为本申请实施例中另一种图片显示装置结构示意图；

图8为本申请实施例中电子设备结构示意图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。

本文中术语“和/或”，仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，a和/或b，可以表示：单独存在a，同时存在a和b，单独存在b这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。

在本申请实施例中，名词“第一视频缩略图”和“视频缩略图”经常替换使用，名词“第一合成缩略图”和“合成缩略图”也经常替换使用，但本领域的技术人员可以理解其含义。

本申请第一实施例中提供了一种图片显示方法，该方法应用于服务器。该方法的具体实现如图1所示：

步骤101，获取客户端发送的数据请求指令。

当用户通过客户端打开某个视频进行观看时，客户端会向服务器发送数据请求指令，服务器获取该数据请求指令。

具体地，数据请求指令的生成方式有多种，例如，用户拖动进度条时，客户端生成数据请求指令；用户长按进度条的指定位置时，客户端生成数据请求指令；用户滑动视频导致视频进度发生变化时，客户端生成数据请求指令等等。

步骤102，根据数据请求指令，向客户端发送第一合成缩略图，以使客户端从第一合成缩略图中，选取与第一视频预览指令对应的第一视频缩略图进行显示。

其中，第一合成缩略图包括n个第一视频缩略图，n为大于1的整数。

具体地，服务器根据获取的数据请求指令，向客户端发送第一合成缩略图之前，已经预先存储了能够支持客户端播放的所有视频数据，该视频数据包括：视频文件，每个视频文件的唯一标识，以及与每个视频相关的视频相关数据等，该视频相关数据包括：图片组成规则、整体缩略图、合成缩略图和视频缩略图等。

一个具体实施例中，服务器根据获取的数据请求指令，向客户端发送第一合成缩略图之前，获取数据请求指令对应的视频数据；确定与视频数据对应的图片组成规则；根据图片组成规则，生成与视频数据对应的整体缩略图，最后，向客户端发送整体缩略图和图片组成规则。

其中，该视频数据包括：整体缩略图，该整体缩略图包括：第一合成缩略图。其中，该整体缩略图还包括：第二合成缩略图。

具体地，整体缩略图还可以包括：第三合成缩略图、第四合成缩略图等。

一个具体实施例中，图片组成规则包括：第一视频缩略图的排列方式，该排列方式包括：包括：一维排序方式或二维排序方式。

具体地，一维排序方式可以为1*m或n*1。其中，m表示行数，也可以认为是第一视频缩略图的个数，n表示列数，也可以认为是第一视频缩略图的个数。

本申请在加载第一合成缩略图的基础上，采用二维排序方式相较于现有技术来说，能够提高客户端加载视频缩略图的速率。

当然，本申请还可以采用一维排序方式，相较于二维排序方式，计算量小，进一步的降低了客户端的计算压力，提高了客户端的计算效率，提高了客户端加载视频缩略图的速率。

具体地，图片组成规则还包括：相邻两张第一视频缩略图之间的间隔时长，且该间隔时长与视频的视频总时长正相关。

具体地，服务器在第一次存储该视频时，则会根据该视频的视频总时长生成对应的图片组成规则。并根据该图片组成规则，对视频进行抽帧处理，对抽取的视频帧对应的图片进行缩放操作，得到进行缩放操作后的视频缩略图。然后，在进一步的根据图片组成规则，选取对应数量的视频缩略图组成合成缩略图。最后，多张合成缩略图组成整体缩略图，并将整体缩略图和多张合成缩略图存储在对应的数据库中。

具体地，现有技术采用固定的间隔时长，导致长视频与短视频对应的视频缩略图差异过大。例如，如果采用固定的间隔时长，使得2小时的视频对应的视频缩略图过大，从而导致客户端压力过大；5分钟的视频对应的视频缩略图过少，从而导致用户无法精确的获取视频预览信息。

基于以上问题，本申请根据视频的视频总时长，动态确定间隔时长，使得长视频的情况不会由于过多的视频缩略图，导致客户端压力过大，有效的降低了客户端的工作压力，也使得短视频的情况不会由于视频缩略图过少，导致用户无法精确的获取视频预览信息，有效的提高了视频缩略图的精度。

例如，在视频总时长小于等于5分钟时，按照间隔时长等于5秒进行视频缩略图的计算；当视频大于5分钟小于1.5小时时，按照间隔时长等于10秒进行视频缩略图的计算；当视频大于等于1.5小时时，按照间隔时长等于15秒进行视频缩略图的计算。

下面，以视频总时长为4分钟、间隔时长为5秒，排序方式为20*1为例进行图片组成规则的具体展示，具体见图2：

根据视频总时长和间隔时长，可以得到48张视频缩略图；

根据排序方式，可以得到3张合成缩略图，其中，1-20构成第一合成缩略图，21-40构成第二合成缩略图，41-48构成第三合成缩略图；

再将3张合成缩略图，组成整体缩略图。

另外，图片组成规则还可以为：相邻两张视频缩略图之间的间隔时长、视频缩略图的排列方式和合成缩略图的数量。

本申请实施例提供的该方法，获取客户端发送的数据请求指令，根据数据请求指令，向客户端发送第一合成缩略图，以使客户端从第一合成缩略图中，选取与第一视频预览指令对应的第一视频缩略图与视频缩略图展示窗口重合。本申请采用向客户发送合成缩略图的方式，使客户端减少执行从本地硬盘加载视频缩略图到内存的过程，可以降低客户端的工作压力，提高用户体验。

本申请第二实施例中提供了一种图片显示方法，该方法应用于客户端。该方法的具体实现如图3所示：

步骤301，获取第一视频预览指令。

具体地，用户使用客户端在观看视频时，想要观看其他时间点的视频内容，其中，其他时间点是针对视频播放的当前时间点而言的。例如，一个视频一共2小时，用户正观看到1小时5分钟处的视频内容，此时，用户想要查看1小时30分钟处的视频内容。在本例中，1小时5分钟则为当前时间点，1小时30分钟则为其他时间点。

当用户作用到1小时30分钟处时，便触发了第一视频预览指令，此时客户端获取该第一视频预览指令。

具体地，客户端获取第一视频预览指令之前，获取服务器发送的视频数据，该视频数据包括：视频文件，每个视频文件的唯一标识，以及与每个视频相关的视频相关数据等，该视频相关数据包括：图片组成规则、整体缩略图、合成缩略图和视频缩略图等，该整体缩略图包括：第一合成缩略图。其中，该整体缩略图还包括：第二合成缩略图。

具体地，整体缩略图还可以包括：第三合成缩略图、第四合成缩略图等。

一个具体实施例中，客户端获取第一视频预览指令之前，获取服务器发送整体缩略图和图片组成规则；按照图片组成规则，分割整体缩略图，得到第一合成缩略图；存储第一合成缩略图。

具体地，客户端按照图片组成规则，分割整体缩略图时，也会得到第二合成缩略图、第三合成缩略图等，然后，将分割整体缩略图得到的合成缩略图存储在本地磁盘。

具体地，图片组成规则包括：第一视频缩略图的排列方式，该排列方式包括：包括：一维排序方式或二维排序方式。

具体地，一维排序方式可以为1*m或n*1。其中，m表示行数，也可以认为是第一视频缩略图的个数，n表示列数，也可以认为是第一视频缩略图的个数。

本申请在加载第一合成缩略图的基础上，采用二维排序方式相较于现有技术来说，能够提高客户端加载视频缩略图的速率。

当然，本申请采用一维排序方式，相较于的二维排序方式，计算量小，进一步的降低了客户端的计算压力，提高了客户端的计算效率，提高了客户端加载视频缩略图的速率。

具体地，该图片组成规则还包括：相邻两张第一视频缩略图之间的间隔时长，且该间隔时长与视频的视频总时长正相关。

下面，通过具体的例子来说明，客户端获取服务器发送的视频数据之后，根据图片组成规则，分割整体缩略图，得到第一合成缩略图；存储第一合成缩略图的具体过程：

下面，以视频总时长为4分钟、间隔时长为5秒、排序方式为20*1为例进行说明：

获取一张整体缩略图；

根据视频总时长和间隔时长，可以得到该整体缩略图中包括48张视频缩略图；

根据排序方式，可以得到该整体缩略图中包括3张合成缩略图；

分别为3张合成缩略图添加唯一标识，例如，第一合成缩略图对应第一标识，第二合成缩略图对应第二标识，第三合成缩略图对应第三标识；

将3张合成缩略图从服务器下载到本地硬盘存储。

另外，当图片组成规则为：相邻两张视频缩略图之间的间隔时长、视频缩略图的排列方式和合成缩略图的数量时，以间隔时长为5秒，排序方式为20*1，合成缩略图的数量为3，为例进行说明：

获取一张整体缩略图；

根据间隔时长、排序方式和合成缩略图的数量，得到3张合成缩略图；

分别为3张合成缩略图添加唯一标识，例如，第一合成缩略图对应第一标识，第二合成缩略图对应第二标识，第三合成缩略图对应第三标识；

将3张合成缩略图从服务器下载到本地硬盘存储。

步骤302，获取第一视频预览指令对应的第一合成缩略图。

其中，第一合成缩略图包括n个第一视频缩略图，n为大于1的整数。

其中，第一视频预览指令包括第一时间戳。

根据视频总时长、间隔时长和排序方式，得到第一时间戳对应的唯一标识，根据该唯一标识获取与第一视频预览指令对应的第一合成缩略图。

具体地，以视频总时长为4分钟、间隔时长为5秒、排序方式为20*1、第一视频预览指令的第一时间戳为3分钟为例进行说明：

根据间隔时长和排序方式，可以得到第一合成缩略图对应的时间段为0秒至100秒；第二合成缩略图对应的时间段为101秒至200秒，第三合成缩略图对应的时间段为201秒至240秒。因此，可以得到3分钟对应的唯一标识为第二标识，第二标识对应第二合成缩略图。

步骤303，从第一合成缩略图中，选取第一视频预览指令对应的第一视频缩略图进行显示。

具体地，加载第一合成缩略图之后，设置第一合成缩略图不可见，然后，从第一合成缩略图中选取第一视频预览指令对应的第一视频缩略图，将该第一视频缩略图设置为可见，并调整该第一视频缩略图与视频缩略图展示窗口重合，以显示该第一视频缩略图。

一个具体实施例中，根据图片组成规则和第一时间戳，确定第一视频缩略图在第一合成缩略图中的位置信息，以及第一视频缩略图的尺寸信息；根据位置信息和尺寸信息，确定第一视频预览指令对应的第一视频缩略图，并进行显示。

具体地，以图片组成规则为相邻两张视频缩略图之间的间隔时长、视频缩略图的排列方式和合成缩略图的数量为例进行说明。例如，相邻两张视频缩略图之间的间隔时长为5秒，视频缩略图的排列方式为20*1，合成缩略图的数量为3进行说明：

根据上述图片组成规则，可以得到第一合成缩略图对应的时间段为0秒至100秒；第二合成缩略图对应的时间段为101秒至200秒，第三合成缩略图对应的时间段为201秒至300秒。此时得到的第一时间戳为55秒，此时可以确定第一视频缩略图在第一合成缩略图中。进而，根据20*1，求55除以20将结果上取整得到4，可以达到第一视频缩略图在第一合成缩略图的第四位置，用坐标表示为(0，4)对应的尺寸为第一视频缩略图的尺寸信息。将第四位置处的第一视频缩略图进行渲染，并与视频缩略图展示窗口重合，以显示该第一视频缩略图。

一个具体实施例中，第一合成缩略图还包括：第二视频缩略图和/或第三视频缩略图，第一视频缩略图的第一时间戳、与第二视频缩略图的第二时间戳左相邻，第一视频缩略图的第一时间戳、与第三视频缩略图的第三时间戳右相邻；本申请还包括：显示第二视频缩略图和/或第三视频缩略图。

具体地，本申请在显示第一视频缩略图的基础上，能够同时显示第二视频缩略图，以能够为用户提供除了能够查看当前选中进度对应的第一时间戳的第一视频缩略图，还能够使得用户查看第二时间戳对应的第二视频缩略图，为用户确定是否观看该选中进度处的视频内容，提供了有效的参考依据。

具体地，本申请在显示第一视频缩略图的基础上，能够同时显示第三视频缩略图，以能够为用户提供除了能够查看当前选中进度对应的第一时间戳的第一视频缩略图，还能够使得用户查看第三时间戳对应的第三视频缩略图，为用户确定是否观看该选中进度处的视频内容，提供了有效的参考依据。

具体地，本申请在显示第一视频缩略图的基础上，能够同时显示第二视频缩略图和第三视频缩略图，以能够为用户提供除了能够查看当前选中进度对应的第一时间戳的第一视频缩略图，还能够使得用户查看第三时间戳对应的第三视频缩略图，以及第二时间戳对应的第二视频缩略图，为用户确定是否观看该选中进度处的视频内容，提供了有效的参考依据。

一个具体实施例中，选取第一视频预览指令对应的第一视频缩略图进行显示的具体实现包括：选取第一视频预览指令对应的第一视频缩略图；根据第一视频缩略图的位置信息，为第一视频缩略图添加显示标识；显示添加有显示标识的第一视频缩略图。

具体地，当只显示第一视频缩略图时，不需要为第一视频缩略图添加显示标识；当显示第一视频缩略图和第二视频缩略图时，为第一视频缩略图添加显示标识，以确定添加有显示标识的视频缩略图为第一视频预览指令对应的第一视频缩略图；当显示第一视频缩略图和第三视频缩略图时，为第一视频缩略图添加显示标识，以确定添加有显示标识的视频缩略图为第一视频预览指令对应的第一视频缩略图；当显示第一视频缩略图、第二视频缩略图和第三视频缩略图时，为第一视频缩略图添加显示标识，以确定添加有显示标识的视频缩略图为第一视频预览指令对应的第一视频缩略图。

其中，该显示标识可以添加在第一视频缩略图的四周，以避免添加在中间部分，影响用户的观感，该显示标识可以为任意符号、文字或图形等，能够和其他同时显示的视频缩略图进行区分即可。

一个具体实施例中，用户可能会在短时间内触发多个视频预览指令，客户端则会在短时间内收到多个视频预览指令。客户端在获取第一视频预览指令，并选取所述第一视频预览指令对应的第一视频缩略图进行显示之后的视频缩略图展示操作如图4所示：

步骤401，获取第二视频预览指令。

具体地，第二视频预览指令包括第二时间戳。

步骤402，判断第二视频预览指令对应的第四视频缩略图是否属于第一合成缩略图，若是，执行步骤403，否则，执行步骤404。

根据上述图片组成规则为例进行说明：

第二时间戳以122秒为例进行说明：当第二时间戳为120秒时，可以确定第四视频缩略图不属于第一合成缩略图，此时执行步骤404。

第二时间戳以86秒为例进行说明：当第二时间戳为86秒时，可以确定第四视频缩略图属于第一合成缩略图，此时，执行步骤403。

步骤403，从第一合成缩略图中，选取第四视频缩略图进行显示。

具体地，当第四视频缩略图属于第一合成缩略图时，采用滑窗的形式，直接将第四视频缩略图设置为可见，并滑动至视频缩略图展示窗口即可。本申请通过该方式有效了减少了客户端从硬盘加载到内存的次数，降低了内存压力，提高了客户端加载视频缩略图的速率。

步骤404，获取第二视频预览指令对应的第二合成缩略图，从第二合成缩略图中，选取第四视频缩略图进行显示。

具体地，当第四视频缩略图不属于第一合成缩略图时，获取第二视频预览指令对应的第二合成缩略图，并采用“从第一合成缩略图中，选取第一视频缩略图与视频缩略图展示窗口”的操作步骤，实现从第二合成缩略图中，选取第四视频缩略图与视频缩略图展示窗口重合，以显示第四视频缩略图。

下面，通过图5对图片显示方法进行具体说明：

步骤501，服务器获取客户端发送的数据请求指令，并根据数据请求指令，向客户端发送第一合成缩略图和图片组成规则。

步骤502，获取第一视频预览指令，并获取第一视频预览指令对应的第一合成缩略图。

步骤503，根据图片组成规则和第一视频预览指令中携带的第一时间戳，确定第一视频缩略图在第一合成缩略图中的位置信息，以及第一视频缩略图的尺寸信息。

步骤504，根据位置信息和尺寸信息，调整第一视频缩略图与视频缩略图展示窗口重合，以显示第一视频缩略图。

步骤505，获取第二视频预览指令。

步骤506，判断第二视频预览指令对应的第四视频缩略图是否属于第一合成缩略图，若是，执行步骤507，否则，执行步骤508。

步骤507，采用滑窗的方式调整第四视频缩略图与视频缩略图展示窗口重合，以显示第四视频缩略图。

步骤508，获取第二视频预览指令对应的第二合成缩略图，执行步骤503。

本申请实施例提供的该方法，获取第一视频预览指令；获取第一视频预览指令对应的第一合成缩略图，其中，第一合成缩略图包括n个第一视频缩略图，n为大于1的整数，可见，本申请获取的是由多个第一视频缩略图组成的第一合成缩略图；然后，从第一合成缩略图中，选取与第一视频预览指令对应的第一视频缩略图与视频缩略图展示窗口重合即可，本申请仅需要根据视频预览指令在合成缩略图中选取视频缩略图与视频缩略图展示窗口重合，无需多次执行从本地硬盘加载视频缩略图到内存的过程，降低了客户端的工作压力，提高了客户端加载视频缩略图的速率，提高了用户体验。

基于同一构思，本申请第三实施例中提供了一种图片显示装置，该装置的具体实施可参见方法实施例部分的描述，重复之处不再赘述。如图6所示，该装置主要包括：

第一获取模块601，用于获取第一视频预览指令；

第二获取模块602，用于获取第一视频预览指令对应的第一合成缩略图，第一合成缩略图包括n个第一视频缩略图，n为大于1的整数；

显示模块603，用于从第一合成缩略图中，选取第一视频预览指令对应的第一视频缩略图进行显示。

基于同一构思，本申请第四实施例中提供了一种图片显示装置，该装置的具体实施可参见方法实施例部分的描述，重复之处不再赘述。如图7所示，该装置主要包括：

获取模块701，用于获取客户端发送的数据请求指令；

发送模块702，用于根据数据请求指令，向客户端发送第一合成缩略图，以使客户端从第一合成缩略图中，选取与第一视频预览指令对应的第一视频缩略图进行显示，第一合成缩略图包括n个第一视频缩略图，n为大于1的整数。

基于同一构思，本申请第五实施例中还提供了一种电子设备，如图8所示，该电子设备主要包括：处理器801、存储器802和通信总线803，其中，处理器801和存储器802通过通信总线803完成相互间的通信。其中，存储器802中存储有可被至处理器801执行的程序，处理器801执行存储器802中存储的程序，实现如下步骤：获取第一视频预览指令；获取第一视频预览指令对应的第一合成缩略图，第一合成缩略图包括n个第一视频缩略图，n为大于1的整数；从第一合成缩略图中，选取第一视频预览指令对应的第一视频缩略图与视频缩略图展示窗口重合，或，获取客户端发送的数据请求指令；根据数据请求指令，向客户端发送第一合成缩略图，以使客户端从第一合成缩略图中，选取与第一视频预览指令对应的第一视频缩略图进行显示，第一合成缩略图包括n个第一视频缩略图，n为大于1的整数。

上述电子设备中提到的通信总线803可以时外设部件互连标准(peripheralcomponentinterconnect，简称pci)总线或扩展工业标准结构(extendedindustrystandardarchitecture，简称eisa)总线等。该通信总线803可以分为地址总线、数据总线、控制总线等。为便于表示，图8中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

存储器802可以包括随机存取存储器(randomaccessmemory，简称ram)，也可以包括非易失性存储器(non-volatilememory)，例如至少一个磁盘存储器。可选地，存储器还可以是至少一个位于远离前述处理器801的存储装置。

上述的处理器801可以是通用处理器，包括中央处理器(centralprocessingunit，简称cpu)、网络处理器(networkprocessor，简称np)等，还可以是数字信号处理器(digitalsignalprocessing，简称dsp)、专用集成电路(applicationspecificintegratedcircuit，简称asic)、现场可编程门阵列(field-programmablegatearray，简称fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。

在本申请的又一实施例中，还提供了一种计算机可读存储介质，该计算机可读存储介质中存储有计算机程序，当该计算机程序在计算机上运行时，使得计算机执行上述实施例中所描述的应用于客户端的图片显示方法，或，应用于服务器的图片显示方法。

在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。该计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行该计算机指令时，全部或部分地产生按照本申请实施例所述的流程或功能。该计算机可以时通用计算机、专用计算机、计算机网络或者其他可编程装置。该计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，计算机指令从一个网站站点、计算机、服务器或者数据中心通过有线(例如同轴电缆、光纤、数字用户线(dsl))或无线(例如红外、微波等)方式向另外一个网站站点、计算机、服务器或数据中心进行传输。该计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。该可用介质可以是磁性介质(例如软盘、硬盘、磁带等)、光介质(例如dvd)或者半导体介质(例如固态硬盘)等。

需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅是本发明的具体实施方式，使本领域技术人员能够理解或实现本发明。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所申请的原理和新颖特点相一致的最宽的范围。