CN103559617A - 多维角度观看物品及缩放、平移和语音导购的方法及系统 - Google Patents

多维角度观看物品及缩放、平移和语音导购的方法及系统 Download PDF

Info

Publication number
CN103559617A
CN103559617A CN201310540121.0A CN201310540121A CN103559617A CN 103559617 A CN103559617 A CN 103559617A CN 201310540121 A CN201310540121 A CN 201310540121A CN 103559617 A CN103559617 A CN 103559617A
Authority
CN
China
Prior art keywords
article
picture
graphical interfaces
mouse
browser
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
CN201310540121.0A
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.)
Individual
Original Assignee
Individual
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 Individual filed Critical Individual
Priority to CN201310540121.0A priority Critical patent/CN103559617A/zh
Publication of CN103559617A publication Critical patent/CN103559617A/zh
Pending legal-status Critical Current

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本发明多维角度观看物品及缩放、平移和语音导购的方法及其系统。所述方法:一、根据客户在操作界面中点击鼠标左键并向各个方向拖动所产生距离的操作,将对应角度拍摄的物品图片反馈到操作界面中,从而形成动态的效果,拖动结束将拖动中末尾图片设置于操作界面中;通过鼠标滚轮的滚动实现图片缩放;通过鼠标滚轮的拖动实现图片平移。二、将预先录制好的关于物品介绍和相关录音,引导并根据检索指定播放。本发明如同物品在用户手中,可随客户意志对物品进行不同角度浏览,而不是现有的根据商家意志显示的固定图片;本发明还配语音导购会引导并根据用户需求进行物品介绍等互动。因此本发明的方法更加符合用户心理预期,能够带来更好的用户体验。

Description

多维角度观看物品及缩放、平移和语音导购的方法及系统
技术领域
本发明涉及互联网平台的物品展示及浏览领域,尤其涉及多维角度动态显示物品的图片及语音导购的方法
背景技术
电子商务以发展了些许年,往后的发展也必将更加繁荣。但目前所有的电子商务网站对物品的展览都是通过照片或经过处理的图片,鼠标停留在主展览框的图片上会把图片进行局部放大以便观察细节,有的会做视频介绍。但欣赏物品角度的图片或视频介绍的信息都是建立在商家意志上描述的。然而,用户想根据自己的意愿对商品细节的了解如果没被图片所包含,那么用户对物品的浏览缺乏真实感且掌握的信息也不够全面,而且静态图片与用户间的互动较少。使用户对物品细节的了解有限且用户体验度较弱。
用户想根据自己意愿对物品全面了解,通常会通过二种途径实现:
一.在数据量繁杂的网上检索,而且还不一定能得到想要的结果。此方法即浪费时间又浪费精力;二.去实体店先了解物品相关的信息。此方法对物品的信息掌握相对比较全面,但是只要物品价格合适用户就可能直接将物品带回家,降低了电子商务的竞争力。
发明内容
 为了能根据用户意志了解物品信息本发明需要通过以下模块实现:
