图片显示方法、装置、设备及存储介质制造方法及图纸

技术编号:28988476 阅读:23 留言:0更新日期:2021-06-23 09:40
本申请涉及一种图片显示方法、装置、设备及存储介质。方法包括:获取第一视频预览指令;获取第一视频预览指令对应的第一合成缩略图,第一合成缩略图包括N个第一视频缩略图,N为大于1的整数;从第一合成缩略图中,选取第一视频预览指令对应的第一视频缩略图进行显示。本申请用以提高客户端加载视频缩略图的速率。

【技术实现步骤摘要】
图片显示方法、装置、设备及存储介质
本申请涉及计算机
,尤其涉及一种图片显示方法、装置、设备及存储介质。
技术介绍
用户在观看视频时,会通过拖动视频进度条,查看某个时刻对应的视频内容缩略图,以便于用户进行视频进度的选择。其中,主要是客户端承载显示视频内容缩略图的主要任务,需要客户端实时将选中时间进度点的视频内容缩略图,从本地缓存加载到内存并渲染到屏幕中。现有的客户端实时将选中时间进度点的视频内容缩略图,从本地缓存加载到内存并渲染到屏幕中的实现方式为:客户端从服务器获取一张按照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为本本文档来自技高网...

【技术保护点】
1.一种图片显示方法,其特征在于,应用于客户端,包括:/n获取第一视频预览指令;/n获取所述第一视频预览指令对应的第一合成缩略图,所述第一合成缩略图包括N个第一视频缩略图,所述N为大于1的整数;/n从所述第一合成缩略图中,选取所述第一视频预览指令对应的第一视频缩略图进行显示。/n

【技术特征摘要】
1.一种图片显示方法,其特征在于,应用于客户端,包括:
获取第一视频预览指令;
获取所述第一视频预览指令对应的第一合成缩略图,所述第一合成缩略图包括N个第一视频缩略图,所述N为大于1的整数;
从所述第一合成缩略图中,选取所述第一视频预览指令对应的第一视频缩略图进行显示。


2.根据权利要求1所述的图片显示方法,其特征在于,所述获取第一视频预览指令之前,还包括:
获取整体缩略图和图片组成规则;
按照所述图片组成规则,分割所述整体缩略图,得到所述第一合成缩略图;
存储所述第一合成缩略图。


3.根据权利要求2所述的图片显示方法,其特征在于,所述图片组成规则包括:所述第一视频缩略图的排列方式,所述排列方式包括:一维排序方式或二维排序方式。


4.根据权利要求2所述的图片显示方法,其特征在于,所述第一视频预览指令包括第一时间戳;
所述选取所述第一视频预览指令对应的第一视频缩略图进行显示,包括:
根据所述图片组成规则和所述第一时间戳,确定所述第一视频缩略图在所述第一合成缩略图中的位置信息,以及所述第一视频缩略图的尺寸信息;
根据所述第一视频缩略图的位置信息、和所述第一视频缩略图的尺寸信息,确定所述第一视频预览指令对应的第一视频缩略图,并进行显示。


5.根据权利要求4所述的图片显示方法,其特征在于,所述第一合成缩略图还包括:第二视频缩略图和/或第三视频缩略图,所述第一视频缩略图的第一时间戳、与所述第二视频缩略图的第二时间戳左相邻,所述第一视频缩略图的第一时间戳、与所述第三视频缩略图的第三时间戳右相邻;
所述方法还包括:
显示所述第二视频缩略图和/或所述第三视频缩略图。


6.根据权利要求5所述的图片显示方法,其特征在于,所述选取所述第一视频预览指令对应的第一视频缩略图进行显示,包括:
选取所述第一视频预览指令对应的第一视频缩略图;
根据所述第一视频缩略图的位置信息,为所述第一视频缩略图添加显示标识;
显示添加有所述显示标识的第一视频缩略图。


7.根据权利要求1-6任一项所述的图片显示方法,其特征在于,所述选取所述第一视频预览指令对应的第一视频缩略图进行显示之后,还包括:
获取第二视频预览指令;
判断所述第二视频预览指令对应的第四视频缩略图是否属于所述第一合成缩略图;
若是,从所述第一合成缩略图中,选取所述第四视频缩略图进行显示;
否则,获取第二视频预览指令对应的第二合成缩略图,从所述第二合成缩略图中,选取所述第二视频预览指令对应的...

【专利技术属性】
技术研发人员:杨子江
申请(专利权)人:北京奇艺世纪科技有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1