动画播放方法和动画播放系统的制作方法_2

文档序号:9528018阅读:来源:国知局
9]13图像复原用压缩信息
[0040]14透明度信息用压缩信息
[0041]2客户终端
[0042]21浏览器
[0043]22显示画面
[0044]3因特网
[0045]MV动矢量
[0046]CB当前数据块
[0047]CF当前帧
【具体实施方式】
[0048]以下,参照附图详细地说明本发明的实施方式。图1是用于说明本发明的动画播放方法和动画播放系统的实施方式的概要的图,因此,首先,该图1(a)示出了动画显示系统的一个例子,信息参阅者所持有的客户终端2能够经由因特网3与信息提供者侧的网络服务器1进行通信。
[0049]客户终端2至少包括:显示画面22,其能够显示各种文本信息、静止画及动画;以及称作浏览器21的软件,其将用网页记述语言记述的程序读取并解读,并相应地在显示画面22上显示各种文本信息、静止画及动画。此外,在本发明中,浏览器21能够解读的网页记述语言至少是以HTML (HyperText Markup Language:超文本标记语言)5标准为标准的语言。另外,此处,仅例举了与本发明直接相关的构成,但是,客户终端2还包括其他的能够执行包含浏览器21的各种软件的处理器、存储器、以及进行显示画面22的显示控制的专用的处理部等硬件,在此省略。
[0050]作为客户终端2的例子,例如是个人计算机、所谓的智能手机等移动信息终端。此夕卜,在智能手机的情况下,是经由所谓的3G线路、LTE (Long Term Evolut1n:长程演进)、WiMAX(注册商标)等3.9G线路连接于因特网3、或者对于无线LAN路由器用Wi — Fi (注册商标)进行通信来直接连接于因特网3的形态。
[0051]另一方面,网络服务器1至少包括显示程序11、JPEG压缩静止图像数据12、以及图像复原用压缩信息13。首先,JPEG压缩静止图像数据12是将以显示于如客户终端2那样连接于因特网3的多个终端为意图而制作的动画信息,通过后述的带帧间动补偿的动画构成图像JPEG压缩方式进行压缩编码化而获取的数据,是如后详述的那样将由多个帧构成的动画信息通过上述特定的处理操作来制作为静止画的JPEG压缩数据而成的数据。
[0052]另外,图像复原用压缩信息13是如后详述的那样通过带帧间动补偿的动画构成图像JPEG压缩方式在将动画处理为静止画而进行转换时的转换及动补偿的信息压缩编码化而成的信息,是在客户终端2侧JPEG压缩静止图像数据12被伸长并再构成动画时所参照的信息。此外,该图像复原用压缩信息13可以只为例如base64形式的二进制数据,但是,从信息量削减和在浏览器21中能够按标准处理这种观点考虑,优选的是构成为:视为图像而以PNG形式实施了压缩处理的PNG图像数据。
[0053]另外,显示程序11是用能够由客户终端2的浏览器21解读的语言记述的程序,是用于通过在客户终端2中由浏览器21进行解读,从而一边参照图像复原用压缩信息13 —边将JPEG压缩静止图像数据12复原成原来的动画,并与其他的文本信息一起显示在客户终端2的显示画面22上的程序。具体而言,显示程序11是以HTML5为标准的记述语言和JavaScript进行记述的。
[0054]此外,显示程序11、JPEG压缩静止图像数据12、以及图像复原用压缩信息13 —般由网络服务器1之外的终端制作,并在完成后被上传到网络服务器1。另外,显示程序11、JPEG压缩静止图像数据12、图像复原用压缩信息13不必如该例子这样存储于同一网络服务器,例如显示程序11与JPEG压缩静止图像数据12及图像复原用压缩信息13也可以存储于不同的服务器。
[0055]图1(b)是流程图,示出以本发明的动画播放方法和动画播放系统的实施方式进行的、通过采用所谓的带帧间动补偿的动画构成图像JPEG压缩方式来制作JPEG压缩静止图像数据12及图像复原用压缩信息13的顺序。
[0056]一般,信息提供者侧将想要让信息参阅者侧参照的静止画及动画以压缩的状态存储于任意的网络服务器,但是,在本发明的实施方式中,作为将动画数据进行压缩了的数据来制作JPEG压缩静止图像数据12,并且制作作为附带信息的图像复原用压缩信息13。
[0057]因此,作为该制作方法的要点,对于由多个帧构成的动画数据的各帧,分割成8像素X8像素的数据块,对每个数据块采用JPEG压缩方式进行压缩编码化,并将这些编码依次排列而视为JPEG压缩静止图像,并且,在帧间采用动补偿的概念,对于当前数据块,如果存在与前帧相同的信息,对于该数据块不制作压缩数据,而利用前帧的信息。对于各数据块,是否利用前帧的信息的信息等被记述在图像复原用压缩信息13中。这样,通过采用JPEG压缩方式,能够用标准搭载于浏览器21中的解码器进行处理,同时,由于还采用了以动矢量进行的动补偿,因此,提高压缩率而削减了信息量。但是,考虑到在浏览器21中的处理负担,不进行差分压缩处理。
[0058]稍微具体而言,如图1(b)所示,对于构成动画的各帧,以JPEG压缩数据块单位,判定是否与前帧的一部分一致,在一致的情况下,与该当前数据块对应地在图像复原用信息中记述“利用前帧图像”的要点和其动矢量,在不一致的情况下,对于当前数据块,实施JPEG压缩,作为JPEG压缩静止图像数据12的一部分排列,并且,在图像复原用信息中记述“存在压缩图像”的要点(步骤S11)。如果处理到最后的帧而完成了 JPEG压缩静止图像数据12和图像复原用信息,则对于图像复原用信息以PNG形式进行压缩来制作图像复原用压缩信息13(步骤S12)。信息提供者这样制作JPEG压缩静止图像数据12及图像复原用压缩信息13并存储于网络服务器1。
[0059]此外,在JPEG压缩处理中,包含量化处理,在上述的是否相同的判定中,需要考虑该量化的误差。而且,考虑在不相同的情况下发生的编码量,即使该量化的误差变大到某种程度的情况下,也存在最好判定为相同的情况。因此,在是否相同的判定中,从JPEG压缩处理的量化系数来决定RDO (Rate Distort1n Optimizat1n:率失真优化)的λ参数,对判定为相同的情况和没有判定为相同的情况下的成本进行计算,优选选择成本小的一方。具体而言,该成本能够从在某一模式下进行了编码化的情况下的、与原图像的平方误差和发生的编码量,按照成本=λ X编码量+平方误差来计算。由此,在判定为相同的一方的成本小的情况下,从编码量与图像质量的平衡的观点来说,优选判定为相同。
[0060]图1 (c)是流程图,示出客户终端2的浏览器21所下载并执行解读的、与该图1 (b)的处理顺序对应的显示程序11的处理内容的概要。如上所述,显示程序11是根据已制作的JPEG压缩静止图像数据12及图像复原用压缩信息13的制作方针,由信息提供者侧制作的、由以HTML5为标准的记述语言和JavaScript进行记述的程序。
[0061]因此,作为概要,如该图1(c)所示,将图像复原用压缩信息13从网络服务器1下载并实施解码处理而恢复图像复原用信息(步骤S21),并且下载JPEG压缩静止图像数据12 (步骤S22)。然后,参照图像复原用信息,对于各数据块,如果是“利用前帧图像”,则基于图像复原用信息内的对应的动矢量的信息,从前帧的数据获取已解码的图像数据,如果不是“利用前帧图像”,则作为当前数据块应当采用的信息存在于下载了的JPEG压缩静止图像数据12内,因此,通过从JPEG压缩静止图像数据12内将下一个数据块的信息作为当前数据块的信息读取出来并进行解码处理,从而获取图像数据,通过将这样择一地获取的图像数据作为当前数据块的图像数据,并作为动画的帧内的图像数据来进行配置,从而再构成动画的帧来显示动画(步骤S23)。
[0062]图1(d)是示出浏览器21的处理顺序的概要的流程图。若客户终端2的所有者、即信息参阅者对于起动了的浏览器21输入想要参阅的网址的URL (Uniform ResourceLocator:统一资源定位器)、或者起动链接信息,则浏览器21从由此确定的网络服务器1下载显示程序11 (步骤S31),然后执行该显示程序11 (步骤S32)。如上所述,由于显示程序11是进行图1 (c)所示那样的处理的程序,因此,若浏览器21执行该显示程序11,则在显示画面22上显示动画。
[0063]<第1实施方式>
[0064]图2是流程图,示出以本发明的动画播放方法和动画播放系统的第1实施方式进行的、通过采用所谓的带帧间动补偿的动画构成图像JPEG压缩方式来制作JPEG压缩静止图像数据12及图像复原用压缩信息13的顺序。图3是用于说明制作JPEG压缩静止图像数据12及图像复原用压缩信息13的处理图。
[0065]如上述的概要说明的那样,为了将由多个帧构成的动画数据处理为进行了 JPEG压缩的静止画,从先头帧起依次以JPEG的处理单位的8像素X 8像素来构成的数据块单位推进处理。因此,首先,为了保证动补偿,从前帧与当前数据块CB的关系,决定动矢量MV(步骤S111)。动矢量MV能够基于前帧PF的图像与当前帧CF之间的像素值的平方误差来决定。然后,基于已决定的动矢量MV,判定当前帧CF的当前数据块CB是否与前帧PF的一部分相同(步骤S112)。基于该判定的结果,若判定为在前帧PF内存在视为相同的部分(肯定判定),则对于该当前数据块CB,将“利用前帧图像”的要点和所求出的动矢量MV (图3 (a))的信息记述在图像复原用信息中(步骤S113),转移到步骤S116。此外,步骤S113中的记述的形式为:通过将当前数据块确定信息、与该当前数据块确定信息对应的“利用前帧图像”的信息及动矢量MV的信息任意地、但
当前第2页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1