采集模块,所述采集模块包括:物品多维角度摄影的图片集文件和物品相关信息介绍及相关服务介绍的音频集文件。上述物品多维角度摄影的图片集文件,需要以物品各个经纬线的交点及物品中心所形成的直线为角度对物品进行摄影从而获取的图片集合文件;上述物品相关信息介绍及相关服务介绍的音频集文件,是对物品特征、尺寸、使用说明、注意事项、相关服务以及用户会问的问题进行提前预判并引导用户后续疑问的走向所提前录制的音频集合文件。
标记模块,所述标记模块包括:物品多维角度摄影的图片指针标记命名和物品相关信息介绍及相关服务介绍的音频检索标记命名。上述物品多维角度摄影的图片指针标记命名,是根据物品相应经纬标记角度所拍摄的每张图片和物品的ID所叠加形成的每张独一无二的图片指针标记名;上述物品相关信息介绍及相关服务介绍的音频检索标记命名,是针对每段音频的的大致内容所提炼的词汇对该段音频进行标记而形成的音频检索标记名。
修剪模块,会将图片的分辨率、大小、像素、背景及格式调整到合适的范围以便用户浏览时能够快速响应用户的操作过程。并会配上物品的相关文字介绍、音频介绍等。
上传模块,会将修剪好的物品图片集和音频集等相关资源包上传到服务器的数据库中。相关资源包包括:物品名称、物品信息、物品颜色种类、物品价格、物品数量、商家信息等……。
当客户端访问服务器时。
初始化模块,会把服务器中物品的图片集、音频集等相关资源包的配置文件从中解析出来并在浏览器的图形界面中将图片指针初始化、相应信息初始化。相应信息初始化包含物品名称初始化、物品颜色种类初始化、物品当前价格初始化、物品当前数量初始化、商家信息初始化等……。
用户可以通过如下操作实现体验度的上升:
一.当用户在浏览器的图形界面中点击鼠标左键并拖动,会将对应角度拍摄的图片显示到图形界面上,从而实现物品横向360°旋转影像或纵向旋转影像或横向加纵向一起翻转影像而体现出的动态效果,拖动结束将把拖动中末尾张图片设置为当前图形界面的操作图片;
二.当用户在浏览器的图形界面中滚动鼠标的滚轮,图形界面中的图片会以鼠标焦点为中心实现图片的放大及缩小,从而达到对物品细节上的浏览;
三.当用户在浏览器的图形界面中点击鼠标的滚轮并拖动,图形界面中的图片会根据鼠标拖动的方向平移图片,从而实现对物品各个部位细节上的浏览;
四.当用户根据浏览器中的语音提示在图形界面的对话框中输入相应的语音检索词汇,系统会根据所述词汇检索,将对应的音频文件播放,从而达到根据客户需求来了解物品或购物的相关信息。
当客户端做上述操作时。
解析模块,会根据用户的操作将操作数据解析转换成相应的图片指针标记名、相应的图片大小、相应的图片位置和相应的音频信息:
上述转换相应的图片指针标记名是根据当前图形界面中的图片和图形界面中鼠标左键的拖动所产生的X轴及Y轴的单位距离像素将其转换成物品经度及维度拍摄的图片指针标记名;
上述转换相应的图片大小是根据当前图形界面中的图片位置和图形界面中鼠标滚轮前后滚动所产生的整数及负数将其转换成一定的比例并依次叠加所形成的放大缩小比例,再根据鼠标焦点坐标及图片比例计算出图片相应的位置;
上述转换相应的图片位置是根据当前图形界面中的图片位置和图形界面中鼠标滚轮的拖动所产生的X轴及Y轴的像素距离计算出新的图片位置;
上述转换相应的音频信息是根据当前图形界面中对话框里的文本信息与服务器中的检索词汇进行匹配,匹配成功则下载并解析相应的音频文件,若匹配失败则下载并解析提示用户和引导用户正确操作的音频文件。
显示模块,会将解析好的操作数据更新显示到浏览器中对应的位置或播放与之对应的音频文件。 
附图说明
图1是本发明的操作方法与之对应的显示效果示意图
图2是本发明的实施流程示意图
图3是本发明的物品经纬线示意图
图4是本发明的多维角度摄影案例示意图
具体实施方式
本发明的主要目的在于提供物品多维角度的图片集及一系列的音频集,根据用户的操作将对应的图片和语音反馈给用户的方法。从而达到根据用户的意志浏览获取物品各个角度的细节和相关信息,来提升用户的体验度。下面通过附图及具体实施列对本发明做进一步的详细说明。
本发明多维角度观看物品及缩放、平移和语音导购的方法。如图1所示包括如下方法:
            方法101,是用户根据自己意愿的角度去观察物品时,需要在浏览器的图形界面点击鼠标左键并拖动,从而使图形界面的图片指针跟鼠标移动的单位距离做同步刷新,鼠标连续移动的单位距离使得图形界面中图片指针连续切换图片,而形成的物品旋转影像或翻转影像的动态效果。物品旋转影像或翻转影像的方向、角度和速度取决于鼠标移动的方向、单位距离和移动的速度,当鼠标左右移动物品将横向旋转;当鼠标上下移动物品将纵向旋转;当鼠标斜向移动物品将横向和纵向联动翻转。
