CN114627228A - 序列帧图像展示方法、装置及存储介质 - Google Patents

序列帧图像展示方法、装置及存储介质 Download PDF

Info

Publication number
CN114627228A
CN114627228A CN202210254750.6A CN202210254750A CN114627228A CN 114627228 A CN114627228 A CN 114627228A CN 202210254750 A CN202210254750 A CN 202210254750A CN 114627228 A CN114627228 A CN 114627228A
Authority
CN
China
Prior art keywords
sequence frame
image
space
sequence
target
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.)
Pending
Application number
CN202210254750.6A
Other languages
English (en)
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.)
BOE Technology Group Co Ltd
Original Assignee
BOE Technology Group 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 BOE Technology Group Co Ltd filed Critical BOE Technology Group Co Ltd
Priority to CN202210254750.6A priority Critical patent/CN114627228A/zh
Publication of CN114627228A publication Critical patent/CN114627228A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T15/003D [Three Dimensional] image rendering
    • G06T15/04Texture mapping
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/50Information retrieval; Database structures therefor; File system structures therefor of still image data
    • G06F16/54Browsing; Visualisation therefor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T15/003D [Three Dimensional] image rendering
    • G06T15/005General purpose rendering architectures

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Graphics (AREA)
  • Data Mining & Analysis (AREA)
  • Databases & Information Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

本发明公开了一种序列帧图像展示方法、装置及存储介质,该方法包括:获取序列帧合集图像,并将序列帧合集图像映射为序列帧显示区域的纹理贴图,其中,序列帧合集图像是将多张序列帧图像按照a行b列的排布方式依次拼合而成;基于序列帧合集图像拼合的序列帧图像行列数,对序列帧显示区域的UV空间进行缩小,得到目标UV空间;通过控制目标UV空间在序列帧合集图像上的位置偏移,将序列帧合集图像中的序列帧图像逐一显示在序列帧显示区域,从而在实现序列帧图像的动态展示效果的同时,降低CPU的性能开销。

Description

