一种基于移动终端的图像展示方法、系统和移动终端

1.一种基于移动终端的图像展示方法，其特征在于，该方法包括：
移动终端获取素材图像；
在移动终端上融合显示所述素材图像和背景图像，所述背景图像与该素材图像相匹配，所述背景图像是根据用于描述所述素材图像的类型的图像属性信息被检索出的，其中直接通过素材图像的命名来描述所述素材图像的类型；所述融合显示所述素材图像和所述背景图像包括：所述素材图像显示在所述背景图像的上面或前面；
移动终端监测自身的摇动状态，并基于所监测到的摇动状态控制所述素材图像相对于该背景图像的移动状态。
2.根据权利要求1所述的基于移动终端的图像展示方法，其特征在于，该方法进一步包括：
移动终端根据素材图像检索与该素材图像相匹配的背景图像。
3.根据权利要求1所述的基于移动终端的图像展示方法，其特征在于，所述在移动终端上融合显示背景图像和所述素材图像为：
移动终端通过通用网关接口(CGI)的方式获取背景图像和所述素材图像，并在移动终端的浏览器窗口上融合显示所述背景图像和素材图像，其中所述素材图像显示在所述背景图像的上面。
4.根据权利要求1所述的基于移动终端的图像展示方法，其特征在于，所述移动终端监测自身的摇动状态，并基于所监测到的摇动状态控制所述素材图像相对于该背景图像的移动状态包括：
侦听移动终端浏览器窗口的devicemotion事件，以监测移动终端的摇动状态；
在 d e v i c e m o t i o n 事 件 的 触 发 函 数 中 获 取 到 移 动 终 端 的accelerationIncludingGravity.x值；
根据accelerationIncludingGravity.x值控制所述素材图像相对于该背景图像的移动状态。
5.根据权利要求4所述的基于移动终端的图像展示方法，其特征在于，所述根据accelerationIncludingGravity.x值控制素材图像相对于该背景图像的移动状态包括：
当accelerationIncludingGravity.x值大于0时，控制素材图像相对于该背景图像向右侧移动；
当accelerationIncludingGravity.x值小于0时，则控制素材图像相对于该背景图像向着左侧移动；且
当accelerationIncludingGravity.x值等于0时，则素材图像相对于该背景图像不动。
6.根据权利要求1-5中任一项所述的基于移动终端的图像展示方法，其特征在于，所述素材图像的类型包括下列中任意一个：
位图；
联合照片专家组(JPEG)；
签图像文件格式(TIFF)；
图像互换格式(GIF)；
流式网络图形格式(PNG)；或
三维图像。
7.根据权利要求1-5中任一项所述的基于移动终端的图像展示方法，其特征在于，所述背景图像的类型包括下列中任意一个：
位图；
联合照片专家组(JPEG)；
签图像文件格式(TIFF)；
图像互换格式(GIF)；
流式网络图形格式(PNG)；或
三维图像。
8.一种基于移动终端的图像展示系统，其特征在于，该系统包括移动终端和服务器；其中：
服务器，用于接收素材图像，并将背景图像和所述素材图像发送到移动终端，所述背景图像与该素材图像相匹配，所述背景图像是根据用于描述所述素材图像的类型的图像属性信息被检索出的，其中直接通过素材图像的命名来描述所述素材图像的类型；
移动终端，用于融合显示所述背景图像和所述素材图像；监测自身的摇动状态，并基于所述摇动状态控制所述素材图像相对于该背景图像的移动状态；所述融合显示所述素材图像和所述背景图像包括：所述素材图像显示在所述背景图像的上面或前面。
9.根据权利要求8所述的基于移动终端的图像展示系统，其特征在于，所述移动终端包括浏览器单元和图像移动单元，其中：
浏览器单元，用于打开浏览器窗口，并在所述浏览器窗口上融合显示背景图像和所述素材图像，其中所述素材图像显示在所述背景图像的上面；
图像移动单元，用于监测移动终端的摇动状态，并基于所述移动终端的摇动状态控制所述素材图像相对于该背景图像的移动状态。
10.根据权利要求9所述的基于移动终端的图像展示系统，其特征在于，浏览器单元，用于通过通用网关接口(CGI)的方式从所述服务器获取背景图像和所述素材图像，并在移动终端的浏览器窗口上融合显示背景图像和所述素材图像，其中所述素材图像显示在所述背景图像的上面。
11.根据权利要求9所述的基于移动终端的图像展示系统，其特征在于，图像移动单元，用于侦听移动终端浏览器窗口的devicemotion事件以监测移动终端的摇动状态 ；在devi cemotion事件的 触发函数中获取到移动终 端的
accelerationIncludingGravity.x值；并根据accelerationIncludingGravity.x值控制所述素材图像相对于该背景图像的移动状态。
12.根据权利要求11所述的基于移动终端的图像展示系统，其特征在于，图像移动单元，当accelerationIncludingGravity.x值大于0时，控制素材图像相对于该背景图像向右侧移动；
当accelerationIncludingGravity.x值小于0时，则控制素材图像相对于该背景图像向着左侧移动；而且
当accelerationIncludingGravity.x值等于0时，则素材图像相对于该背景图像不动。
13.一种移动终端，其特征在于，该移动终端包括素材图像获取单元、浏览器单元和图像移动单元；其中：
素材图像获取单元，用于获取素材图像；
浏览器单元，用于打开浏览器窗口，并在所述浏览器窗口上融合显示背景图像和所述素材图像，其中所述素材图像显示在所述背景图像的上面，所述背景图像与该素材图像相匹配，所述背景图像是根据用于描述所述素材图像的类型的图像属性信息被检索出的，其中直接通过素材图像的命名来描述所述素材图像的类型；
图像移动单元，用于监测移动终端的摇动状态，并基于所述移动终端的摇动状态控制所述素材图像相对于该背景图像的移动状态。
14.根据权利要求13所述的移动终端，其特征在于，素材图像获取单元，用于通过通用网关接口(CGI)的方式从服务器获取背景图像和素材图像。
15.根据权利要求13所述的移动终端，其特征在于，图像移动单元，用于侦听移动终端浏览器窗口的devicemotion事件以监测移动终端的摇动状态；在devicemotion事件的触发函数中获取到移动终端的accelerationIncludingGravity.x值；并根据accelerationIncludingGravity.x值控制所述素材图像相对于该背景图像的移动状态。