方法102,是用户根据自己的意愿对当前角度图形界面的物品进行细节了解时,需要在浏览器的图形界面中将鼠标焦点移到需要缩放的位置然后滚动滚轮,当鼠标滚轮向前滚动时,图形界面中当前图片指针所指的图片将以鼠标焦点为中心进行放大处理;当鼠标滚轮向后滚动时,图形界面中当前图片指针所指的图片将以鼠标焦点为中心进行缩小处理。
方法103,是用户根据自己的意愿对当前角度图形界面的物品放大图的其它部位细节调整到当前图形界面中时,需要在浏览器的图形界面中点击鼠标滚轮并拖动,图形界面中当前指针所指的图片放大图将同鼠标焦点一起上下左右平移图片。
方法104,是用户根据自己意愿想对物品的信息及相关服务进行咨询时,需要在图形界面的对话框中输入相应的关键词并发送给服务器,服务器将根据上述关键词进行检索并将检索出的对应音频文件返回客户端播放。
本发明多维角度观看物品及缩放、平移和语音导购的系统。需要通过以下模块逐步实现,如图2 所示:
201采集模块,用于对图片集文件和音频集文件的采集。其中图片集的采集需要事先对物品进行摄影角度划分,如图3所示:物品上横向线称为纬线并用单字符进行标记,物品上纵向线称为经线同样也用单字符标记。如下表所示:为经线与纬线交点的标记命名。                                                
Figure 963141DEST_PATH_IMAGE001
如图4所示:采集图片时是以物品中心和物品经纬线交点形成射线的拍摄角度对物品进行摄影,而形成的图片集合文件;其中音频集文件中的每段音频将分为二个单元,第一个单元是根据用户的疑问对物品特征、尺寸、使用说明、注意事项、相关服务等信息进行解答,第二单元是间接引导用户后续疑问走向的语音提示。
202标记模块,用于对每张图片或每段音频进行独一无二的命名以便解析模块能根据相应操作捕获相应图片或音频并反馈给客户端。图片指针标记命名规则为:物品ID加分隔符(如:_)加经纬标记。(如:20131023999912_35,表示20131023999912ID的物品在其3纬线和5经线交点位置拍摄的图片)音频的命名规则,则是根据音频解疑所提炼的词汇进行检索标记命名。
203修剪模块,功能在于把图片中的物品和背景分离并把图片的分辨率、大小、像素及格式调整到合适的范围以便显示模块客户端浏览器能够快速响应用户的操作;
204上传模块,会将修剪好的物品图片集和音频集等相关资源包上传到服务器端的数据库中。相关资源包包括:物品名称、物品信息、物品颜色种类、物品价格、物品数量、商家信息等……。
205初始化模块,是当客户端访问服务器端时,把服务器中关于物品图片、音频等相关资源包的配置文件解析出来,并通过请求(request)将对应数据传递到浏览器中相应的标签(tag)属性中。上述数据包括:图形界面中初始化图片(也就是经纬标记为00位置的图片)、物品名称、物品颜色种类、物品当前价格、物品当前数量、商家信息等……。
206解析模块,所述解析模块会先会判断当前浏览器的类型并获得不同类型浏览器的XMLHttpRequest对象,通过XMLHttpRequest对象获得当前浏览器中标签(tag)属性的数据及用户操作鼠标的数据并进行匹配解析。当客户端的用户在图形界面中点击鼠标左键并拖动时,所述解析模块会先获得当前浏览器中图形界面指针所指图片的图片指针标记名(例:20131023999912_00),把图片指针标记名解析成经纬标记名(例:00)和物品ID名(例:20131023999912),再获得点击鼠标左键拖动时产生的X轴及Y轴的像素距离根据指定的像素单位计算出新的经纬标记名并匹配上物品ID名,从而解析出新图片指针标记名;当客户端的用户在图形界面中滚动鼠标滚轮时,所述解析模块会先获得当前浏览器中图形界面指针所指图片的比例大小及位置,再获得点击鼠标滚轮滚动时产生的正数或负数,根据正负数判断图片的缩放和图片比例计算出图片的新缩放比例,再根据图片的新缩放比例和图片位置计算出图片的新位置;当客户端的用户在图形界面点击鼠标滚轮并拖动时,所述解析模块会先获得当前浏览器中图形界面指针所指图片的图片的比例大小及位置,再获得点击鼠标滚轮拖动时产生的X轴及Y轴的像素距离,根据X轴及Y轴的像素距离和图片的比例计算出图片的新位置;当客户端的用户在图形界面对话框输入文本时,所述解析模块会先获得浏览器图形界面中对话框的标签(tag)对象,根据所述标签(tag)对象获得图形形界面中对话框的里的文本信息。
207显示模块,会将上述解析模块里解析好的数据通过请求(request)发送服务器并从服务器中下载相关资源包到客户端,再将资源包里的数据解析更新显示到浏览器中对应的标签(tag)里。

Claims (12)

1.多维角度观看物品及缩放、平移和语音导购的方法,其特征在于,所述方法包括:
在浏览器的图形界面点击鼠标左键并拖动来更新图片,多张图片依次更新即可实现:物品横向360°旋转的影像或纵向旋转的影像或横向加纵向一起翻转的影像,所述的图片在该浏览器中的大小、位置相同;
在浏览器的图形界面滚动鼠标滚轮,即可实现:图形界面中的图片以鼠标焦点为中心将图片进行等比缩放;
在浏览器的图形界面点击滚轮并拖动,即可实现:图形界面中的图片将同鼠标一起在图形界面中平移;
在浏览器的图形界面的对话框中输入词汇进行检索而反馈的音频信息。
2.如权利要求1所述的方法,其特征在于,通过在图形界面中点击鼠标左键并拖动实现的图片更新效果。
3.如权利要求1所述的方法,其特征在于,多张图片在浏览器的图形界面中依次更新而体现的物品横向360°旋转影像的动态效果。
4.如权利要求1所述的方法,其特征在于,多张图片在浏览器的图形界面中依次更新而体现的物品纵向旋转影像的动态效果。
5.如权利要求1所述的方法,其特征在于,多张图片在浏览器的图形界面中依次更新而体现的物品横向和纵向一起翻转影像的动态效果。
6.如权利要求1所述的方法,其特征在于,通过在图形界面中滚动鼠标滚轮实现的图片缩放效果。
7.如权利要求1所述的方法,其特征在于,图形界面中图片以鼠标焦点为中心实现的等比缩放效果。
8.如权利要求1所述的方法,其特征在于,通过在图形界面中点击鼠标滚轮并拖动实现的图片平移效果。
9.如权利要求1所述的方法,其特征在于,通过在图形界面的对话框中输入词汇并发送给服务器,服务器根据所述词汇检索出对应的音频返回给客户端播放。
10.多维角度观看物品及缩放、平移和语音导购的系统,其特征在于,该系统包括:采集单元、标记单元;其中,
采集单元,将把物品按经纬线划分,并通过物品中心及各个经纬线的交点所形成直线的角度对物品进行摄影从而获取的图片集文件;
标记单元,是根据物品的ID和物品相应经纬角度的标记所拍摄的图片所叠加而成的图片指针名。
11.如权利要求10所述的系统,其特征在于,将物品按经纬线划分并以各个经纬线的交点及物品中心形成的直线为角度对物品进行摄影。
12.如权利要求10所述的系统,其特征在于,图片指针标记名是物品的ID和物品相应经纬角度标记名叠加所成的字符串;如:20131023999912_35,表示20131023999912ID的物品在其3纬线和5经线焦点位置拍摄的图片。
CN201310540121.0A 2013-11-05 2013-11-05 多维角度观看物品及缩放、平移和语音导购的方法及系统 Pending CN103559617A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201310540121.0A CN103559617A (zh) 2013-11-05 2013-11-05 多维角度观看物品及缩放、平移和语音导购的方法及系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201310540121.0A CN103559617A (zh) 2013-11-05 2013-11-05 多维角度观看物品及缩放、平移和语音导购的方法及系统

Publications (1)

Publication Number Publication Date
CN103559617A true CN103559617A (zh) 2014-02-05

Family

ID=50013857

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201310540121.0A Pending CN103559617A (zh) 2013-11-05 2013-11-05 多维角度观看物品及缩放、平移和语音导购的方法及系统

Country Status (1)

Country Link
CN (1) CN103559617A (zh)

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104007947A (zh) * 2014-05-19 2014-08-27 广州金山网络科技有限公司 一种缩略图显示方法及装置
CN105279796A (zh) * 2015-10-10 2016-01-27 苏州工业园区凌志软件股份有限公司 一种3d柱状图的绘制方法及装置
CN105635522A (zh) * 2015-12-30 2016-06-01 广州华多网络科技有限公司 基于用户要求显示视频的方法及装置
CN107341710A (zh) * 2017-06-12 2017-11-10 武汉渡人网络技术有限公司 一种三维全景信息互动影息技术
WO2017198125A1 (zh) * 2016-05-19 2017-11-23 苏州市维观网络科技有限公司 一种图片显示方法
CN109271093A (zh) * 2018-10-15 2019-01-25 山东数字人科技股份有限公司 一种数字标本立体展示方法及装置
CN109358797A (zh) * 2018-12-22 2019-02-19 武汉兴图新科电子股份有限公司 一种二维鼠标缩放平移位图的方法
CN111522479A (zh) * 2020-04-24 2020-08-11 苏州云注软件技术有限公司 对pdf文件的操作方法和装置、存储介质及电子装置

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080050011A1 (en) * 2006-08-24 2008-02-28 Microsoft Corporation Modeling and texturing digital surface models in a mapping application
CN101520889A (zh) * 2008-07-09 2009-09-02 殷宁淳 利用多张静态图像多角度全景式展示物品的方法及图像采集装置
CN101625681A (zh) * 2008-07-11 2010-01-13 江苏怡丰通信设备有限公司 快速商品信息查询方法

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080050011A1 (en) * 2006-08-24 2008-02-28 Microsoft Corporation Modeling and texturing digital surface models in a mapping application
CN101520889A (zh) * 2008-07-09 2009-09-02 殷宁淳 利用多张静态图像多角度全景式展示物品的方法及图像采集装置
CN101625681A (zh) * 2008-07-11 2010-01-13 江苏怡丰通信设备有限公司 快速商品信息查询方法

Cited By (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104007947A (zh) * 2014-05-19 2014-08-27 广州金山网络科技有限公司 一种缩略图显示方法及装置
CN105279796A (zh) * 2015-10-10 2016-01-27 苏州工业园区凌志软件股份有限公司 一种3d柱状图的绘制方法及装置
CN105635522A (zh) * 2015-12-30 2016-06-01 广州华多网络科技有限公司 基于用户要求显示视频的方法及装置
WO2017198125A1 (zh) * 2016-05-19 2017-11-23 苏州市维观网络科技有限公司 一种图片显示方法
CN107402698A (zh) * 2016-05-19 2017-11-28 杨冬源 一种图片显示方法
CN107341710A (zh) * 2017-06-12 2017-11-10 武汉渡人网络技术有限公司 一种三维全景信息互动影息技术
CN109271093A (zh) * 2018-10-15 2019-01-25 山东数字人科技股份有限公司 一种数字标本立体展示方法及装置
CN109358797A (zh) * 2018-12-22 2019-02-19 武汉兴图新科电子股份有限公司 一种二维鼠标缩放平移位图的方法
CN109358797B (zh) * 2018-12-22 2021-05-07 武汉兴图新科电子股份有限公司 一种二维鼠标缩放平移位图的方法
CN111522479A (zh) * 2020-04-24 2020-08-11 苏州云注软件技术有限公司 对pdf文件的操作方法和装置、存储介质及电子装置
CN111522479B (zh) * 2020-04-24 2022-03-08 苏州云注软件技术有限公司 对pdf文件的操作方法和装置、存储介质及电子装置

Similar Documents

Publication Publication Date Title
CN103559617A (zh) 多维角度观看物品及缩放、平移和语音导购的方法及系统
US9549143B2 (en) Method and mobile terminal for displaying information, method and display device for providing information, and method and mobile terminal for generating control signal
US8631029B1 (en) Evolutionary content determination and management
US20120299961A1 (en) Augmenting a live view
CN103124968B (zh) 用于后仰式娱乐的内容转换
CN106170101A (zh) 内容供应系统、信息处理设备和内容再现方法
CN104427376A (zh) 信息显示装置、信息显示方法以及计算机程序
US20170105040A1 (en) Display method, apparatus and related display panel
JP2008003968A (ja) 情報処理システム、情報処理方法及びプログラム
US9990394B2 (en) Visual search and recommendation user interface and apparatus
CN101539942A (zh) 一种展示互联网内容的方法及装置
WO2014207902A1 (ja) 情報処理装置、情報処理方法及び情報処理プログラム
US20150331575A1 (en) Method and System for Intent Centric Multi-Facet Content Presentation
JP4942850B1 (ja) 電子コンテンツ提供システム、電子コンテンツ提供サーバ、電子コンテンツ閲覧端末装置、及びプログラム
Ramalho et al. Windy sight surfers: sensing and awareness of 360 immersive videos on the move
CN106062741A (zh) 在社交网络系统中进行信息处理的方法和系统
CN105095341A (zh) 搜索方法和设备
CN104881407A (zh) 基于特征识别的信息推荐系统及方法
CN111597359A (zh) 信息流的分享方法、装置、设备及存储介质
JP4205935B2 (ja) コンテンツ検索装置、プログラム、記録媒体
JP6078476B2 (ja) メディアアセットに関する説明情報の表示をカスタマイズする方法
US20180075879A1 (en) Method, System, and Apparatus for Generating Video Content
JP2006293939A (ja) 出版物発行配信システム
CN112650428A (zh) 动态数字内容的显示方法、图形用户接口与系统
KR20170044659A (ko) 파일을 프로세싱하기 위한 방법 및 장치

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
C02 Deemed withdrawal of patent application after publication (patent law 2001)
WD01 Invention patent application deemed withdrawn after publication

Application publication date: 20140205