图像展示方法、装置及存储介质制造方法及图纸

技术编号:37181408 阅读:12 留言:0更新日期:2023-04-20 22:47
本公开关于一种图像展示方法、装置及存储介质,所述方法包括:在初始页面的第一区域展示初始图像,并在初始页面的第二区域展示播放进度条;响应于基于播放进度条中预设位置触发的操作指令,在第一区域展示预设位置对应的目标图像,并在第二区域展示缩略图像集;缩略图像集包括初始图像对应的初始缩略图像以及目标图像对应的目标缩略图像;目标缩略图像的尺寸大于候选缩略图像的尺寸;候选缩略图像为缩略图像集中除目标缩略图像之外的图像;本公开使目标缩略图像在缩略图像集中突出显示,而目标缩略图对应的目标图像为当前浏览图像,从而便于用户准确获知当前的图像浏览进度,提高了图像浏览效率。图像浏览效率。图像浏览效率。

【技术实现步骤摘要】
图像展示方法、装置及存储介质


[0001]本公开涉及计算机
,尤其涉及一种图像展示方法、装置及存储介质。

技术介绍

[0002]在短视频产品中,除了视频题材以外,用户还有发布和消费图像的诉求,图像的类型多样,有单图、图集(左右滑)、长图(上下滑),不同类型可以满足不同内容的消费诉求;不同用户在不同场景下浏览不同图像内容时具有不同的需求,尤其是当图像张数较多时,需要提高图像浏览效率。
[0003]相关技术中,用户在浏览图像集中图像时,无法准确获知当前所选图像在对应的缩略图像集中的准确位置,从而无法使用户在缩略图浏览模式下,准确获知当前的图像浏览进度。

技术实现思路

[0004]本公开提供一种图像展示方法、装置及存储介质,以至少解决相关技术中在缩略图浏览模式下,无法确定图像浏览进度的问题。本公开的技术方案如下:
[0005]根据本公开实施例的第一方面,提供一种图像展示方法,包括:
[0006]在初始页面的第一区域展示初始图像,并在所述初始页面的第二区域展示播放进度条;
[0007]响应于基于所述播放进度条中预设位置触发的操作指令,在所述第一区域展示所述预设位置对应的目标图像,并在所述第二区域展示缩略图像集;所述缩略图像集包括所述初始图像对应的初始缩略图像以及所述目标图像对应的目标缩略图像;所述目标缩略图像的尺寸大于候选缩略图像的尺寸;所述候选缩略图像为所述缩略图像集中除所述目标缩略图像之外的图像。
[0008]在一示例性的实施方式中,所述响应于基于所述播放进度条中预设位置触发的操作指令,在所述第一区域展示所述预设位置对应的目标图像,并在所述第二区域展示缩略图像集,包括:
[0009]响应于基于所述播放进度条中预设位置触发的操作指令,获取预设缩略图像集并确定所述预设位置对应的所述目标图像;所述预设缩略图像集包括所述播放进度条对应的全部图像的缩略图像;所述预设缩略图像集中各个预设缩略图像的尺寸相同;
[0010]基于所述预设缩略图像集,确定所述目标图像对应的第一预设缩略图像以及第二预设缩略图像;所述第二预设缩略图像为所述预设缩略图像集中除所述第一预设缩略图像之外的图像;
[0011]根据所述第一预设缩略图像以及所述第二预设缩略图像,确定所述目标缩略图像以及所述候选缩略图像;
[0012]根据所述目标缩略图像以及所述候选缩略图像,构建所述缩略图像集;
[0013]在所述第一区域展示所述目标图像,并在所述第二区域展示所述缩略图像集。
[0014]在一示例性的实施方式中,所述根据所述第一预设缩略图像以及所述第二预设缩略图像,确定所述目标缩略图像以及所述候选缩略图像,包括:
[0015]将所述第一预设缩略图像的尺寸扩大至第一预设尺寸,得到所述目标缩略图像;
[0016]根据所述第二预设缩略图像,确定所述候选缩略图像。
[0017]在一示例性的实施方式中,所述根据所述第二预设缩略图像,确定所述候选缩略图像,包括:
[0018]将所述第二预设缩略图像的尺寸扩大至第二预设尺寸,得到所述候选缩略图像;所述第二预设尺寸小于所述第一预设尺寸。
[0019]在一示例性的实施方式中,所述第二预设缩略图像为多个,所述根据所述第二预设缩略图像,确定所述候选缩略图像,包括:
[0020]根据所述预设缩略图像集中各个预设缩略图像的排序,确定各个第二预设缩略图像与所述第一预设缩略图像的距离;
[0021]根据各个第二预设缩略图像与所述第一预设缩略图像的距离,确定多个所述第二预设缩略图像各自对应的第二预设尺寸;
[0022]将多个所述第二预设缩略图像按照每个第二预设缩略图像对应的第二预设尺寸进行调整,得到所述候选缩略图像。
[0023]在一示例性的实施方式中,所述根据各个第二预设缩略图像与所述第一预设缩略图像的距离,确定多个所述第二预设缩略图像各自对应的第二预设尺寸,包括:
[0024]根据各个第二预设缩略图像与所述第一预设缩略图像的距离,对多个所述第二预设缩略图像进行排序,得到排序结果;
[0025]根据所述排序结果,将多个所述第二预设缩略图像分成待处理缩略图像和非处理缩略图像;所述待处理缩略图像与所述第一预设缩略图像的距离小于所述非处理缩略图像与所述第一预设缩略图像的距离;
[0026]根据所述待处理缩略图像与所述第一预设缩略图像的距离,确定所述待处理缩略图像对应的第二预设尺寸;
[0027]相应的,所述将多个所述第二预设缩略图像按照每个第二预设缩略图像对应的第二预设尺寸进行调整,得到所述候选缩略图像,包括:
[0028]将所述待处理缩略图像按照所述待处理缩略图像对应的第二预设尺寸进行调整,得到更新缩略图像;
[0029]将所述更新缩略图像以及所述非处理缩略图像,确定为所述候选缩略图像。
[0030]在一示例性的实施方式中,所述根据各个第二预设缩略图像与所述第一预设缩略图像的距离,对多个所述第二预设缩略图像进行排序,得到排序结果,包括:
[0031]根据各个第二预设缩略图像与所述第一预设缩略图像的距离,确定各个第二预设缩略图像对应的排序参数;
[0032]将多个所述第二预设缩略图像按照各个第二预设缩略图像对应的排序参数由小到大进行排序,得到第一排序结果;或
[0033]将多个所述第二预设缩略图像按照各个第二预设缩略图像对应的排序参数由大到小进行排序,得到第二排序结果;
[0034]相应的,所述根据所述排序结果,将多个所述第二预设缩略图像分成待处理缩略
图像和非处理缩略图像,包括:
[0035]根据所述第一排序结果,将前预设数量个第二预设缩略图像确定为所述待处理缩略图像;或
[0036]根据所述第二排序结果,将后预设数量个第二预设缩略图像确定为所述待处理缩略图像;
[0037]将多个所述第二预设缩略图像中除所述待处理缩略图像之外的图像,确定为所述非处理缩略图像。
[0038]在一示例性的实施方式中,所述待处理缩略图像为多个,所述根据所述待处理缩略图像与所述第一预设缩略图像的距离,确定所述待处理缩略图像对应的第二预设尺寸,包括:
[0039]根据每个待处理缩略图像与所述第一预设缩略图像的距离,确定每个待处理缩略图像的第二预设尺寸;每个待处理缩略图像的第二预设尺寸与所述每个待处理缩略图像对应的距离呈负相关;所述前预设数量个待处理缩略图像对应的第二预设尺寸依次减小,所述后预设数量个待处理缩略图像对应的第二预设尺寸依次增大。
[0040]在一示例性的实施方式中,所述方法还包括:
[0041]响应于基于所述缩略图像集中任一缩略图像触发的操作指令,在所述第一区域展示所述任一缩略图像对应的原始图像;并在所述第二区域展示更新缩略图像集;所述更新缩略图像集包括第一更新图像以及第二更新图像;所述第一更新图像为基于所述任一缩略图像扩大尺寸后的图像,所述第二更新图像为基于所述预设缩略图本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种图像展示方法,其特征在于,所述方法包括:在初始页面的第一区域展示初始图像,并在所述初始页面的第二区域展示播放进度条;响应于基于所述播放进度条中预设位置触发的操作指令,在所述第一区域展示所述预设位置对应的目标图像,并在所述第二区域展示缩略图像集;所述缩略图像集包括所述初始图像对应的初始缩略图像以及所述目标图像对应的目标缩略图像;所述目标缩略图像的尺寸大于候选缩略图像的尺寸;所述候选缩略图像为所述缩略图像集中除所述目标缩略图像之外的图像。2.根据权利要求1所述的方法,其特征在于,所述响应于基于所述播放进度条中预设位置触发的操作指令,在所述第一区域展示所述预设位置对应的目标图像,并在所述第二区域展示缩略图像集,包括:响应于基于所述播放进度条中预设位置触发的操作指令,获取预设缩略图像集并确定所述预设位置对应的所述目标图像;所述预设缩略图像集包括所述播放进度条对应的全部图像的缩略图像;所述预设缩略图像集中各个预设缩略图像的尺寸相同;基于所述预设缩略图像集,确定所述目标图像对应的第一预设缩略图像以及第二预设缩略图像;所述第二预设缩略图像为所述预设缩略图像集中除所述第一预设缩略图像之外的图像;根据所述第一预设缩略图像以及所述第二预设缩略图像,确定所述目标缩略图像以及所述候选缩略图像;根据所述目标缩略图像以及所述候选缩略图像,构建所述缩略图像集;在所述第一区域展示所述目标图像,并在所述第二区域展示所述缩略图像集。3.根据权利要求2所述的方法,其特征在于,所述根据所述第一预设缩略图像以及所述第二预设缩略图像,确定所述目标缩略图像以及所述候选缩略图像,包括:将所述第一预设缩略图像的尺寸扩大至第一预设尺寸,得到所述目标缩略图像;根据所述第二预设缩略图像,确定所述候选缩略图像。4.根据权利要求3所述的方法,其特征在于,所述根据所述第二预设缩略图像,确定所述候选缩略图像,包括:将所述第二预设缩略图像的尺寸扩大至第二预设尺寸,得到所述候选缩略图像;所述第二预设尺寸小于所述第一预设尺寸。5.根据权利要求3所述的方法,其特征在于,所述第二预设缩略图像为多个,所述根据所述第二预设缩略图像,确定所述候选缩略图像,包括:根据所述预设缩略图像集中各个预设缩略图像的排序,确定各个第二预设缩略图像与所述第一预设缩略图像的距离;根据各个第二预设缩略图像与所述第一预设缩略图像的距离,确定多个所述第二预设缩略图像各自对应的第二预设尺寸;将多个所述第二预设缩略图像按照每个第二预设缩略图像对应的第二预设尺寸进行调整,得到所述候选缩略图像。6.根据权利要求5所述的方法,其特征在于,所述根据各个第二预设缩略图像与所述第一预设缩略图像的距离,确定多个所述第二预设缩略图像各自对应的第二预设尺寸,包括:
根据各个第二预设缩略图像与所述第一预设缩略图像的距离,对多个所述第二预设缩略图像进行排序,得到排序结果;根据所述排序结果,将多个所述第二预设缩略图像分成待处理缩略图像和非处理缩略图像;所述待处理缩略图像与所述第一预设缩略图像的距离小于所述非处理缩略图像与所述第一预设缩略图像的距离;根据所述待处理缩略图像与所述第一预设缩略图像的距离,确定所述待处理缩略图像对应的第二预设尺寸;相应的,所述将多个所述第二预设缩略图像按照每个第二预设缩略图像对应的第二预设尺寸进行调整,得到所述候选缩略图像,包括:将所述待处理缩略图像按照所述待处理缩略图像对应的第二预设尺寸进行调整,得到更新缩略图像;将所述更新缩略图像以及所述非处理缩略图像,确定为所述候选缩略图像。7.根据权利要求6所述的方法,其特征在于,所述根据各个第二预设缩略图像与所述第一预设缩略图像的距离,对多个所述第二预设缩略图像进行排序,得到排序结果,包括:根据各个第二预设缩略图像与所述第一预设缩略图像的距离,确定各个第二预设缩略图像对应的排序参数;将多个所述第二预设缩略图像按照各个第二预设缩略图像对应的排序参数由小到大进行排序,得到第一排序结果;或将多个所述第二预设缩略图像按照各...

【专利技术属性】
技术研发人员:陈振高天宇王乐言陈锐王小彬董程马冰倩杨云召
申请(专利权)人:北京达佳互联信息技术有限公司
类型:发明
国别省市:

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

1