一种基于移动终端的图像展示方法、系统和移动终端\n技术领域\n[0001] 本发明实施方式涉及图像展示技术领域，更具体地，涉及一种基于移动终端的图像展示方法、系统和移动终端。\n背景技术\n[0002] 随着计算机技术和网络技术的飞速发展，互联网(Internet)和即时通信技术在人们的日常生活、学习和工作中发挥的作用也越来越大。而且，随着移动互联网的发展，互联网也在向移动化发展。\n[0003] 当今社会已经进入了高度发达的信息时代，其企业竞争形态也已经由过去主要以产品功能质量为主的单一竞争形态转变为以企业形象、商品、品牌等作为重要手段和主要倾向的复合竞争形态。这种形态的转变与现代图像展示事业的迅速发展是分不开的。\n[0004] 在传统的图像展示活动中，图像主、图像内容、图像内容受众、图像表现等基本要素都在一定的区域里反映着各个时期的文明程度。所有的这些图像元素，都在不同程度上作为一种文化反映着社会、经济的时代痕迹。\n[0005] 在目前基于移动终端的图像展示方法中，通常由图像提供商自己直接提供图像素材，并且单向在网络上主动展示图像。然而，这种交互方式并没有考虑到图像受众的个人兴趣而且缺乏有效交互，因此交互成功率很低。\n发明内容\n[0006] 本发明实施方式提出一种基于移动终端的图像展示方法，以提高交互成功率。\n[0007] 本发明实施方式还提出了一种基于移动终端的图像展示系统，以提高交互成功率。\n[0008] 本发明实施方式还提出了一种移动终端，以提高交互成功率。\n[0009] 本发明实施方式的具体方案如下：\n[0010] 一种基于移动终端的图像展示方法，该方法包括：\n[0011] 移动终端获取素材图像；\n[0012] 在移动终端上融合显示背景图像和所述素材图像；\n[0013] 移动终端监测自身的摇动状态，并基于所监测到的摇动状态控制所述素材图像相对于该背景图像的移动状态。\n[0014] 一种基于移动终端的图像展示系统，该系统包括移动终端和服务器；其中：\n[0015] 服务器，用于接收素材图像，并将背景图像和所述素材图像发送到移动终端；\n[0016] 移动终端，用于融合显示所述背景图像和所述素材图像；监测自身的摇动状态，并基于所述摇动状态控制所述素材图像相对于该背景图像的移动状态。\n[0017] 一种移动终端，该移动终端包括素材图像获取单元、浏览器单元和图像移动单元；\n其中：\n[0018] 素材图像获取单元，用于获取素材图像；\n[0019] 浏览器单元，用于打开浏览器窗口，并在所述浏览器窗口上融合显示背景图像和所述素材图像，其中所述素材图像显示在所述背景图像的上面；\n[0020] 图像移动单元，用于监测移动终端的摇动状态，并基于所述移动终端的摇动状态控制所述素材图像相对于该背景图像的移动状态。\n[0021] 从上述技术方案可以看出，在本发明实施方式中，首先移动终端获取素材图像；然后在移动终端上融合显示背景图像和素材图像；最后监测移动终端的摇动状态，并基于移动终端的摇动状态控制素材图像相对于背景图像的移动状态。由此可见，应用本发明实施方式之后，不再是图像提供商(比如广告商)完全提供图像素材，而是可以由用户自主提供图像素材，并且将图像素材与背景图像融合共同显示，因此本发明实施方式有效地提高图像的交互成功率，提高eCPM值。\n[0022] 而且，本发明实施方式还可以根据移动终端的摇动状态控制素材图像的移动，同时还提高了一种与用户广泛交互的趣味图像展示方法，从而进一步能够提高图像投放效果。\n附图说明\n[0023] 图1为根据本发明实施方式的基于移动终端的图像展示方法流程图；\n[0024] 图2为根据本发明实施方式的汽车类型的素材图像示意图；\n[0025] 图3为根据本发明实施方式的汽车类型的素材图像与背景图像的共同显示示意图；\n[0026] 图4为根据本发明实施方式的移动终端摇动分析示意图；\n[0027] 图5为根据本发明实施方式的基于移动终端的图像展示系统结构图；\n[0028] 图6为根据本发明实施方式的移动终端结构示意图。\n具体实施方式\n[0029] 为使本发明的目的、技术方案和优点更加清楚，下面结合附图对本发明作进一步的详细描述。\n[0030] 图1为根据本发明实施方式的基于移动终端的图像展示方法流程图。\n[0031] 如图1所示，该方法包括：\n[0032] 步骤101：移动终端获取素材图像。\n[0033] 在这里，图像受众、图像提供商或任意的第三方都可以通过各种信息传输方式，将素材图像上传到位于网络侧的服务器中，移动终端从服务器中获取到素材图像。\n[0034] 素材图像的具体内容与期望向用户展示的素材本身相关。比如，假设期望投放关于品牌汽车的信息推送，则可以上传品牌汽车的实物模型图像；假如期望投放关于某款电子产品的信息推送，则可以上传该款电子产品的实物模型图像；等等。\n[0035] 背景图像和素材图像的种类可以有多种。比如，背景图像和素材图像可以分别为：\n位图；联合照片专家组(JPEG)；签图像文件格式(TIFF)；图像互换格式(GIF)；流式网络图形格式(PNG)；或三维图像，等等。\n[0036] GIF图像文件的数据是经过压缩的，而且是采用了可变长度等压缩算法。GIF格式的另一个特点是其在一个GIF文件中可以存多幅彩色图像，如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上，就可构成一种最简单的动画。本发明实施方式中，可以通过将该动画类型的素材图像叠加到背景图像上，实现共同显示。\n[0037] 示范性地，图2为根据本发明实施方式的汽车类型的素材图像示意图。\n[0038] 而且，信息推送受众、图像提供商或任意的第三方还可以通过多种方式上传素材图像。比如，可以由图像受众直接在移动终端上，通过无线上网的方式将素材图像上传到服务器；也可以由图像提供商通过个人计算机(PC)等方式将素材图像上传到服务器，等等。\n[0039] 步骤102：在移动终端上融合显示背景图像和所述素材图像。\n[0040] 服务器可以向移动终端提供背景图像，也可以在移动终端本地预先存储背景图像。优选在服务器中保存背景图像，这是因为相比较移动终端，服务器可以具有更大的储存空间，因此可以在服务器中保存海量的背景图像。示范性地，背景图像可以包括：蓝天、白云、大桥、公路等等。\n[0041] 在一个实施方式中，图像受众、图像提供商或任意第三方除了上传素材图像之外，还进一步上传用于描述该素材图像类型的图像属性信息。图像属性信息可以是文本信息。\n还可以直接通过素材图像的命名来描述其类型。服务器可以根据图像属性信息确定出素材图像的类型，并检索与该素材图像相匹配的背景图像。\n[0042] 比如，假设素材图像是针对汽车的信息推送，则服务器可以检索出适于汽车的背景图像(比如为跑道)；假设素材图像是针对电子产品的信息推送，则服务器可以检索出适于电子产品的背景图像(比如为办公桌)。\n[0043] 在这里，当由服务器提供背景图像时，服务器可以首先将上传来的素材图像和自身保存的背景图像发送到移动终端，而且优选顺带发送定单信息和/或广告位信息等，并提供给移动终端进行相应展示。\n[0044] 在移动终端上将背景图像和素材图像共同显示，从而实现融合显示。优选地，素材图像显示在背景图像的上面或前面。\n[0045] 图3为根据本发明实施方式的汽车类型的素材图像与背景图像的共同显示示意图。\n[0046] 由图3可见，素材图像为汽车模型，背景图像为大桥。汽车模型与大桥融合显示在一起，而且汽车模型停留在大桥之上。\n[0047] 优选的，移动终端可以通过通用网关接口(CGI)的方式从服务器获取到背景图像和素材图像，并在移动终端的浏览器窗口上显示背景图像和素材图像。\n[0048] 移动终端浏览器是运行在移动终端上的浏览器，可以通过通用分组无线服务技术(GPRS)等多种方式上网浏览互联网内容。目前，一些移动终端浏览器需要JAVA或智能手机的系统(如苹果的IOS系统以及Android平台等)支持。\n[0049] 步骤103：移动终端监测自身的摇动状态，并基于监测的摇动状态控制所述素材图像相对于该背景图像的移动状态。\n[0050] 在这里，在将该背景图像和素材图像融合显示在移动终端的特定显示位上后，需要监测移动终端的摇动状态。可以在该显示位上应用专门的JavaScript代码来处理对素材图像的相应移动控制。\n[0051] 比如：根据移动终端浏览器的发展趋势，移动终端浏览器大部分将会直接内置对移动终端运动的支持。通过对移动终端浏览器的devicemotion事件的侦听，可以获取到手机等移动设备的accelerationIncludingGravity.x，accelerationIncludingGravity.y，accelerationIncludingGravity.z等值，然后将这些值传递给移动终端浏览器页面中JavaScript代码中的flash object，同时被传递的值还可以有时间值，以供flash判断当前的速度。优选地，为了动态协调背景素材和运动的图像素材，可以构建一个运动控制容器，以负责加载背景素材和1个或多个运动的图像素材。在JavaScript的事件触发下，平滑地处理flash object中物体的模拟真实运动。\n[0052] 示范性地，图4为根据本发明实施方式的移动终端摇动分析示意图。\n[0053] 具体地，可以首先侦听移动终端浏览器窗口的devicemotion事件，以监测移动终端的摇动状态；在devicemotion事件的触发函数中获取到移动终端的\naccelerationIncludingGravity值，其中accelerationIncludingGravity值包括accelerationIncludingGravity.x值；可以根据accelerationIncludingGravity.x值控制素材图像相对于该背景图像的移动状态。\n[0054] 其中：当accelerationIncludingGravity.x值大于0时，控制素材图像相对于该背景图像向右侧移动；\n[0055] 当accelerationIncludingGravity.x值小于0时，则控制素材图像相对于该背景图像向着左侧移动；且\n[0056] 当accelerationIncludingGravity.x值等于0时，则素材图像相对于该背景图像不动。\n[0057] 从而，当用户晃动移动终端的时候，素材图像可以根据移动的方向进行相应的移动。例如，假设素材图像为汽车模型，而背景图像为大桥。当晃动移动终端到某个倾斜方向，图像内的汽车模型也会根据晃动方向移动，可以根据倾斜度，力度来把握汽车模型爬坡的高度，从而可以操作汽车模型爬坡或者滑落。\n[0058] 在具体实现中：\n[0059] 针对HTML页面中的JS代码：\n[0060]\n[0061]\n[0062] 针对flash中AS代码的处理：\n[0063] public function setXYZ(x,y,z,t){\n[0064] MOVE_ELEMENT.x＝MOVE_ELEMENT.x+x；//根据传递进来的x值动态设置需要运动物理的坐标实现模拟物体运动。\n[0065] 基于上述分析，本发明实施方式还提出了一种基于移动终端的图像展示系统。\n[0066] 图5为根据本发明实施方式的基于移动终端的图像展示系统结构图。\n[0067] 如图5所示，该系统包括移动终端501和服务器502。其中：\n[0068] 服务器501，用于接收素材图像，并将背景图像和素材图像发送到移动终端502。\n[0069] 具体地，图像受众、图像提供商或任意的第三方都可以通过各种信息传输方式，将素材图像上传到服务器501中。素材图像的具体内容与素材本身相关。比如，假设期望投放关于品牌汽车的信息推送，则可以上传品牌汽车的实物模型图像；假如期望投放关于某款电子产品的信息推送，则可以上传该款电子产品的实物模型图像；等等。\n[0070] 移动终端502，用于融合显示背景图像和素材图像；监测自身的摇动状态，并基于摇动状态控制所述素材图像相对于该背景图像的移动状态。\n[0071] 在这里，移动终端502是指可以在移动中使用的计算机设备，可以包括手机、笔记本电脑、平板电脑、个人数字助理(PDA)、POS机甚至包括车载电脑，等等。\n[0072] 优选地，移动终端502是手机或者具有多种应用功能的智能手机以及平板电脑。\n[0073] 具体地，图6为根据本发明实施方式的移动终端结构示意图。\n[0074] 如图6所示，移动终端可以包括素材图像获取单元601、浏览器单元602和图像移动单元603。其中：\n[0075] 素材图像获取单元601，用于获取素材图像。素材图像获取单元601既可以从远程的网络处通过各种下载方式获取到多样化的素材图像，也可以通过本地的摄像单元(比如：\n摄像头)自行拍照来获取素材图像。\n[0076] 浏览器单元602，用于打开浏览器窗口，并在浏览器窗口上融合显示背景图像和所述素材图像，其中所述素材图像显示在所述背景图像的上面。\n[0077] 类似地，既可以从远程的网络处通过各种下载方式获取到多样化的背景图像，也可以通过移动终端本地的摄像单元(比如：摄像头)自行拍照来获取背景图像。\n[0078] 图像移动单元603，用于监测移动终端的摇动状态，并基于移动终端的摇动状态控制素材图像相对于该背景图像的移动状态。\n[0079] 在一个实施方式中，浏览器单元602，可以通过通用网关接口(CGI)的方式从服务器501获取背景图像和所述素材图像，并在移动终端的浏览器窗口上融合显示背景图像和所述素材图像，其中所述素材图像显示在所述背景图像的上面。\n[0080] 优选地，图像移动单元603，用于侦听移动终端浏览器窗口的devicemotion事件以监测移动终端的摇动状态；在devicemotion事件的触发函数中获取到移动终端的accelerationIncludingGravity.x值；并根据accelerationIncludingGravity.x值控制所述素材图像相对于该背景图像的移动状态。\n[0081] 其中：\n[0082] 图像移动单元603，当accelerationIncludingGravity.x值大于0时，控制素材图像相对于该背景图像向右侧移动；\n[0083] 当accelerationIncludingGravity.x值小于0时，则控制素材图像相对于该背景图像向着左侧移动；而且\n[0084] 当accelerationIncludingGravity.x值等于0时，则素材图像相对于该背景图像不动。\n[0085] 由此，可以实现通过摇晃移动终端，控制图像里的实物模型随着移动终端的运动而移动。\n[0086] 综上所述，在本发明实施方式中，首先上传素材图像；然后在移动终端上融合显示背景图像和素材图像；最后监测移动终端的摇动状态，并基于移动终端的摇动状态控制素材图像相对于背景图像的移动状态。由此可见，应用本发明实施方式之后，不再是图像提供商完全提供图像素材，而是可以由用户自主提供图像素材，并且将图像素材与背景图像融合共同显示，因此本发明实施方式有效地提高图像的交互成功率，提高eCPM值。\n[0087] 而且，本发明实施方式还可以根据移动终端的摇动状态控制素材图像的移动，同时还提高了一种与用户广泛交互的趣味图像展示方法，从而进一步能够提高图像投放效果。\n[0088] 以上所述，仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。