序列帧图像展示方法、装置及存储介质
技术领域
本发明涉及显示技术领域,尤其涉及一种序列帧图像展示方法、装置及存储介质。
背景技术
近年来,越来越多的场景都需要用到序列帧图像即多张尺寸相同的图像来实现诸如动画、特效以及翻页等图文效果。常用的序列帧图像展示方式是按照指定的帧率以及顺序逐一加载每张序列帧图像,解码渲染输出后再卸载,达到动态效果。由此,上述展示过程需要不断地加载、解码和卸载图像,从而导致CPU的性能开销较大。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的序列帧图像展示方法、装置及存储介质。
第一方面,本发明实施例提供了一种序列帧图像展示方法,应用于显示装置,所述显示装置中预先创建有序列帧显示区域,所述方法包括:
获取序列帧合集图像,并将所述序列帧合集图像映射为所述序列帧显示区域的纹理贴图,其中,所述序列帧合集图像是将多张序列帧图像按照a行b列的排布方式依次拼合而成;
基于所述序列帧合集图像拼合的序列帧图像行列数,对所述序列帧显示区域的UV空间进行缩小,得到目标UV空间;
通过控制所述目标UV空间在所述序列帧合集图像上的位置偏移,将所述序列帧合集图像中的序列帧图像逐一显示在所述序列帧显示区域。
进一步地,在通过控制所述目标UV空间在所述序列帧合集图像上的位置偏移,将所述序列帧合集图像中的序列帧图像逐一显示在所述序列帧显示区域之前,还包括:
获取映射方向配置信息;
根据所述映射方向配置信息,配置所述目标UV空间的横、纵坐标映射方向,所述横、纵坐标映射方向与所述序列帧合集图像中序列帧图像的拼合顺序适配。
进一步地,所述序列帧合集图像中序列帧图像的拼合顺序为以下几种顺序中的任意一种:
横向从第一列至第b列,纵向从第一行至第a行;
横向从第一列至第b列,纵向从第a行至第一行;
横向从第b列至第一列,纵向从第一行至第a行;
横向从第b列至第一列,纵向从第a行至第一行。
进一步地,所述映射方向配置信息包括:横向配置信息和纵向配置信息,所述横向配置信息用于配置所述目标UV空间的横坐标映射方向,所述纵向配置信息用于配置所述目标UV空间的纵坐标映射方向,所述获取映射方向配置信息,包括:
通过监测第一预设控件的开闭状态,确定所述横向配置信息;
通过监测第二预设控件的开闭状态,确定所述纵向配置信息。
进一步地,所述序列帧显示区域通过以下步骤创建:
基于单张所述序列帧图像的长宽比创建平面物体模型,将所述平面物体模型作为所述序列帧显示区域;
配置所述平面物体模型的UV空间。
进一步地,所述通过控制所述目标UV空间在所述序列帧合集图像上的位置偏移,将所述序列帧合集图像中的序列帧图像逐一显示在所述序列帧显示区域,包括:
按照预设偏移速度,依次控制所述目标UV空间从所述序列帧合集图像中的第一图像区域偏移到第二图像区域,将所述目标UV空间所在图像区域的序列帧图像逐一显示在所述序列帧显示区域,
其中,所述目标UV空间的偏移步长为单个序列帧图像区域,所述第一图像区域为所述多张序列帧图像中第一张序列帧图像所在的区域,所述第二图像区域为所述多张序列帧图像中最后一张序列帧图像所在的区域。
进一步地,所述通过控制所述目标UV空间在所述序列帧合集图像上的位置偏移,将所述序列帧合集图像中的序列帧图像逐一显示在所述序列帧显示区域,包括:
接收用户触发的翻页指令;
基于所述翻页指令,控制目标UV空间从所述序列帧合集图像中的当前图像区域偏移到下一图像区域,将所述下一图像区域的序列帧图像显示到所述序列帧显示区域。
第二方面,本发明实施例提供了一种序列帧图像展示装置,应用于显示装置,所述显示装置中预先创建有序列帧显示区域,所述展示装置包括:
获取模块,用于获取序列帧合集图像,并将所述序列帧合集图像映射为所述序列帧显示区域的纹理贴图,其中,所述序列帧合集图像是将多张序列帧图像按照a行b列的排布方式依次拼合而成;
空间转换模块,用于基于所述序列帧合集图像拼合的序列帧图像行列数,对所述序列帧显示区域的UV空间进行缩小,得到目标UV空间;
展示模块,用于通过控制所述目标UV空间在所述序列帧合集图像上的位置偏移,将所述序列帧合集图像中的序列帧图像逐一显示在所述序列帧显示区域。
第三方面,本发明实施例提供了一种显示装置,包括:处理器、存储器及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述计算机程序被所述处理器执行时实现如权利要求1-7任一项所述序列帧图像展示方法的步骤。
第四方面,本发明实施例提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机指令,当所述计算机指令在计算机上运行时,使得计算机执行上述第一方面所述的序列帧图像展示方法的步骤。
本发明实施例中提供的技术方案,至少具有如下技术效果或优点:
本发明实施例提供的序列帧图像展示方法、装置及存储介质,通过预先将多张序列帧图像按照a行b列的排布方式拼合成单张序列帧合集图像,获取该序列帧合集图像映射为序列帧显示区域的纹理贴图,然后,基于序列帧图像行列数对序列帧显示区域的UV空间进行缩小,得到目标UV空间,接着通过控制目标UV空间在序列帧合集图像上的位置偏移,将序列帧合集图像中的序列帧图像逐一显示在序列帧显示区域,实现动态展示效果。该过程加载和解码单张序列帧合集图像即可,减少了整个展示过程加载和解码图像的次数,有利于降低CPU的性能开销,节省系统的计算资源。
上述说明仅是本发明实施例提供的技术方案的概述,为了能够更清楚了解本发明实施例的技术手段,而可依照说明书的内容予以实施,并且为了让本本发明实施例的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明实施例的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1为本发明实施例第一方面提供的一种序列帧图像展示方法的流程图;
图2为本发明实施例中一种示例性序列帧合集图像的拼合示意图;
图3为图2中示例的序列帧合集图像与UV空间的映射关系示意图;
图4为本发明实施例中目标UV空间的默认初始映射位置示意图;
图5为本发明实施例中反向映射后目标UV空间的初始映射位置示意图;
图6为本发明实施例第二方面提供的一种序列帧图像展示装置的模块框图;
图7为本发明实施例第三方面提供的显示装置的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。本文中,UV是U、V纹理贴图坐标的简称,定义了图片上每个点的位置的信息,这些点与3D模型是相互联系的,以决定表面纹理贴图的位置。
第一方面,本发明实施例提供了一种序列帧图像展示方法,应用于显示装置。如图1所示,该序列帧图像展示方法可以包括以下步骤S101至步骤S103。
步骤S101,获取序列帧合集图像,并将序列帧合集图像映射为序列帧显示区域的纹理贴图,其中,序列帧合集图像是将多张序列帧图像按照a行b列的排布方式依次拼合而成。
近年来三维引擎的性能不断提升,应用领域也从最开始的游戏领域扩展到了虚拟现实、动漫以及影视等行业。序列帧显示区域可以是通过三维引擎预先在显示装置中创建的,作为序列帧图像的显示载体。具体创建过程可以包括:基于单张序列帧图像的长宽比创建平面物体模型,将该平面物体模型作为序列帧显示区域,也就是序列帧合集图像映射的对象;然后配置该平面物体模型的UV空间。其中,平面物体模型的长宽比与单张序列帧图像的长宽比一致。
例如,可以先获取单张序列帧图像的长宽比,然后根据该长宽比创建一长方形平面物体模型,使得平面物体模型的长宽比和单张序列帧图像的长宽比保持一致;然后编辑平面物体模型的UV空间,将初始的长方形UV空间转换成长宽比为1:1的正方形UV空间。
需要说明的是,除了平面物体模型以外,在其他实施例中,也可以创建其他适用的模型对象,用于实现序列帧图像的动态展示。
本实施例中,序列帧合集图像的拼合过程可以在发送端执行。此时,由发送方先将多张序列帧图像按照a行b列的排布方式依次进行拼合,得到一张序列帧合集图像,再将该序列帧合集图像发送给显示装置。显示装置加载接收到的序列帧合集图像进行序列帧图像的展示。这样有利于减少显示装置的功耗,降低对显示装置的性能要求。
或者,序列帧合集图像的拼合过程也可以在显示装置中执行。此时,发送方将多张序列帧图像发送给显示装置,显示装置接收到后先执行预处理步骤,具体包括:将多张序列帧图像按照a行b列的排布方式依次进行拼合,得到一张序列帧合集图像并进行存储;然后,再加载该序列帧合集图像进行序列帧图像的展示。
具体实施时,序列帧合集图像的拼合方式由预设的拼合横列数以及拼合顺序确定。其中,拼合行列数也就是行数a和列数b的取值。假设有c张序列帧图像需要动态展示,则a*b大于或等于c。作为一种实施方式,a与b的值可以相等。需要说明的是,当a*b大于c时,空缺部分可以用预设的补位图像填补,例如,c为35,a=b=6,则需要在第35张序列帧图像后添加一张补位图像。
例如,序列帧合集图像中序列帧图像的拼合顺序可以为:横向从第一列至第b列,纵向从第一行至第a行,即从左往右,从上至下;或者,横向从第一列至第b列,纵向从第a行至第一行,即从左往右,从下至上;或者,横向从第b列至第一列,纵向从第一行至第a行,即从右往左,从上至下;或者,横向从第b列至第一列,纵向从第a行至第一行,即从右往左,从下至上。具体采用的拼合顺序可以根据实际场景的需要配置。以数字序列帧图像01-20为例,按照从左往右,从上至下的拼合顺序,拼合得到的序列帧合集图像如图2所示。
基于此,在显示装置对序列帧图像进行展示时,只需要加载相应的单张序列帧合集图像即可,将加载、解码和卸载图像的次数从c次变成一次,极大地提升了加载速度,降低了CPU的性能开销。
进一步地,在加载完序列帧合集图像后,就可以建立该序列帧合集图像与到上述平面物体模型的映射关系,从而将序列帧合集图像映射为序列帧显示区域的纹理贴图。如图3所示,矩形框301表示上述平面物体模型的UV空间。这样可以保证序列帧合集图像能够铺满序列帧显示区域的UV空间,从而保证后续对UV空间整体缩放的准确性,避免对序列帧图像的显示出现像素级别的误差。
步骤S102,基于序列帧合集图像拼合的序列帧图像行列数,对序列帧显示区域的UV空间进行缩小,得到目标UV空间。
例如,可以在系统中配置输入节点Width和Height,节点信息如表1所示,由相关人员根据预先约定的排布方式输入序列帧图像行列数,具体为将列数输入节点Width,将行数输入节点Height。
表1
节点名称 类型 输入/输出 概述
Width 浮点值 输入 横向基准单元数量
Height 浮点值 输入 纵向基准单元数量
以图2示出的序列帧合集图像为例,Width=5,Height=4,即序列帧合集图像中横向排布5张序列帧图像,纵向排布4张序列帧图像。具体实施时,可以将单张序列帧图像作为序列帧合集图像中的最小基准单元(图2中的虚线仅用于示意性区分各个基准单元),按照横向、纵向的最小基准单元数量对序列帧显示区域的UV空间进行等比例缩小,使得缩小后的目标UV空间映射到一个基准单元,即序列帧显示区域以基准单元为单位进行显示。
具体来讲,可以在获取序列帧合集图像拼合的序列帧图像行列数后,按照列数对序列帧显示区域的UV空间的横向宽度进行等比例缩小,按照行数对UV空间的纵向高度进行等比例缩小,从而得到目标UV空间。也就是说,假设UV空间的横轴为X,纵轴为Y,则将横坐标x除以b,纵坐标y除以a,得到缩小后的目标UV空间。
可以理解的是,UV空间的坐标数据通常在0到1的范围内,即从UV空间的左下角开始。也就是说,默认情况下,缩小后得到的目标UV空间会映射到位于序列帧合集图像中左下角的基准单元。例如,以图2示出的序列帧合集图像为例,目标UV空间在默认情况下会映射到16号序列帧图像,如图4所示,矩形框401表示缩小后得到的目标UV空间。
因此,为了得到正确的显示顺序,需要根据序列帧图像在序列帧合集图像中的拼合顺序,灵活配置目标UV空间的横、纵坐标映射方向。横、纵坐标映射方向与序列帧合集图像中序列帧图像的拼合顺序适配。例如,以图2示出的序列帧合集图像为例,序列帧图像的拼合顺序为横向从左往右,纵向从上至下。此时,则需要对目标UV空间的纵坐标进行反向映射,使得目标UV空间在初始状态下能够映射到01号序列帧图像,即使得序列帧显示区域从01号序列帧图像开始显示。
具体实施时,目标UV空间横、纵坐标映射方向的配置过程可以包括:获取映射方向配置信息;根据映射方向配置信息,配置目标UV空间的横、纵坐标映射方向。在一种可选的实施方式中,映射方向配置信息可以包括:横向配置信息和纵向配置信息,横向配置信息用于配置目标UV空间的横坐标映射方向,纵向配置信息用于配置目标UV空间的纵坐标映射方向。这样可以分别实现横、纵坐标映射方向的灵活配置,从而放宽对序列帧图像拼接顺序的约束,更灵活地设置序列帧图像的显示顺序。
例如,可以预先配置可视化的第一预设控件和第二预设控件,第一预设控件用于控制是否启动对目标UV空间横坐标的反向映射,第二预设控件用于控制是否启动对目标UV空间纵坐标的反向映射。此时,上述获取映射方向配置信息的过程可以包括:通过监测第一预设控件的开闭状态,确定横向配置信息;通过监测第二预设控件的开闭状态,确定纵向配置信息。
例如,第一预设控件和第二预设控件可以分别命名为Invert X和InvertY,节点信息如下表2所示。
表2
Figure BDA0003548308490000081
Figure BDA0003548308490000091
第一预设控件和第二预设控件可以默认处于关闭状态。在系统配置过程中,由相关人员根据实际序列帧合集图像的拼合顺序,选择是否开启第一预设控件和第二预设控件。例如,以图2示出的序列帧合集图像为例,可以选择保持第一预设控件处于默认的关闭状态,开启第二预设控件,从而使得目标UV空间在初始状态下能够映射到01号序列帧图像,如图5所示。
当然,除了配置开关类型的可视化控件以外,在本发明其他实施例中,也可以采用其他方式获取映射方向配置信息,例如,也可以配置下拉列表,下拉列表中展示有横向配置信息和纵向配置信息的各种组合,在系统配置过程中,由相关人员根据实际序列帧合集图像的拼合顺序,从该下拉列表中选择横向配置信息和纵向配置信息。
步骤S103,通过控制目标UV空间在序列帧合集图像上的位置偏移,将序列帧合集图像中的序列帧图像逐一显示在序列帧显示区域。
可以理解的是,初始状态下,目标UV空间映射到序列帧合集图像上的哪个基准单元,序列帧显示区域就会最先显示相应序列帧图像。例如,以图2示出的序列帧合集图像为例,目标UV空间的初始映射位置为位于左上角的01号基准单元,那么就会最先采样01号序列帧图像渲染到序列帧显示区域。然后,控制目标UV空间偏移到下一基准单元,就可以接着采样下一序列帧图像渲染到序列帧显示区域,实现序列帧图像的逐一显示。
具体实施时,不同应用场景的序列帧展示方式略有不同。下面主要以循环动画展示和翻页展示为例,对序列帧图像的动态展示过程进行说明。
第一种,循环动画展示。此时,上述步骤S103具体可以包括:按照预设偏移速度,依次控制目标UV空间从序列帧合集图像中的第一图像区域偏移到第二图像区域,将目标UV空间所在图像区域的序列帧图像逐一显示在序列帧显示区域。其中,目标UV空间的偏移步长为单个序列帧图像区域即序列帧合集图像中的最小基准单元。需要说明的是,一个图像区域即为一个基准单元,也就是单张序列帧图像所在的区域,上述第一图像区域为上述多张序列帧图像中第一张序列帧图像所在的区域,第二图像区域为上述多张序列帧图像中最后一张序列帧图像所在的区域。
例如,可以预先定义时间变量Time控制目标UV空间的偏移。预先根据需要的序列帧图像播放速度配置好Time值的增长速度,使得Time值从0开始按照该增长速度依次递增,并在递增时触发目标UV空间的偏移。具体来讲,初始状态下,Time=0,目标UV空间映射到第一图像区域,然后,Time值每增加1,则将目标UV空间向右偏移一个基准单元位置,直至偏移到第二图像区域后,再重新定位到第一图像区域,进入下一轮播放。目标UV空间每偏移到一个基准单元,就会采样相应区域的序列帧图像渲染到序列帧显示区域,从而实现上述多张序列帧图像的循环动画播放。其中,Time值的增长速度可以根据需要的序列帧图像播放速度配置。
第二种,翻页展示,即根据用户指令翻页显示序列帧图像。此时,上述步骤S103具体可以包括:接收用户触发的翻页指令;基于翻页指令,控制目标UV空间从序列帧合集图像中的当前图像区域偏移到下一图像区域,将下一图像区域的序列帧图像显示到序列帧显示区域。
具体实施时,触发翻页指令的用户操作方式可以有多种,例如,可以是单击屏幕显示区域的操作,或者,左滑、右滑等手势操作,又或者,语音命令操作等。以手势操作为例,初始状态下,显示装置显示第一张序列帧图像,用户可以在屏幕显示区域执行右滑手势操作,就可以触发向右翻页指令,控制目标UV空间偏移到第二张序列帧图像所在的区域,从而显示第二张序列帧图像,依次类推,实现序列帧图像的翻页展示。当然,在这个过程中,用户也可以在屏幕显示区域执行左滑手势操作,就可以触发向左翻页指令,控制目标UV空间偏移到上一序列帧图像所在的区域,从而显示上一张序列帧图像。
本发明实施例提供的序列帧图像展示方法,摒弃了传统依次加载多张序列帧图像的方式,预先将多张序列帧图像拼合成了单张序列帧合集图像,然后通过控制UV空间的缩小以及偏移实现序列帧图像的动态展示,有利于降低图像加载与解码给CPU带来的性能开销,节省系统的计算资源,同时也降低了对显示装置的硬件要求。
第二方面,基于同一发明构思,本发明实施例还提供了一种序列帧图像展示装置,应用于显示装置,该显示装置中预先创建有序列帧显示区域。如图6所示,序列帧图像展示装置60可以包括:
获取模块601,用于获取序列帧合集图像,并将所述序列帧合集图像映射为所述序列帧显示区域的纹理贴图,其中,所述序列帧合集图像是将多张序列帧图像按照a行b列的排布方式依次拼合而成;
空间转换模块602,用于基于所述序列帧合集图像拼合的序列帧图像行列数,对所述序列帧显示区域的UV空间进行缩小,得到目标UV空间;
展示模块603,用于通过控制所述目标UV空间在所述序列帧合集图像上的位置偏移,将所述序列帧合集图像中的序列帧图像逐一显示在所述序列帧显示区域。
在一种可选的实施方式中,上述序列帧图像展示装置60还包括:配置模块,用于:
获取映射方向配置信息;
根据所述映射方向配置信息,配置所述目标UV空间的横、纵坐标映射方向,所述横、纵坐标映射方向与所述序列帧合集图像中序列帧图像的拼合顺序适配。
在一种可选的实施方式中,上述序列帧合集图像中序列帧图像的拼合顺序为以下几种顺序中的任意一种:
横向从第一列至第b列,纵向从第一行至第a行;
横向从第一列至第b列,纵向从第a行至第一行;
横向从第b列至第一列,纵向从第一行至第a行;
横向从第b列至第一列,纵向从第a行至第一行。
在一种可选的实施方式中,上述映射方向配置信息包括:横向配置信息和纵向配置信息,所述横向配置信息用于配置所述目标UV空间的横坐标映射方向,所述纵向配置信息用于配置所述目标UV空间的纵坐标映射方向,上述配置模块具体用于:
通过监测第一预设控件的开闭状态,确定所述横向配置信息;
通过监测第二预设控件的开闭状态,确定所述纵向配置信息。
在一种可选的实施方式中,上述序列帧图像展示装置还包括:创建模块,用于:
基于单张所述序列帧图像的长宽比创建平面物体模型,将所述平面物体模型作为所述序列帧显示区域;
配置所述平面物体模型的UV空间。
在一种可选的实施方式中,上述展示模块603用于:
按照预设偏移速度,依次控制所述目标UV空间从所述序列帧合集图像中的第一图像区域偏移到第二图像区域,将所述目标UV空间所在图像区域的序列帧图像逐一显示在所述序列帧显示区域,
其中,所述目标UV空间的偏移步长为单个序列帧图像区域,所述第一图像区域为所述多张序列帧图像中第一张序列帧图像所在的区域,所述第二图像区域为所述多张序列帧图像中最后一张序列帧图像所在的区域。
在一种可选的实施方式中,上述展示模块603用于:
接收用户触发的翻页指令;
基于所述翻页指令,控制目标UV空间从所述序列帧合集图像中的当前图像区域偏移到下一图像区域,将所述下一图像区域的序列帧图像显示到所述序列帧显示区域。
需要说明的是,以上各模块可以是由软件代码实现,也可以由硬件例如集成电路芯片实现。
还需要说明的是,以上各模块实现各自功能的具体过程,请参见上述方法实施例中描述的具体内容,此处不再赘述。
第三方面,基于同一发明构思,如图7所示,本发明实施例还提供了一种显示装置70,包括处理器(图中未示出)、存储器(图中未示出)及存储在存储器上并可在处理器上运行的计算机程序。该计算机程序被处理器执行时实现上述第一方面提供的序列帧图像展示方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。当然,该显示装置70还包括:显示面板701,该显示面板701与处理器连接,用于显示序列帧图像702。例如,显示面板可以为LCD面板或OLED面板等。
需要说明的是,显示装置可以是任意具有显示功能的电子设备,本实施例对此不做限定。例如,显示装置可以是智能显示屏、智能穿戴设备、智能交通灯设备、智能手机或智能电视等。
第四方面,基于同一发明构思,本发明实施例还提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机指令,当所述计算机指令在计算机上运行时,使得计算机执行上述第一方面提供的序列帧图像展示方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。举例来讲,该计算机可读存储介质可以是只读存储器(Read-Only Memory,简称ROM)、随机存取存储器(Random Access Memory,简称RAM)、磁碟或者光盘等。
本领域内的技术人员应明白,本申请的实施例可提供为方法、装置、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、装置、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。术语“多个”表示两个以上,包括两个或大于两个的情况。
尽管已描述了本说明书的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例作出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本说明书范围的所有变更和修改。

Claims (10)

1.一种序列帧图像展示方法,其特征在于,应用于显示装置,所述显示装置中预先创建有序列帧显示区域,所述方法包括:
获取序列帧合集图像,并将所述序列帧合集图像映射为所述序列帧显示区域的纹理贴图,其中,所述序列帧合集图像是将多张序列帧图像按照a行b列的排布方式依次拼合而成;
基于所述序列帧合集图像拼合的序列帧图像行列数,对所述序列帧显示区域的UV空间进行缩小,得到目标UV空间;
通过控制所述目标UV空间在所述序列帧合集图像上的位置偏移,将所述序列帧合集图像中的序列帧图像逐一显示在所述序列帧显示区域。
2.根据权利要求1所述的方法,其特征在于,在通过控制所述目标UV空间在所述序列帧合集图像上的位置偏移,将所述序列帧合集图像中的序列帧图像逐一显示在所述序列帧显示区域之前,还包括:
获取映射方向配置信息;
根据所述映射方向配置信息,配置所述目标UV空间的横、纵坐标映射方向,所述横、纵坐标映射方向与所述序列帧合集图像中序列帧图像的拼合顺序适配。
3.根据权利要求2所述的方法,其特征在于,所述序列帧合集图像中序列帧图像的拼合顺序为以下几种顺序中的任意一种:
横向从第一列至第b列,纵向从第一行至第a行;
横向从第一列至第b列,纵向从第a行至第一行;
横向从第b列至第一列,纵向从第一行至第a行;
横向从第b列至第一列,纵向从第a行至第一行。
4.根据权利要求2所述的方法,其特征在于,所述映射方向配置信息包括:横向配置信息和纵向配置信息,所述横向配置信息用于配置所述目标UV空间的横坐标映射方向,所述纵向配置信息用于配置所述目标UV空间的纵坐标映射方向,所述获取映射方向配置信息,包括:
通过监测第一预设控件的开闭状态,确定所述横向配置信息;
通过监测第二预设控件的开闭状态,确定所述纵向配置信息。
5.根据权利要求1所述的方法,其特征在于,所述序列帧显示区域通过以下步骤创建:
基于单张所述序列帧图像的长宽比创建平面物体模型,将所述平面物体模型作为所述序列帧显示区域;
配置所述平面物体模型的UV空间。
6.根据权利要求1所述的方法,其特征在于,所述通过控制所述目标UV空间在所述序列帧合集图像上的位置偏移,将所述序列帧合集图像中的序列帧图像逐一显示在所述序列帧显示区域,包括:
按照预设偏移速度,依次控制所述目标UV空间从所述序列帧合集图像中的第一图像区域偏移到第二图像区域,将所述目标UV空间所在图像区域的序列帧图像逐一显示在所述序列帧显示区域,
其中,所述目标UV空间的偏移步长为单个序列帧图像区域,所述第一图像区域为所述多张序列帧图像中第一张序列帧图像所在的区域,所述第二图像区域为所述多张序列帧图像中最后一张序列帧图像所在的区域。
7.根据权利要求1所述的方法,其特征在于,所述通过控制所述目标UV空间在所述序列帧合集图像上的位置偏移,将所述序列帧合集图像中的序列帧图像逐一显示在所述序列帧显示区域,包括:
接收用户触发的翻页指令;
基于所述翻页指令,控制目标UV空间从所述序列帧合集图像中的当前图像区域偏移到下一图像区域,将所述下一图像区域的序列帧图像显示到所述序列帧显示区域。
8.一种序列帧图像展示装置,其特征在于,应用于显示装置,所述显示装置中预先创建有序列帧显示区域,所述展示装置包括:
获取模块,用于获取序列帧合集图像,并将所述序列帧合集图像映射为所述序列帧显示区域的纹理贴图,其中,所述序列帧合集图像是将多张序列帧图像按照a行b列的排布方式依次拼合而成;
空间转换模块,用于基于所述序列帧合集图像拼合的序列帧图像行列数,对所述序列帧显示区域的UV空间进行缩小,得到目标UV空间;
展示模块,用于通过控制所述目标UV空间在所述序列帧合集图像上的位置偏移,将所述序列帧合集图像中的序列帧图像逐一显示在所述序列帧显示区域。
9.一种显示装置,其特征在于,包括:处理器、存储器及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述计算机程序被所述处理器执行时实现如权利要求1-7任一项所述序列帧图像展示方法的步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机指令,当所述计算机指令在计算机上运行时,使得计算机执行如权利要求1-7任一项所述序列帧图像展示方法的步骤。
CN202210254750.6A 2022-03-15 2022-03-15 序列帧图像展示方法、装置及存储介质 Pending CN114627228A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210254750.6A CN114627228A (zh) 2022-03-15 2022-03-15 序列帧图像展示方法、装置及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210254750.6A CN114627228A (zh) 2022-03-15 2022-03-15 序列帧图像展示方法、装置及存储介质

Publications (1)

Publication Number Publication Date
CN114627228A true CN114627228A (zh) 2022-06-14

Family

ID=81901359

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210254750.6A Pending CN114627228A (zh) 2022-03-15 2022-03-15 序列帧图像展示方法、装置及存储介质

Country Status (1)

Country Link
CN (1) CN114627228A (zh)

Similar Documents

Publication Publication Date Title
US5414805A (en) Visual display transition effects using sorted table of display cells
CN104123742A (zh) 一种将静态漫画图片转化为二维动画的方法和播放器
CN111476852B (zh) 阅读器刷新方法、计算设备及计算机存储介质
CN109003227B (zh) 一种增强对比度的装置及显示器
CN111833417A (zh) 安卓应用程序实现黑白模式的方法及系统
CN110363837A (zh) 游戏中纹理图像的处理方法及装置、电子设备、存储介质
CN113538502A (zh) 图片裁剪方法、装置、电子设备及存储介质
CN112188262B (zh) 图像处理方法、装置及系统和计算机可读介质
CN111477183B (zh) 阅读器刷新方法、计算设备及计算机存储介质
CN105427235A (zh) 一种图像浏览方法及系统
CN112149745A (zh) 确定难例样本的方法、装置、设备及存储介质
CN114627228A (zh) 序列帧图像展示方法、装置及存储介质
CN105632349B (zh) Led球形显示屏播放管理的方法、装置及系统
US20200258476A1 (en) Timing controller, display apparatus, and operation method thereof
CN111402369A (zh) 互动广告的处理方法、装置、终端设备及存储介质
CN116363254A (zh) 一种数据图绘制和缩放方法、系统和存储介质
CN107273072B (zh) 图片显示方法、装置及电子设备
CN106462600A (zh) 一种显示照片的方法及设备
CN104517273A (zh) 一种图像超分辨率处理方法及装置
CN110087088B (zh) 一种基于运动估计的数据存储方法、终端设备及存储介质
CN110020285B (zh) 柱状图的处理方法及装置
US8754908B2 (en) Optimized on-screen video composition for mobile device
CN105139333B (zh) 一种图片加载显示方法及装置
CN116343714B (zh) 显示屏旋转自适应方法、装置、计算机设备和存储介质
CN114119797B (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