CN113572724B - 一种序列帧加载速度优化方法及装置 - Google Patents

一种序列帧加载速度优化方法及装置 Download PDF

Info

Publication number
CN113572724B
CN113572724B CN202110625636.5A CN202110625636A CN113572724B CN 113572724 B CN113572724 B CN 113572724B CN 202110625636 A CN202110625636 A CN 202110625636A CN 113572724 B CN113572724 B CN 113572724B
Authority
CN
China
Prior art keywords
image
images
preset
thumbnail
sequence frame
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
Application number
CN202110625636.5A
Other languages
English (en)
Other versions
CN113572724A (zh
Inventor
沙文观
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Ideamake Software Technology Co Ltd
Original Assignee
Shenzhen Ideamake Software Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shenzhen Ideamake Software Technology Co Ltd filed Critical Shenzhen Ideamake Software Technology Co Ltd
Priority to CN202110625636.5A priority Critical patent/CN113572724B/zh
Publication of CN113572724A publication Critical patent/CN113572724A/zh
Application granted granted Critical
Publication of CN113572724B publication Critical patent/CN113572724B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L69/00Network arrangements, protocols or services independent of the application payload and not provided for in the other groups of this subclass
    • H04L69/04Protocols for data compression, e.g. ROHC
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00Network arrangements or protocols for supporting network services or applications
    • H04L67/01Protocols
    • H04L67/02Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00Network arrangements or protocols for supporting network services or applications
    • H04L67/01Protocols
    • H04L67/06Protocols specially adapted for file transfer, e.g. file transfer protocol [FTP]

Landscapes

  • Engineering & Computer Science (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Computer Security & Cryptography (AREA)
  • Editing Of Facsimile Originals (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请实施例公开了一种序列帧加载速度优化方法及装置,其中方法的实现包括:接收包括按照预设顺序排序的至少一个第一图像的序列帧图像;生成至少一个第一图像中每个第一图像对应的缩略图;当接收到第一页面的访问指令时,按照预设顺序读取序列帧图像中的第一个第一图像,以及除第一个第一图像之外其他第一图像对应的缩略图并在第一页面中进行展示;在完成第一个第一图像和其他第一图像对应的缩略图的展示后,按照预设顺序读取其他第一图像,并采用其他第一图像替换展示第一页面中的其他第一图像对应的缩略图。采用本申请实施例的方法,优化了包含有序列帧图像的网页页面的加载速度。

Description

一种序列帧加载速度优化方法及装置
技术领域
本申请涉及图像处理技术领域,特别是涉及一种序列帧加载速度优化方法及装置。
背景技术
序列帧,指利用多张相同尺寸图像连续播放去实现诸如视频动画、三维模型的展示效果。随着计算机技术的不断提高、人民住房需求的日益增长,市面上出现了采用序列帧进行房屋展示的展示方式,然而,目前用于播放序列帧的浏览器在加载包含有序列帧的网页页面时,会一次性加载网页页面里的所有序列帧图像,使得浏览器的加载速度由于加载内容较多而降低,导致用户的等待时间过长进而影响用户的浏览体验。
发明内容
本申请实施例提供了一种序列帧加载速度优化方法及装置,实施本申请实施例,优化了包含有序列帧的网页页面的加载速度。
第一方面,本申请实施例提供了一种序列帧加载速度优化方法,上述方法包括:
接收序列帧图像,序列帧图像中包括按照预设顺序排序的至少一个第一图像,预设顺序为第一页面中的图像排列顺序;
生成至少一个第一图像中每个第一图像对应的缩略图,并对每个第一图像对应的缩略图进行存储;
当接收到第一页面的访问指令时,按照预设顺序读取序列帧图像中的第一个第一图像,以及除第一个第一图像之外其他第一图像对应的缩略图并在第一页面中进行展示;
在完成第一个第一图像和其他第一图像对应的缩略图的展示后,按照预设顺序读取其他第一图像,并采用其他第一图像替换展示第一页面中的其他第一图像对应的缩略图。
在一个可能的示例中,上述方法还包括:
获取至少一个第一图像中每个第一图像在第一时间内的浏览次数;
若存在浏览次数小于预设次数的第一图像,则获取浏览次数小于预设次数的第一图像对应的缩略图的图像大小;
根据图像大小与增益系数之间的映射关系,获取目标图像大小对应的目标增益系数;
按照预设的浏览次数和目标增益系数之间的一次函数关系,计算出缩略图压缩比例;
采用缩略图压缩比例对浏览次数小于预设次数的第一图像对应的缩略图进行压缩处理。
第二方面,本申请实施例提供了一种序列帧加载速度优化装置,上述装置包括:
接收单元,用于接收序列帧图像,序列帧图像中包括按照预设顺序排序的至少一个第一图像,预设顺序为第一页面中的图像排列顺序;
生成单元,用于生成至少一个第一图像中每个第一图像对应的缩略图,并对每个第一图像对应的缩略图进行存储;
展示单元,用于当接收到第一页面的访问指令时,按照预设顺序读取序列帧图像中的第一个第一图像,以及除第一个第一图像之外其他第一图像对应的缩略图并在第一页面中进行展示;
替换单元,用于在完成第一个第一图像和其他第一图像对应的缩略图的展示后,按照预设顺序读取其他第一图像,并采用其他第一图像替换展示第一页面中的其他第一图像对应的缩略图。
第三方面,本申请实施例提供了一种序列帧加载速度优化装置,上述装置包括:
处理器、存储器、通信接口,处理器、存储器、通信接口相互连接,并且完成相互间的通信工作;
存储器上存储有可执行程序代码,通信接口用于进行无线通信;
处理器用于调取存储器上存储的可执行程序代码,使可执行程序代码执行如本申请实施例第一方面任一方法中所描述的部分或全部步骤。
第四方面,本申请实施例提供了一种计算机可读存储介质,计算机可读存储介质中存储有用于电子数据交换的计算机程序,计算机程序包括执行指令,执行指令用于执行如本申请实施例第一方面任一方法中所描述的部分或全部步骤。
第五方面,本申请实施例提供了一种计算机程序产品,其中,计算机程序产品包括计算机程序,计算机程序可操作来使计算机执行如本申请实施例第一方面任一方法中所描述的部分或全部步骤。该计算机程序产品可以为一个软件安装包。
可以看出,本申请实施例中,通过接收序列帧图像,序列帧图像中包括按照预设顺序排序的至少一个第一图像,预设顺序为第一页面中的图像排列顺序;生成至少一个第一图像中每个第一图像对应的缩略图,并对每个第一图像对应的缩略图进行存储;当接收到第一页面的访问指令时,按照预设顺序读取序列帧图像中的第一个第一图像,以及除第一个第一图像之外其他第一图像对应的缩略图并在第一页面中进行展示;在完成第一个第一图像和其他第一图像对应的缩略图的展示后,按照预设顺序读取其他第一图像,并采用其他第一图像替换展示第一页面中的其他第一图像对应的缩略图。通过序列帧加载速度优化方法优化了包含有序列帧图像的网页页面的加载速度,提升了用户在浏览包含有序列帧图像的网页页面时的浏览体验,避免由于加载速度较慢导致浏览用户的流失。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1A是本申请实施例提供的一种网页加载系统的结构部署图;
图1B是本申请实施例提供的一种序列帧加载速度优化方法的流程示意图;
图1C是本申请实施例提供的一种序列帧加载速度优化方法的举例示意图;
图1D是本申请实施例提供的一种序列帧加载速度优化方法的应用示意图;
图2A是本申请实施例提供的一种序列帧加载速度优化方法的举例示意图;
图2B是本申请实施例提供的一种序列帧加载速度优化方法的举例示意图;
图3是本申请实施例提供的一种序列帧加载速度优化装置的结构示意图;
图4是本申请实施例提供的另一种序列帧加载速度优化装置的结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别不同对象,而不是用于描述特定顺序。此外,术语“包括”和“具有”以及它们任何变形,意图在于覆盖不排他的包含。例如包含了一系列步骤的过程、方法、系统、产品或设备没有限定于已列出的步骤,而是可选地还包括没有列出的步骤,或可选地还包括对于这些过程、方法、产品或设备固有的其他步骤。
在本文中提及“实施例”意味着,结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例,也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是,本文所描述的实施例可以与其它实施例相结合。
下面结合附图对本申请实施例中所涉及的设备进行介绍。
图1A是本申请实施例提供的一种网页加载系统的结构部署图。如图1A所示,该系统包括制作用户终端、序列帧编辑器、浏览器、浏览用户终端。
其中,制作用户终端,用于让用户上传序列帧图像,序列帧图像包括按照预设顺序排序的至少一个图像。
其中,序列帧编辑器,用于生成序列帧图像中的每一图像的缩略图、并对每一图像对应的缩略图进行存储;在生成序列帧图像中的每一图像的缩略图之前,还可以用于对制作用户终端上传的序列帧图像中的每一图像进行压缩,最后生成包含有序列帧图像的网页页面,例如H5页面。
其中,浏览器,用于接收到包含有序列帧图像的H5页面的访问指令后,加载序列帧图像。
其中,浏览用户终端,用于在浏览器在序列帧图像中的所有图像加载完毕后,即显示包含有序列帧图像的H5页面,让用户看到包含有序列帧图像的H5页面。浏览用户终端包括电脑终端和/或手机终端。
在上述系统加载网页的过程中,在序列帧图像中包含的图像数量较多时,浏览器加序列帧图像的效率被限制,浏览用户终端无法快速浏览H5页面,或者只能浏览部分H5页面,而无法快速浏览完整的H5页面。
基于此,本申请实施例提供了一种序列帧加载速度优化方法,请参阅图1B,图1B是本申请实施例提供的一种序列帧加载速度优化方法的流程示意图,如图1B所示,该方法包括以下步骤:
101:接收序列帧图像,序列帧图像中包括按照预设顺序排序的至少一个第一图像,预设顺序为第一页面中的图像排列顺序;
其中,预设顺序可以是序列帧的制作用户在序列帧编辑器上进行自定义编辑得到的第一图像排序。
其中,第一页面包括H5页面。
102:生成至少一个第一图像中每个第一图像对应的缩略图,并对每个第一图像对应的缩略图进行存储;
其中,生成至少一个第一图像中每个第一图像对应的缩略图,即对至少一个第一图像中每个第一图像进行压缩处理,从而得到每个第一图像对应的小图。缩略图由于图像尺寸较小,拥有非常快的加载速度。
其中,对至少一个第一图像中每个第一图像进行压缩处理,在具体实现中,可以是使用png图片压缩工具pngquant来实现。
示例性地,使用pngquant对至少一个第一图像中的每个第一图像进行压缩处理,pngquant使用的算法是中值切割量化算法,若第一图像为24位png图像,欲将第一图像压缩为8位png图像,则压缩处理的过程如下:
对于24位png图像,具有红色R、绿色G、蓝色B共三个通道,每个通道有2^8=256个取值范围,因此,第一图像最多可以使用的颜色有=256*256*256=16777216种,目的是把第一图像压缩为8位png图像即可以使用的颜色有=2^8=256种,请参阅图1C,图1C是本申请实施例提供的一种序列帧加载速度优化方法的举例示意图,如图1C所示,假设第一图像具是个长宽高均为256的六面体,总共有256*256*256=16777216个像素点,获取第一图像中每个像素点的颜色色值,颜色色值包括红色R、绿色G、蓝色B共三个通道的色值;分别获取红色R、绿色G、蓝色B三个颜色通道的中位值,得到红色R通道的红色中位值、绿色G通道的绿色中位值、蓝色B通道的蓝色中位值;根据红色中位值将第一图像划分为像素点数量相等的两个子六面体,得到子六面体S1和子六面体S2,其中子图六面体S1的红色值大于红色中位值,子六面体S2的红色值小于红色中位值,此时总共有2个子六面体,每个子六面体的像素点有=128*256*256=8388608个;根据绿色中位值分别将子六面体S1和子六面体S2各划分为像素点数量相等的两个六面体,子六面体S1被划分为子六面体S11和子六面体S12,其中子六面体S11的红色值大于红色中位值且绿色值大于绿色中位值,子六面体S12的红色值大于红色中位值且绿色值小于绿色中位值,子六面体S2被划分为子六面体S21和子六面体S22,其中子六面体S21的红色值小于红色中位值且绿色值大于绿色中位值,子六面体S22的红色值小于红色中位值且绿色值小于绿色中位值,此时总共有4个子六面体,每个子六面体的像素点有=128*128*256=4194304个;根据蓝色中位值分别将子六面体S11、子六面体S12、子六面体S21、子六面体S22各划分为像素点数量相等的两个六面体,子六面体S11被划分为子六面体S111和子六面体S112,其中子六面体S111的红色值大于红色中位值且绿色值大于绿色中位值且蓝色值大于蓝色中位值,子六面体S112的红色值大于红色中位值且绿色值大于绿色中位值且蓝色值小于蓝色中位值……子六面体S22被划分为子六面体S221和子六面体S222,其中子六面体S221的红色值小于红色中位值且绿色值小于绿色中位值且蓝色值大于蓝色中位值,子六面体S222的红色值小于红色中位值且绿色值小于绿色中位值且蓝色值小于蓝色中位值,此时总共有8个子六面体,每个子六面体的像素点有=128*128*128=2097152个;接下来,再分别按照红色R、绿色G、蓝色B三个颜色通道的顺序进行上述步骤的六面体划分,具体的六面体划分过程如上述,在此不再赘述,直到得到256个子六面体,每个子六面体的像素点有=32*32*64=65536个,分别计算出256个子六面体中每个子六面体的像素颜色平均值,使用每个子六面体对应的像素颜色平均值替换每个子六面体的颜色,可以看出,256个子六面体中每个使用像素颜色平均值进行替换后的子六面体可代表1种颜色。因此,第一图像原本可以使用16777216种颜色,在经过中值切割量化算法的压缩处理之后,经过压缩后的第一图像可以使用的颜色只有256种,极大程度地减少了颜色种类数量,进而减少了第一图像的图像内容,完成了对第一图像的压缩处理。
103:当接收到第一页面的访问指令时,按照预设顺序读取序列帧图像中的第一个第一图像,以及除第一个第一图像之外其他第一图像对应的缩略图并在第一页面中进行展示;
其中,第一图像拥有清晰的浏览效果,但是加载第一图像的加载时间比加载缩略图的读取时间更长,因此,为了减少用户的等待时间,只加载第一个第一图像以及除第一个第一图像之外其他第一图像对应的缩略图并在第一页面进行展示,使得用户只需要更短的时间即可浏览第一页面。
104:在完成第一个第一图像和其他第一图像对应的缩略图的展示后,按照预设顺序读取其他第一图像,并采用其他第一图像替换展示第一页面中的其他第一图像对应的缩略图。
其中,采用其他第一图像替换展示第一页面中的其他第一图像对应的缩略图,在具体实现中,可以是使用JavaScript replace()指令来实现。
示例性地,接收序列帧图像,序列帧图像中包括按照预设顺序排序的10个第一图像(第一图像1、第一图像2……第一图像10),采用pngquant工具对第一图像进行压缩处理生成10个第一图像对应的缩略图,并对10个第一图像分别对应的缩略图进行存储,当接收到第一页面的访问指令时,按照预设顺序读取序列帧图像中的10个第一图像,以及除第一图像1之外的第一图像2~10分别对应的缩略图并在第一页面中进行展示,在完成第一图像1和第一图像2~10分别对应的缩略图的展示后,按照预设顺序读取第一图像2~10,并使用JavaScript replace()指令采用第一图像2~10替换展示第一页面中的第一图像2~10对应的缩略图。
示例性地,请参阅图1D,图1D是本申请实施例提供的一种序列帧加载速度优化方法的应用示意图,如图1D所示,将本申请实施例提供的一种序列帧加载速度优化方法应用在网页加载系统中,该系统包括制作用户终端、序列帧编辑器、浏览器、浏览用户终端。若网页页面为H5页面时,由制作用户终端上传序列帧图像;序列帧编辑器对序列帧图像中的每一图像进行压缩处理,生成并存储每一图像对应的缩略图并生成包含有序列帧图像的H5页面;浏览器接收到包含有序列帧图像的H5页面的访问指令,加载序列帧图像,令序列帧图像中的第一张图像加载原图且序列帧图像中除第一张图像之外的其他图像加载缩略图,在其他图像缩略图加载完毕时将包含有序列帧图像的H5页面显示在浏览用户终端上,并按照序列帧图像的预设顺序跳帧加载原图且用原图替换对应的缩略图,使得浏览用户终端在执行跳帧操作时浏览到的是原图。可以看出,本申请实施例优化了包含有序列帧图像的H5页面的加载速度,减少了浏览用户终端在浏览包含有序列帧图像的H5页面时的加载时间,减少的加载时间=显示H5页面到执行跳帧操作的时间差=用户可执行跳帧操作的时间-显示H5页面的时间,提升了用户在浏览包含有序列帧图像的H5页面的浏览体验。
可以看出,本申请实施例中,通过接收序列帧图像,序列帧图像中包括按照预设顺序排序的至少一个第一图像,预设顺序为第一页面中的图像排列顺序;生成至少一个第一图像中每个第一图像对应的缩略图,并对每个第一图像对应的缩略图进行存储;当接收到第一页面的访问指令时,按照预设顺序读取序列帧图像中的第一个第一图像,以及除第一个第一图像之外其他第一图像对应的缩略图并在第一页面中进行展示;在完成第一个第一图像和其他第一图像对应的缩略图的展示后,按照预设顺序读取其他第一图像,并采用其他第一图像替换展示第一页面中的其他第一图像对应的缩略图。通过序列帧加载速度优化方法优化了包含有序列帧图像的网页页面的加载速度,提升了用户在浏览包含有序列帧图像的网页页面时的浏览体验,避免由于加载速度较慢导致浏览用户的流失。
在一个可能的示例中,在生成至少一个第一图像中每个第一图像对应的缩略图之前,上述方法还包括:对至少一个第一图像中的每个第一图像进行压缩处理,获得压缩后的第一图像;生成至少一个第一图像中每个第一图像对应的缩略图包括:生成每个压缩后的第一图像对应的缩略图;采用其他第一图像替换展示第一页面中的其他第一图像对应的缩略图,包括:采用每个压缩后的第一图像替换每个压缩后的第一图像对应的缩略图。
其中,对至少一个第一图像中每个第一图像进行压缩处理,在具体实现中,可以是使用png图片压缩工具pngquant来实现,具体实现过程在此不再赘述。
可以看出,本申请实施例中,通过在生成至少一个第一图像中每个第一图像对应的缩略图之前,对至少一个第一图像中的每个第一图像进行压缩处理,获得压缩后的第一图像,从而生成每个压缩后的第一图像对应的缩略图,并采用每个压缩后的第一图像替换每个压缩后的第一图像对应的缩略图。由于对每个第一图像进行了压缩处理,使得每个第一图像的图像大小得以减小,从而压缩后的第一图像的加载速度得到提升,相应地,生成的每个压缩后的第一图像对应的缩略图的图像大小也得以减小,从而压缩后的第一图像对应的缩略图的加载速度也得以提升,通过优化序列帧图像加载速度提升了用户在浏览包含有序列帧图像的网页页面时的浏览体验,避免由于加载速度较慢导致浏览用户的流失。
在一个可能的示例中,上述方法还包括:获取用户终端的网络带宽,根据预设的网络带宽与压缩比例之间的映射关系,获取网络带宽对应的参考压缩比例;获取用户终端的终端分辨率,将终端分辨率与第一图像的图像分辨率进行比较;根据终端分辨率与图像分辨率之间的大小关系,得到比例调节指数,若终端分辨率大于图像分辨率,则比例调节指数为正数,若终端分辨率小于图像分辨率,则比例调节指数为负数;根据目标压缩比例=(1+比例调节指数)*参考压缩比例,计算出目标压缩比例;对缩略图、第一图像进行目标压缩比例的压缩处理。
其中,用户终端包括电脑终端和手机终端。
其中,用户终端的网络带宽,指用户终端在单位时间内能传输的数据量。网络带宽是衡量网络使用情况的一个重要指标,影响用户终端的网络带宽的因素有:运营商提供给用户终端的接入带宽、同时访问同一内容的在线用户终端数量等。
其中,用户终端的终端分辨率,指用户终端屏幕图像的精密度,即显示屏所能显示的像素点的数量。终端分辨率包括1024×768、1280×720、1920×1080等。
其中,根据终端分辨率与图像分辨率之间的大小关系,得到比例调节指数,可以是,比例调节指数=(终端分辨率/图像分辨率)^(1/2)-1。
示例性地,第一图像的分辨率为1024×768,预设的网络带宽与压缩比例之间的映射关系如表1所示,获取到用户终端的网络带宽为5M,根据预设的网络带宽与压缩比例之间的映射关系,获取到网络带宽对应的参考压缩比例为0.8,获取到用户终端的终端分辨率为1280×720,根据终端分辨率与第一图像的分辨率,得到比例调节指数=(终端分辨率/图像分辨率)^(1/2)-1=[(1280×720)/(1024×768)]^(1/2)-1≈0.08,根据目标压缩比例=(1+比例调节指数)*参考压缩比例=(1+0.08)*0.8=0.864,使用目标压缩比例对缩略图、第一图像进行压缩处理,得到压缩后的缩略图、第一图像,压缩后的缩略图、第一图像的大小为压缩处理前的缩略图、第一图像的0.864,提高了用户终端的加载速度。
网络带宽 压缩比例
0<网络带宽≤1M 0.7
1M<网络带宽≤10M 0.8
10M<网络带宽≤20M 0.9
表1
可以看出,本申请实施例中,通过获取用户终端的网络带宽确定网络带宽对应的参考压缩比例,通过获取用户终端的终端分辨率,根据终端分辨率与图像分辨率之间的大小关系,得到比例调节指数,根据参考压缩比例和比例调节指数计算出目标压缩比例,对缩略图、第一图像进行目标压缩比例的压缩处理。根据用户终端的网络带宽、终端分辨率的实际情况,得到符合用户终端实际情况的目标压缩比例对缩略图、第一图像进行压缩处理。通过优化序列帧图像加载速度提升了用户在浏览包含有序列帧图像的网页页面时的浏览体验,实现了序列帧图像展示的智能性和对于用户终端的兼容性。
在一个可能的示例中,在生成至少一个第一图像中每个第一图像对应的缩略图之前,上述方法还包括:将至少一个第一图像作为对照图像进行图像旋转,得到对照图像对应的旋转图像组成的旋转图组,图像旋转包括顺时针旋转、逆时针旋转和/或水平翻转;检测至少一个第一图像中除对照图像之外的其他第一图像与旋转图组之间是否存在雷同图组,雷同图组由其他第一图像和与其他第一图像相似度大于预设阈值,且旋转角度相同的旋转图像组成;若存在雷同图组,则从序列帧图像中删除雷同图组对应的第一图像。
其中,水平翻转,指将图像从左向右或从右向左进行180度翻转。
示例性地,序列帧图像包括第一图像1、第一图像2,图像旋转是水平翻转。请参阅图2A,图2A是本申请实施例提供的一种序列帧加载速度优化方法的举例示意图,如图2A所示,生成至少一个第一图像中每个第一图像对应的缩略图之前,将第一图像1作为对照图像进行水平翻转,得到第一图像1对应的旋转图像1,在除第一图像1之外的第一图像中,检测到第一图像2与旋转图像1的相似度大于预设阈值、且旋转角度相同,即旋转图像1和第一图像2都可以由第一图像1进行水平翻转后得到,可见,第一图像1和第一图像2是内容实质相同的两个图像,因此,从序列帧图像中删除第一图像2。
可以看出,本申请实施例中,在生成至少一个第一图像中每个第一图像对应的缩略图之前,将至少一个第一图像作为对照图像进行图像旋转,得到对照图像对应的旋转图像组成的旋转图组,检测至少一个第一图像中除对照图像之外的其他第一图像与旋转图组之间是否存在雷同图组,若存在雷同图组,则从序列帧图像中删除雷同图组对应的第一图像。通过从序列帧图像中删除雷同图组对应的第一图像,将与对照图像对应的旋转图像相似度大于预设阈值且旋转角度相同的非对照图像即其他第一图像从序列帧图像中进行删除,通过删除图像内容实质相同的多余图像,达到优化序列帧图像加载速度的目的。
在一个可能的示例中,第一旋转图组包括至少一个第一旋转图像,检测至少一个第一图像中的每个非对照图像与第一旋转图组之间是否存在雷同图组,具体为:在非对照图像、第一旋转图像中分别获取M1个特征点,M1个特征点在第一图像、第一旋转图像中的位置对应相同;计算出非对照图像、第一旋转图像中分别包含的M1个特征点的像素平均值;比较非对照图像、第一旋转图像中位于相同位置的特征点之间的像素平均值差值,若像素平均值差值小于预设差值,则认为相应的特征点为雷同特征点,确定出M2个雷同特征点;根据雷同度=雷同特征点/特征点=M2/M1计算出目标雷同度;若目标雷同度大于预设雷同度,则确定为雷同图组。
其中,一个特征点包含至少一个的像素点。
示例性地,M1=10,预设雷同度为0.95,在非对照图像、第一旋转图像中分别获取在第一图像、第一旋转图像中的位置对应相同10个特征点,计算出非对照图像、第一旋转图像中分别包含的10个特征点的像素平均值,比较得到非对照图像、第一旋转图像中位于相同位置的特征点之间的像素平均值差值为0小于预设差值,因此确定出10个雷同特征点,根计算出目标雷同度=雷同特征点/特征点=10/10=1大于0.95即大于预设雷同度,确定非对照图像和第一旋转图像为雷同图组。
可以看出,本申请实施例中,通过在非对照图像、第一旋转图像中分别获取位置对应相同的特征点来计算雷同度从而确定至少一个第一图像中的每个非对照图像与第一旋转图组之间是否存在雷同图组,通过确定雷同图组从而删除图像内容实质相同的图像,达到优化序列帧图像加载速度的目的。
在一个可能的示例中,在生成至少一个第一图像中每个第一图像对应的缩略图之前,上述方法还包括:检测序列帧图像的文件总大小;若文件总大小大于预设总大小,则检测至少一个第一图像中每个第一图像的图像大小,并根据每个第一图像的图像大小对第一图像进行大小顺序的排序;按照大小顺序将至少一个第一图像分成T个图像组;对T个图像组进行第一比例的压缩处理,得到新的序列帧图像的文件总大小;S1:将新的序列帧图像的文件总大小与预设总大小进行对比;S2:若新的序列帧图像的文件总大小大于预设总大小,则根据文件总大小与预设总大小,计算出目标差值=(新的序列帧图像的文件总大小-预设总大小)/预设总大小*100%;S3:若目标差值大于预设阈值,则对T个图像组中第i个图像组中的第一图像进行第二比例的压缩处理,得到新的序列帧图像的文件总大小,第二比例=新的序列帧图像的文件总大小/预设总大小,其中1≤i≤T;S4:若目标差值小于或等于预设阈值,则对T个图像组中第T-i+1个图像组中的第一图像进行第三比例的压缩处理,得到新的序列帧图像的文件总大小,第三比例=第一比例*(1+i/10);令i=i+1,重复步骤S1~S4,直到确定新的序列帧图像的文件总大小小于预设总大小;生成至少一个第一图像中每个第一图像对应的缩略图,包括:生成新的序列帧图像中至少一个第一图像中每个第一图像对应的缩略图。
其中,序列帧图像的文件总大小,指序列帧图像中的每个第一图像的图像大小的相加结果。
示例性地,序列帧图像中有60张第一图像,每个第一图像的大小为1M,则序列帧图像的文件总大小为60M。
示例性地,预设总大小为30M,预设阈值为8%,第一比例为0.8。序列帧图像的文件总大小为50M>30M即大于预设总大小,则检测序列帧图像中的每个第一图像的图像大小,并根据每个第一图像的图像大小对第一图像进行大小顺序的排序,请参阅图2B,图2B是本申请实施例提供的一种序列帧加载速度优化方法的举例示意图,如图2B所示,按照大小顺序将至少一个第一图像分成6个图像组,对6个图像组进行第一比例的压缩处理,得到新的序列帧图像的文件总大小=50*0.8=40M>30M即大于预设总大小,计算出目标差值=(新的序列帧图像的文件总大小-预设总大小)/预设总大小*100%=(40-30)/30*100%≈33.3%>8%即大于预设阈值,且i=1,则此时计算出第二比例=新的序列帧图像的文件总大小/预设总大小=40/50=0.8,对6个图像组中第1个图像组中的第一图像进行第二比例的压缩处理,得到新的序列帧图像的文件总大小=40*0.8=32M,得到新的目标差值=(新的序列帧图像的文件总大小-预设总大小)/预设总大小*100%=(32-30)/30*100%≈6.67%<8%即小于预设阈值,且T-i+1=6-1+1=6,则此时计算出第三比例=第一比例*(1+i/10)=0.8*(1+1/10)=0.88,并对6个图像组中第6个图像组中的第一图像进行第三比例的压缩处理,得到新的序列帧图像的文件总大小=32*0.88=28.16M<30M,即确定出新的序列帧图像的文件总大小小于预设总大小,则生成新的序列帧图像中至少一个第一图像中每个第一图像对应的缩略图。
可以看出,本申请实施例中,检测序列帧图像的文件总大小,在文件总大小大于预设总大小时检测至少一个第一图像中每个第一图像的图像大小,并根据每个第一图像的图像大小对第一图像进行大小顺序的排序,按照大小顺序将至少一个第一图像分成T个图像组,对T个图像组进行第一比例的压缩处理,得到新的序列帧图像的文件总大小,将新的序列帧图像的文件总大小与预设总大小进行对比,在新的序列帧图像的文件总大小大于预设总大小时计算出目标差值,根据目标差值与预设阈值之间的大小关系对不同的图像组中的第一图像进行不同比例的压缩处理。由于序列帧图像中至少一个第一图像是按照大小顺序进行排序的,从而在目标差值较大时对正向排序的第1图像组、第2图像组……中的每个第一图像进行第二比例即较大程度的压缩处理,而在目标差值较小时对逆向排序的第T-i+1、T-i+2……中的每个第一图像进行第三比例即较小程度的压缩处理,实现了对不同图像大小的第一图像进行不同程度的压缩处理,在优化序列帧图像加载速度的同时保证序列帧图像的展示效果,从加载速度和图像质量上双重地保证用户在浏览序列帧图像时的浏览体验。
在一个可能的示例中,上述方法还包括:获取预设个数的第一图像的平均展示时长;若平均展示时长小于第一预设展示时长,则获取序列帧图像中包括的第一图像的图像个数;若图像个数大于预设图像个数,则停止采用每个第一图像替换展示第一页面中的每个第一图像对应的缩略图;监测单个第一图像的展示时长,在目标第一图像的展示时长大于第二预设展示时长的情况下,启动采用目标第一图像,以及目标第一图像的邻近第一图像替换展示第一页面中的每个第一图像对应的缩略图。
其中,平均展示时长,即用户终端停留在第一图像上的停留时间。
示例性地,预设个数为3个,第一预设展示时长为1秒,第二预设展示时长为3秒,预设图像个数为10个,邻近第一图像指目标第一图像的上一张第一图像和下一张第一图像。获取到3个第一图像的平均展示时长为0.5秒小于1秒即小于第一预设展示时长,获取到序列帧图像中包括的第一图像的图像个数为20个大于10个即大于预设图像个数,由于此时用户终端可能由于第一图像较多而只是对序列帧图像进行快速而粗略的浏览,则此时停止采用每个第一图像替换展示第一页面中的每个第一图像对应的缩略图;若监测到目标第一图像的展示时长为5秒大于3秒即大于第二预设展示时长,由于此时用户终端可能对目标第一图像感兴趣而停留在了目标第一图像上,从而用户终端可能也会将注意力停留在目标第一图像的邻近第一图像,则此时启动采用目标第一图像,以及将目标第一图像的上一张第一图像和下一张第一图像替换展示第一页面中各自对应的缩略图。
可以看出,本申请实施例中,在预设个数的第一图像的平均展示时长小于预设展示时长且第一图像的图像个数大于预设图像个数时,这种情况的用户终端可能由于第一图像较多而只是对序列帧图像进行快速而粗略的浏览,这个时候停止采用每个第一图像替换展示第一页面中的每个第一图像对应的缩略图可以提高序列帧图像的加载速度;而在监测到目标第一图像的展示时长大于第二预设时长的情况下,这种情况的用户终端可能对目标第一图像感兴趣而停留在了目标第一图像上,从而用户终端可能也会将注意力停留在目标第一图像的邻近第一图像,因此此时启动采用目标第一图像,并且将目标第一图像的邻近第一图像替换展示在第一页面中各自对应的缩略图,通过向用户终端展示清晰的图像保证用户终端的浏览效果。采用本申请实施例的方法,根据第一图像的实际展示时长而采取不同的展示效果,既能保证序列帧图像具有较快的加载速度、又能保证用户终端的浏览效果。
在一个可能的示例中,每个第一图像与每个第一图像对应的缩略图的存储位置相同;和/或每个压缩后的第一图像对应的缩略图与每个压缩后的第一图像的缩略图的存储位置相同。
其中,每个第一图像与每个第一图像对应的缩略图的存储位置相同,从而只需要从同一个存储位置中加载第一图像和第一图像对应的缩略图,而不需要从不同的存储位置中分别加载第一图像和第一图像对应的缩略图,实现了优化序列帧图像加载速度的目的。
可以看出,本申请实施例中,通过将第一图像与第一图像对应的缩略图存储在相同的存储位置中,从而只需要从同一个存储位置中加载第一图像和第一图像对应的缩略图,优化了序列帧图像的加载速度,提高了用户在浏览包含有序列帧图像的网页页面时的浏览体验。
在一个可能的示例中,上述方法还包括:获取至少一个第一图像中每个第一图像在第一时间内的浏览次数;若存在浏览次数小于预设次数的第一图像,则获取浏览次数小于预设次数的第一图像对应的缩略图的图像大小;根据图像大小与增益系数之间的映射关系,获取目标图像大小对应的目标增益系数;按照预设的浏览次数和目标增益系数之间的一次函数关系,计算出缩略图压缩比例;采用缩略图压缩比例对浏览次数小于预设次数的第一图像对应的缩略图进行压缩处理。
其中,第一时间内的浏览次数,指某个第一图像在第一时间内被用户终端进行浏览的总次数。
其中,缩略图的图像大小,指缩略图占用存储空间的大小。
其中,缩略图压缩比例=浏览次数*目标增益系数。
示例性地,图像大小与增益系数之间的映射关系为,第一图像对应的缩略图的图像越大时增益系数越小,第一图像对应的缩略图的图像越小时增益系数越大,从而对于图像大小较大的第一图像对应的缩略图会进行较大程度的压缩,对于图像大小较小的第一图像对应的缩略图进行较小程度的压缩。
可以看出,本申请实施例中,根据在第一时间内的浏览次数小于预设次数的第一图像对应的缩略图的图像大小和第一时间内的浏览次数,确定缩略图压缩比例并对浏览次数小于预设次数的第一图像对应的缩略图进行压缩处理,通过提高第一图像对应的缩略图的加载速度,从而提高整个序列帧图像的加载速度。
与上述图1B所示的实施例一致的,请参阅图3,图3是本申请实施例提供的一种序列帧加载速度优化装置的结构示意图,如图3所示:
一种序列帧加载速度优化装置,上述装置包括:
301:接收单元,用于接收序列帧图像,序列帧图像中包括按照预设顺序排序的至少一个第一图像,预设顺序为第一页面中的图像排列顺序;
302:生成单元,用于生成至少一个第一图像中每个第一图像对应的缩略图,并对每个第一图像对应的缩略图进行存储;
303:展示单元,用于当接收到第一页面的访问指令时,按照预设顺序读取序列帧图像中的第一个第一图像,以及除第一个第一图像之外其他第一图像对应的缩略图并在第一页面中进行展示;
304:替换单元,用于在完成第一个第一图像和其他第一图像对应的缩略图的展示后,按照预设顺序读取其他第一图像,并采用其他第一图像替换展示第一页面中的其他第一图像对应的缩略图。
可以看出,本申请实施例中,通过接收单元接收序列帧图像,序列帧图像中包括按照预设顺序排序的至少一个第一图像,预设顺序为第一页面中的图像排列顺序;通过生成单元生成至少一个第一图像中每个第一图像对应的缩略图,并对每个第一图像对应的缩略图进行存储;通过展示单元,当接收到第一页面的访问指令时,按照预设顺序读取序列帧图像中的第一个第一图像,以及除第一个第一图像之外其他第一图像对应的缩略图并在第一页面中进行展示;通过替换单元,在完成第一个第一图像和其他第一图像对应的缩略图的展示后,按照预设顺序读取其他第一图像,并采用其他第一图像替换展示第一页面中的其他第一图像对应的缩略图。通过序列帧加载速度优化装置优化了包含有序列帧图像的网页页面的加载速度,提升了用户在浏览包含有序列帧图像的网页页面时的浏览体验,避免由于加载速度较慢导致浏览用户的流失。
具体地,本申请实施例可以根据上述方法示例对序列帧加载速度优化装置进行功能单元的划分,例如,可以对应各个功能划分各个功能单元,也可以将两个或两个以上的功能集成在一个处理单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。需要说明的是,本申请实施例中对单元的划分是示意性的,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式。
与上述图1B所示的实施例一致的,请参阅图4,图4是本申请实施例提供的另一种序列帧加载速度优化装置的结构示意图,如图4所示:
一种序列帧加载速度优化装置,包括:
处理器、存储器、通信接口,处理器、存储器和通信接口相互连接,并且完成相互间的通信工作;
存储器上存储有可执行程序代码,通信接口用于进行无线通信;
处理器用于调取存储器上存储的可执行程序代码,执行如上述方法实施例中记载的任何一种序列帧加载速度优化方法的部分或全部步骤,上述计算机包括电子终端设备。
其中,存储器可以是易失性存储器如动态随机存储器DRAM,也可以是非易失性存储器如机械硬盘。上述存储器用于存储一组可执行程序代码,上述处理器用于调用存储器中存储的可执行程序代码,可以执行如上述序列帧加载速度优化方法实施例中记载的任何一种序列帧加载速度优化方法的部分或全部步骤。
上述无线通信可以使用任一通信标准或协议,包括但不限于GSM(Global Systemof Mobile communication,全球移动通讯系统)、GPRS(General Packet Radio Service,通用分组无线服务)、CDMA2000(CodeDivision Multiple Access2000,码分多址2000)、WCDMA(Wideband Code DivisionMultiple Access,宽带码分多址)、TD-SCDMA(TimeDivision-Synchronous CodeDivision Multiple Access,时分同步码分多址)、FDD-LTE(Frequency DivisionDuplexing-Long Term Evolution,频分双工长期演进)和TDD-LTE(Time DivisionDuplexing-Long Term Evolution,分时双工长期演进)等。
本申请实施例提供了一种计算机可读存储介质,计算机可读存储介质中存储有用于电子数据交换的计算机程序,计算机程序包括执行指令,执行指令用于执行如上述序列帧加载速度优化方法实施例中记载的任何一种序列帧加载速度优化方法的部分或全部步骤,上述计算机包括电子终端设备。
本申请实施例提供了一种计算机程序产品,其中,计算机程序产品包括计算机程序,计算机程序可操作来使计算机如上述方法实施例中记载的任何一种序列帧加载速度优化方法的部分或全部步骤,该计算机程序产品可以是一个软件安装包。
需要说明的是,对于前述的任一种序列帧加载速度优化方法的实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本申请并不受所描述的动作顺序的限制,因为依据本申请,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作并不一定是本申请所必须的。
以上对本申请实施例进行了详细介绍,本文中应用了具体个例对本申请一种序列帧加载速度优化方法及装置的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的一般技术人员,依据本申请一种序列帧加载速度优化方法及装置的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本申请的限制。
本申请是参照本申请实施例的方法、硬件产品和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。存储器可以包括:闪存盘、只读存储器(英文:Read-Only Memory,简称:ROM)、随机存取器(英文:Random Access Memory,简称:RAM)、磁盘或光盘等。
尽管在此结合各实施例对本申请进行了描述,然而,在实施所要求保护的本申请过程中,本领域技术人员通过查看附图、公开内容、以及所附权利要求书,可理解并实现所公开实施例的其他变化。在权利要求中,“包括”(comprising)一词不排除其他组成部分或步骤,“一”或“一个”不排除多个的情况。相互不同的从属权利要求中记载了某些措施,但这并不表示这些措施不能组合起来产生良好的效果。
本领域普通技术人员可以理解上述任一种序列帧加载速度优化方法的方法实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成,该程序可以存储于计算机可读存储器中,存储器可以包括:闪存盘、只读存储器(英文:Read-OnlyMemory,简称:ROM)、随机存取器(英文:Random Access Memory,简称:RAM)、磁盘或光盘等。
可以理解的是,凡是被控制或者被配置以用于执行本申请一种序列帧加载速度优化方法实施例所描述的流程图的处理方法的产品,如上述流程图的装置以及计算机程序产品,均属于本申请所描述的相关产品的范畴。
显然,本领域的技术人员可以对本申请提供的一种序列帧加载速度优化方法及装置进行各种改动和变型而不脱离本申请的精神和范围。这样,倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内,则本申请也意图包含这些改动和变型在内。

Claims (10)

1.一种序列帧加载速度优化方法,其特征在于,所述方法包括:
接收序列帧图像,所述序列帧图像中包括按照预设顺序排序的至少一个第一图像,所述预设顺序为第一页面中的图像排列顺序;
生成所述至少一个第一图像中每个第一图像对应的缩略图,并对所述每个第一图像对应的缩略图进行存储;
当接收到所述第一页面的访问指令时,按照所述预设顺序读取所述序列帧图像中的第一个第一图像,以及除所述第一个第一图像之外其他第一图像对应的缩略图并在所述第一页面中进行展示;
在完成所述第一个第一图像和所述其他第一图像对应的缩略图的展示后,按照所述预设顺序读取所述其他第一图像,并采用所述其他第一图像替换展示所述第一页面中的其他第一图像对应的缩略图;
获取至少一个第一图像中每个第一图像在第一时间内的浏览次数;
若存在浏览次数小于预设次数的第一图像,则获取浏览次数小于预设次数的第一图像对应的缩略图的图像大小;
根据图像大小与增益系数之间的映射关系,获取目标图像大小对应的目标增益系数;
按照预设的浏览次数和目标增益系数之间的一次函数关系,计算出缩略图压缩比例;
采用缩略图压缩比例对浏览次数小于预设次数的第一图像对应的缩略图进行压缩处理。
2.根据权利要求1所述的方法,其特征在于,在生成所述至少一个第一图像中每个第一图像对应的缩略图之前,所述方法还包括:
对所述至少一个第一图像中的每个第一图像进行压缩处理,获得压缩后的第一图像;
所述生成所述至少一个第一图像中每个第一图像对应的缩略图包括:生成每个压缩后的第一图像对应的缩略图;
所述采用所述其他第一图像替换展示所述第一页面中的其他第一图像对应的缩略图,包括:
采用所述每个压缩后的第一图像替换所述每个压缩后的第一图像对应的缩略图。
3.根据权利要求2所述的方法,其特征在于,所述方法还包括:
获取用户终端的网络带宽,根据预设的网络带宽与压缩比例之间的映射关系,获取所述网络带宽对应的参考压缩比例;
获取所述用户终端的终端分辨率,将所述终端分辨率与所述第一图像的图像分辨率进行比较;
根据所述终端分辨率与所述图像分辨率之间的大小关系,得到比例调节指数,若所述终端分辨率大于所述图像分辨率,则所述比例调节指数为正数,若所述终端分辨率小于所述图像分辨率,则所述比例调节指数为负数;
根据目标压缩比例=(1+比例调节指数)*参考压缩比例,计算出目标压缩比例;
对所述缩略图、所述第一图像进行所述目标压缩比例的压缩处理。
4.根据权利要求1所述的方法,其特征在于,在所述生成所述至少一个第一图像中每个第一图像对应的缩略图之前,所述方法还包括:
将所述至少一个第一图像作为对照图像进行图像旋转,得到所述对照图像对应的旋转图像组成的旋转图组,所述图像旋转包括顺时针旋转、逆时针旋转和/或水平翻转;
检测所述至少一个第一图像中除所述对照图像之外的其他第一图像与所述旋转图组之间是否存在雷同图组,所述雷同图组由所述其他第一图像和与所述其他第一图像相似度大于预设阈值,且旋转角度相同的旋转图像组成;
若存在所述雷同图组,则从所述序列帧图像中删除所述雷同图组对应的第一图像。
5.根据权利要求4所述的方法,其特征在于,所述第一旋转图组包括至少一个第一旋转图像,所述检测所述至少一个第一图像中的每个非对照图像与所述第一旋转图组之间是否存在雷同图组,具体为:
在所述非对照图像、所述第一旋转图像中分别获取M1个特征点,所述M1个特征点在所述第一图像、所述第一旋转图像中的位置对应相同;
计算出所述非对照图像、所述第一旋转图像中分别包含的所述M1个特征点的像素平均值;
比较所述非对照图像、所述第一旋转图像中位于相同位置的特征点之间的像素平均值差值,若所述像素平均值差值小于预设差值,则认为相应的特征点为雷同特征点,确定出M2个所述雷同特征点;
根据雷同度=雷同特征点/特征点=M2/M1计算出目标雷同度;
若所述目标雷同度大于预设雷同度,则确定为所述雷同图组。
6.根据权利要求1所述的方法,其特征在于,在生成所述至少一个第一图像中每个第一图像对应的缩略图之前,所述方法还包括:
检测所述序列帧图像的文件总大小;
若所述文件总大小大于预设总大小,则检测所述至少一个第一图像中每个第一图像的图像大小,并根据所述每个第一图像的图像大小对所述第一图像进行大小顺序的排序;
按照所述大小顺序将所述至少一个第一图像分成T个图像组;
对所述T个图像组进行第一比例的压缩处理,得到新的序列帧图像的文件总大小;
S1:将所述新的序列帧图像的文件总大小与所述预设总大小进行对比;
S2:若所述新的序列帧图像的文件总大小大于所述预设总大小,则根据所述文件总大小与所述预设总大小,计算出目标差值=(新的序列帧图像的文件总大小-预设总大小)/预设总大小*100%;
S3:若所述目标差值大于预设阈值,则对所述T个图像组中第i个图像组中的所述第一图像进行第二比例的压缩处理,得到新的序列帧图像的文件总大小,所述第二比例=新的序列帧图像的文件总大小/预设总大小,其中1≤i≤T;
S4:若所述目标差值小于或等于预设阈值,则对所述T个图像组中第T-i+1个图像组中的所述第一图像进行第三比例的压缩处理,得到新的序列帧图像的文件总大小,所述第三比例=第一比例*(1+i/10);
令i=i+1,重复步骤S1~S4,直到确定所述新的序列帧图像的文件总大小小于所述预设总大小;
所述生成所述至少一个第一图像中每个第一图像对应的缩略图,包括:生成所述新的序列帧图像中至少一个第一图像中每个第一图像对应的缩略图。
7.根据权利要求1所述的方法,其特征在于,所述方法还包括:
获取预设个数的所述第一图像的平均展示时长;
若所述平均展示时长小于第一预设展示时长,则获取所述序列帧图像中包括的第一图像的图像个数;
若所述图像个数大于预设图像个数,则停止采用所述每个第一图像替换展示所述第一页面中的每个第一图像对应的缩略图;
监测单个第一图像的展示时长,在目标第一图像的展示时长大于第二预设展示时长的情况下,启动采用所述目标第一图像,以及所述目标第一图像的邻近第一图像替换展示所述第一页面中的每个第一图像对应的缩略图。
8.根据权利要求1-7任一项所述的方法,其特征在于,所述每个第一图像与所述每个第一图像对应的缩略图的存储位置相同;和/或
所述每个压缩后的第一图像对应的缩略图与所述每个压缩后的第一图像的缩略图的存储位置相同。
9.一种序列帧加载速度优化装置,其特征在于,所述装置包括:
接收单元,用于接收序列帧图像,所述序列帧图像中包括按照预设顺序排序的至少一个第一图像,所述预设顺序为第一页面中的图像排列顺序;
生成单元,用于生成所述至少一个第一图像中每个第一图像对应的缩略图,并对所述每个第一图像对应的缩略图进行存储;
展示单元,用于当接收到所述第一页面的访问指令时,按照所述预设顺序读取所述序列帧图像中的第一个第一图像,以及除所述第一个第一图像之外其他第一图像对应的缩略图并在所述第一页面中进行展示;
替换单元,用于在完成所述第一个第一图像和所述其他第一图像对应的缩略图的展示后,按照所述预设顺序读取所述其他第一图像,并采用所述其他第一图像替换展示所述第一页面中的其他第一图像对应的缩略图;还用于获取至少一个第一图像中每个第一图像在第一时间内的浏览次数;
若存在浏览次数小于预设次数的第一图像,则获取浏览次数小于预设次数的第一图像对应的缩略图的图像大小;
根据图像大小与增益系数之间的映射关系,获取目标图像大小对应的目标增益系数;
按照预设的浏览次数和目标增益系数之间的一次函数关系,计算出缩略图压缩比例;
采用缩略图压缩比例对浏览次数小于预设次数的第一图像对应的缩略图进行压缩处理。
10.一种序列帧加载速度优化装置,其特征在于,所述装置包括:
处理器、存储器、通信接口,所述处理器、所述存储器和所述通信接口相互连接,并且完成相互间的通信工作;
所述存储器上存储有可执行程序代码,所述通信接口用于进行无线通信;
所述处理器用于调取所述存储器上存储的所述可执行程序代码,执行如权利要求1-8任一项所述的方法。
CN202110625636.5A 2021-06-04 2021-06-04 一种序列帧加载速度优化方法及装置 Active CN113572724B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110625636.5A CN113572724B (zh) 2021-06-04 2021-06-04 一种序列帧加载速度优化方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110625636.5A CN113572724B (zh) 2021-06-04 2021-06-04 一种序列帧加载速度优化方法及装置

Publications (2)

Publication Number Publication Date
CN113572724A CN113572724A (zh) 2021-10-29
CN113572724B true CN113572724B (zh) 2022-09-09

Family

ID=78160999

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110625636.5A Active CN113572724B (zh) 2021-06-04 2021-06-04 一种序列帧加载速度优化方法及装置

Country Status (1)

Country Link
CN (1) CN113572724B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116931791A (zh) * 2022-03-29 2023-10-24 北京字跳网络技术有限公司 图像加载方法、装置、电子设备及存储介质

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP4386283B2 (ja) * 2005-03-28 2009-12-16 シャープ株式会社 動画分割表示装置
AU2007249153B2 (en) * 2007-12-20 2010-08-26 Canon Kabushiki Kaisha A method of browsing media items using thumbnails
JP5194776B2 (ja) * 2007-12-21 2013-05-08 株式会社リコー 情報表示システム、情報表示方法およびプログラム
US20170147168A1 (en) * 2015-11-19 2017-05-25 Kabushiki Kaisha Toshiba Image processing apparatus
CN108156318A (zh) * 2017-12-22 2018-06-12 维沃移动通信有限公司 一种图像显示方法和移动终端

Also Published As

Publication number Publication date
CN113572724A (zh) 2021-10-29

Similar Documents

Publication Publication Date Title
CN104244024B (zh) 一种视频封面生成方法、装置及终端
CN108399052B (zh) 图片压缩方法、装置、计算机设备和存储介质
CN108492338B (zh) 动画文件的压缩方法、装置、存储介质和电子装置
CN111950056B (zh) 建筑信息化模型bim展示方法及相关设备
CN113572724B (zh) 一种序列帧加载速度优化方法及装置
CN106713689A (zh) 一种图片上传方法和装置
US11849240B2 (en) Dynamically configured processing of a region of interest dependent upon published video data selected by a runtime configuration file
CN113852858A (zh) 视频处理方法及电子设备
CN107610047A (zh) 图像分块处理方法、装置及计算机可读存储介质
CN113516666A (zh) 图像裁剪方法、装置、计算机设备及存储介质
CN110189384B (zh) 基于Unity3D的图像压缩方法、装置、计算机设备和存储介质
CN111353965B (zh) 图像修复方法、装置、终端及存储介质
CN111179402B (zh) 一种目标对象的渲染方法、装置及系统
CN104580804B (zh) 一种图片压缩上传的方法和系统
CN111476858B (zh) 一种基于WebGL的2d引擎渲染方法、装置及设备
CN111064986B (zh) 带透明度的动画数据发送方法、播放方法和计算机设备
CN114363697B (zh) 视频文件生成、播放方法及装置
CN114219812A (zh) 标号避让方法、装置、电子设备及存储介质
CN114217758A (zh) 图像显示方法、装置、电子设备及计算机可读存储介质
CN107124613B (zh) 对多普勒天气雷达第二类产品数据进行重编码处理的方法
CN112597334B (zh) 通信数据中心的数据处理方法
CN114445264B (zh) 纹理压缩方法、装置、电子设备及计算机可读存储介质
CN113473150B (zh) 一种图像处理方法、装置以及计算机可读存储装置
CN112632921B (zh) 对多媒体数据的显示处理方法、装置、终端及存储介质
CN109361956B (zh) 基于时间的视频剪切方法及相关产品

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant