CN103024560B - 3d页面的实现方法、装置和iptv设备 - Google Patents
3d页面的实现方法、装置和iptv设备 Download PDFInfo
- Publication number
- CN103024560B CN103024560B CN201110287768.8A CN201110287768A CN103024560B CN 103024560 B CN103024560 B CN 103024560B CN 201110287768 A CN201110287768 A CN 201110287768A CN 103024560 B CN103024560 B CN 103024560B
- Authority
- CN
- China
- Prior art keywords
- page
- something
- button
- mirror image
- picture
- 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
Links
Abstract
本发明公开一种3D页面的实现方法、装置和IPTV设备,涉及三维(3D)显示和互联网应用技术领域。该方法包括:在3D页面左半边设置按键,在3D页面右半边对称位置设置镜像按键;将动态链接地址添加于3D页面的左半边的按键中;在3D页面左半边设置焦点框,在3D页面右半边对称位置设置镜像焦点框;通过脚本控制3D页面右半边的镜像按键和镜像焦点框显示。本发明提供的3D页面的实现方法和装置,可以应用于IPTV的2D动态页面生成3D动态页面,能够在现有2D动态页面的基础上,根据3D终端显示方式的需要,制作包含有左右眼内容页面的方法,并且规定了动态链接的解决方案,从而将现有的2D动态页面,生成3D的动态页面。
Description
技术领域
本发明涉及三维(3D)显示和互联网应用技术领域,尤其涉及一种3D页面的实现方法、装置和IPTV设备。
背景技术
随着IPTV应用普及,同时3D显示技术的成熟,越来越多的3D内容与显示终端的出现,使得通过IPTV来观看3D内容的需求日益强烈,例如3D图片,3D视频。目前3D显示的方式有多种,包括裸眼、红蓝、时分和偏光等,各种显示方式的显示内容通常包含有左右眼内容。
现有技术可以实现静态2D页面到静态3D页面的显示,但是,对于动态2D页面中的动态元素,现有技术未提供较好的解决方案。因此,现有的普通的2D页面没法再满足需求,需要针对显示方式制作相应的3D动态页面。
发明内容
鉴于以上问题提出本发明。
本发明要解决的一个技术问题是提供一种3D页面的实现方法和装置,能够生成动态3D页面。
根据本发明的一个方面,提供一种3D页面的实现方法,包括:在3D页面左半边设置按键,在3D页面右半边对称位置设置镜像按键;将动态链接地址添加于3D页面的左半边的按键中;在3D页面左半边设置焦点框,在3D页面右半边对称位置设置镜像焦点框;通过脚本控制3D页面右半边的镜像按键和镜像焦点框显示。
优选地,通过脚本控制3D页面右半边的镜像按键和镜像焦点框显示包括:通过脚本定义事件发生后的响应函数,所述响应函数包含事件发生后分别控制3D页面左半边和3D页面右半边的变换的对象方法;将一个或多个事件添加于3D页面左半边的按键中;3D页面左半边按键中的事件发生后,事件对应的响应函数通过脚本被调用,3D页面左半边和3D页面右半边分别出现响应函数中的对象方法所定义的变换。
优选地,该方法还包括:通过双拼(sidebyside)方式制作3D页面,3D页面的左半边和右半边分别对称放置水平分辨率减半的左、右眼图片。
优选地,该方法还包括:将原始2D动态页面中的图片作为左眼图片或右眼图片,利用深度信息映射到3D空间;根据虚拟视点的位置将3D空间点映射到2D图像,获得右眼图片或左眼图片。
优选地,虚拟视点的位置包括相机平移、旋转参数。
根据本发明的另一方面,提供一种3D页面的实现装置,包括:按键设置单元,用于在3D页面左半边设置按键,在3D页面右半边对称位置设置镜像按键;链接添加单元,用于将动态链接地址添加于3D页面的左半边的按键中;焦点设置单元,用于在3D页面左半边设置焦点框,在3D页面右半边对称位置设置镜像焦点框。
优选地,该装置还包括:控制单元,用于通过脚本控制3D页面右半边的镜像按键和镜像焦点框显示。
优选地,该装置还包括:页面生成单元,用于通过双拼(sidebyside)方式制作3D页面,3D页面的左半边和右半边分别对称放置水平分辨率减半的左、右眼图片。
优选地,该装置还包括:景深处理单元,用于将原始2D动态页面中的图片作为左眼图片或右眼图片,利用深度信息映射到3D空间;左右眼图片获取单元,用于根据虚拟视点的位置将3D空间点映射到2D图像,获得右眼图片或左眼图片。
优选地,虚拟视点的位置包括相机平移、旋转参数。
根据本发明的又一方面,还提供一种IPTV设备,例如3DEPG服务器,包括上述的3D页面的实现装置。
本发明提供的3D页面的实现方法,提出了按键、链接和焦点之间移动切换等页面动态元素的3D解决方案,能够在动态2D页面的基础上,实现动态3D页面。
附图说明
构成说明书的一部分的附图描述了本发明的实施例,并且连同说明书一起用于解释本发明的原理。
参照附图,根据下面的详细描述,可以更加清楚地理解本发明,其中:
图1示出本发明的3D页面的实现方法的一个实施例的流程图;
图2示出本发明的3D页面的实现方法的另一个实施例的流程图;
图3示出本发明的一个实施例中页面图片景深处理过程示意图;
图4示出本发明的一个实施例中页面重新编排过程示意图;
图5示出本发明的3D页面的实现装置的一个实施例的结构图;
图6示出本发明的3D页面的实现装置的另一个实施例的结构图。
具体实施方式
现在将参照附图来详细描述本发明的各种示例性实施例。应注意到:除非另外具体说明,否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本发明的范围。
同时,应当明白,为了便于描述,附图中所示出的各个部分的尺寸并不是按照实际的比例关系绘制的。
以下对至少一个示例性实施例的描述实际上仅仅是说明性的,决不作为对本发明及其应用或使用的任何限制。
对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论,但在适当情况下,所述技术、方法和设备应当被视为授权说明书的一部分。
在这里示出和讨论的所有示例中,任何具体值应被解释为仅仅是示例性的,而不是作为限制。因此,示例性实施例的其它示例可以具有不同的值。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步讨论。
图1示出本发明的3D页面的实现方法的一个实施例的流程图。
如图1所示,步骤102,在3D页面左半边设置按键,在3D页面右半边对称位置设置镜像按键。
步骤104,将动态链接地址添加于3D页面的左半边的按键中。
步骤106,在3D页面左半边设置焦点框,在3D页面右半边对称位置设置镜像焦点框。
步骤108,通过脚本控制3D页面右半边的镜像按键和镜像焦点框显示。
上述实施例中,提供了在3D页面中添加动态链接等的技术方案,从而可以根据2D页面实现动态3D页面。
下面介绍一个实施例中的脚本控制流程:
(1)在3D页面左半边设置按键,同时在3D页面右半边相对应的区域设置镜像按键;
(2)通过脚本定义事件(例如按键获得焦点)发生后的响应函数,该响应函数包含事件发生后分别控制3D页面左半边和3D页面右半边的变换(例如显示按键焦点框)的对象方法;
(3)将一个或多个事件添加于3D页面左半边的按键中;
(4)3D页面左半边按键中的事件发生后,事件对应的响应函数通过脚本被调用,3D页面左半边和3D页面右半边分别出现响应函数中的对象方法所定义的变换。
图2示出本发明的3D页面的实现方法的另一个实施例的流程图。
如图2所示,步骤202,将现有2D页面中的图片和文字进行图像渲染和景深处理。
步骤204,以原2D图片做为左眼图或右眼图,在3D坐标内根据虚拟视点的位置对原图进行偏移、旋转等处理,得到新的右眼图或左眼图,并对这两幅图进行水平压缩,形成水平分辨率减半的左眼图和右眼图。
步骤206,根据其在原有页面中的位置,对称分布于新页面的左右两边。
步骤208,将在页面左半边中放置焦点、链接跳转的按钮、链接等。
步骤210,由页面通过脚本(例如JavaScript)控制页面右半边中的所有按钮、链接、焦点显示等。
上述实施例中,在现有2D页面的基础上,对现有页面中的图片做景深处理,并且根据显示方式需求,将页面重新布局,在原图片左右分辨率减半的情况下,对应原有位置,在新页面中左右对称放置,并且在页面左边添加动态链接,从而实现了动态3D页面的生成。
图3示出本发明的一个实施例中页面图片景深处理过程示意图。
如图3所示,步骤302,通过对原始图像中的像素点增加深度信息的方式将该图映射到3D空间(2D到3D)。
步骤304,在3D空间中根据虚拟视点的位置(比如相机平移、旋转参数)将各像素点重新映射到相应的2D图中(3D到2D),得到新的2D图。
图4示出本发明的一个实施例中页面重新编排过程示意图。
如图4所示,步骤402,将图3实施例中得到的原始2D图和新2D图分别进行水平压缩,得到高不变,水平长度减半的两张图片,分别作为左眼图和右眼图;
步骤404,制作一张新的页面,长宽跟原2D页面相同,将页面水平对称处理,把步骤402中得到的图片对比其在原2D页面中的位置,放置于新页面的左右两边;
步骤406,根据原2D页面中的动态链接位置,将新页面中左半边中设置按键和焦点框,并添加动态链接地址,同时在右半边对应设置镜像按键和镜像焦点框。
图5示出本发明的3D页面的实现装置的一个实施例的结构图。如图5所示,该装置包括按键设置单元51、链接添加单元52和焦点设置单元53。按键设置单元51在3D页面左半边设置按键,在3D页面右半边对称位置设置镜像按键;链接添加单元52将动态链接地址添加于3D页面的左半边的按键中;焦点设置单元53在3D页面左半边设置焦点框,在3D页面右半边对称位置设置镜像焦点框。控制单元54通过脚本控制3D页面右半边的镜像按键和镜像焦点框显示。
图6示出本发明的3D页面的实现装置的另一个实施例的结构图。如图6所示,除了按键设置单元51、链接添加单元52、焦点设置单元53和控制单元54,该装置还包括页面生成单元63。页面生成单元63通过双拼(sidebyside)方式制作3D页面,3D页面的左半边和右半边分别对称放置水平分辨率减半的左、右眼图片。可选地,该装置还包括景深处理单元61和左右眼图片获取单元62。其中,景深处理单元61将原始2D动态页面中的图片利用深度信息映射到3D空间;左右眼图片获取单元62根据虚拟视点的位置将3D空间点映射到2D图像,获得所述左、右眼图片。虚拟视点的位置例如包括相机平移、旋转参数。
本发明提供的3D页面的实现方法和装置,可以应用于IPTV的2D动态页面生成3D动态页面,能够在现有2D动态页面的基础上,根据3D终端显示方式的需要,制作包含有左右眼内容页面的方法,并且规定了动态链接的解决方案,从而将现有的2D动态页面,生成3D的动态页面。
至此,已经详细描述了根据本发明的3D页面的实现方法和装置。为了避免遮蔽本发明的构思,没有描述本领域所公知的一些细节。本领域技术人员根据上面的描述,完全可以明白如何实施这里公开的技术方案。
可能以许多方式来实现本发明的方法和装置。用于所述方法的步骤的上述顺序仅是为了进行说明,本发明的方法的步骤不限于以上具体描述的顺序,除非以其它方式特别说明。
本发明的描述是为了示例和描述起见而给出的,而并不是无遗漏的或者将本发明限于所公开的形式。很多修改和变化对于本领域的普通技术人员而言是显然的。选择和描述实施例是为了更好说明本发明的原理和实际应用,并且使本领域的普通技术人员能够理解本发明从而设计适于特定用途的带有各种修改的各种实施例。
Claims (10)
1.一种三维3D页面的实现方法,其特征在于,包括:
在3D页面左半边设置按键,在3D页面右半边对称位置设置镜像按键;
将动态链接地址添加于3D页面的左半边的按键中;
在3D页面左半边设置焦点框,在3D页面右半边对称位置设置镜像焦点框;
通过脚本控制3D页面右半边的镜像按键和镜像焦点框显示。
2.根据权利要求1所述的方法,其特征在于,所述通过脚本控制3D页面右半边的镜像按键和镜像焦点框显示包括:
通过脚本定义事件发生后的响应函数,响应函数包含事件发生后分别控制3D页面左半边和3D页面右半边的变换的对象方法;
将一个或多个事件添加于3D页面左半边的按键中;
3D页面左半边按键中的事件发生后,事件对应的响应函数通过脚本被调用,3D页面左半边和3D页面右半边分别出现响应函数中的对象方法所定义的变换。
3.根据权利要求1所述的方法,其特征在于,还包括:
通过双拼方式制作3D页面,3D页面的左半边和右半边分别对称放置水平分辨率减半的左、右眼图片。
4.根据权利要求3所述的方法,其特征在于,还包括:
将原始2D动态页面中的图片作为左眼图片或右眼图片,利用深度信息映射到3D空间;
根据虚拟视点的位置将3D空间点映射到2D图像,获得右眼图片或左眼图片。
5.根据权利要求4所述的方法,其特征在于,所述虚拟视点的位置包括相机平移、旋转参数。
6.一种3D页面的实现装置,其特征在于,包括:
按键设置单元,用于在3D页面左半边设置按键,在3D页面右半边对称位置设置镜像按键;
链接添加单元,用于将动态链接地址添加于3D页面的左半边的按键中;
焦点设置单元,用于在3D页面左半边设置焦点框,在3D页面右半边对称位置设置镜像焦点框;
控制单元,用于通过脚本控制3D页面右半边的镜像按键和镜像焦点框显示。
7.根据权利要求6所述的装置,其特征在于,还包括:
页面生成单元,用于通过双拼方式制作3D页面,3D页面的左半边和右半边分别对称放置水平分辨率减半的左、右眼图片。
8.根据权利要求7所述的装置,其特征在于,还包括:
景深处理单元,用于将原始2D动态页面中的图片作为左眼图片或右眼图片,利用深度信息映射到3D空间;
左右眼图片获取单元,用于根据虚拟视点的位置将3D空间点映射到2D图像,获得右眼图片或左眼图片。
9.根据权利要求8所述的装置,其特征在于,所述虚拟视点的位置包括相机平移、旋转参数。
10.一种IPTV设备,包括权利要求6至9中任意一项所述的3D页面的实现装置。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110287768.8A CN103024560B (zh) | 2011-09-26 | 2011-09-26 | 3d页面的实现方法、装置和iptv设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110287768.8A CN103024560B (zh) | 2011-09-26 | 2011-09-26 | 3d页面的实现方法、装置和iptv设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN103024560A CN103024560A (zh) | 2013-04-03 |
CN103024560B true CN103024560B (zh) | 2016-01-27 |
Family
ID=47972612
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201110287768.8A Active CN103024560B (zh) | 2011-09-26 | 2011-09-26 | 3d页面的实现方法、装置和iptv设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103024560B (zh) |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101025738A (zh) * | 2006-02-21 | 2007-08-29 | 广州保税区天懋数码电子商务有限公司 | 一种免模板动态网站生成方法 |
CN102063475A (zh) * | 2010-12-22 | 2011-05-18 | 张丛喆 | 三维模型的网页用户终端呈现方式 |
CN102184082A (zh) * | 2011-05-20 | 2011-09-14 | 广州市数字视频编解码技术国家工程实验室研究开发与产业化中心 | 一种基于双目视差原理的3d浏览器实现方法 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7667703B2 (en) * | 2003-12-19 | 2010-02-23 | Palo Alto Research Center Incorporated | Systems and method for turning pages in a three-dimensional electronic document |
-
2011
- 2011-09-26 CN CN201110287768.8A patent/CN103024560B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101025738A (zh) * | 2006-02-21 | 2007-08-29 | 广州保税区天懋数码电子商务有限公司 | 一种免模板动态网站生成方法 |
CN102063475A (zh) * | 2010-12-22 | 2011-05-18 | 张丛喆 | 三维模型的网页用户终端呈现方式 |
CN102184082A (zh) * | 2011-05-20 | 2011-09-14 | 广州市数字视频编解码技术国家工程实验室研究开发与产业化中心 | 一种基于双目视差原理的3d浏览器实现方法 |
Also Published As
Publication number | Publication date |
---|---|
CN103024560A (zh) | 2013-04-03 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11076142B2 (en) | Real-time aliasing rendering method for 3D VR video and virtual three-dimensional scene | |
US9014414B2 (en) | Information processing apparatus and information processing method for processing image information at an arbitrary viewpoint in a physical space or virtual space | |
US11119719B2 (en) | Screen sharing for display in VR | |
CN106101741A (zh) | 在网络视频直播平台上观看全景视频的方法及系统 | |
Gotchev et al. | Three-dimensional media for mobile devices | |
JP2016116162A (ja) | 映像表示装置、映像表示システム、及び映像表示方法 | |
JP2009031797A (ja) | 集積映像背景を有する2次元−3次元兼用ディスプレイ方法及び装置 | |
CN100594737C (zh) | 立体图像显示方法与系统 | |
CN108076208B (zh) | 一种显示处理方法及装置、终端 | |
CN102937968A (zh) | 一种基于Canvas的双目3D网页实现方法及系统 | |
US20230283759A1 (en) | System and method for presenting three-dimensional content | |
KR101408719B1 (ko) | 3차원 영상의 스케일 변환 장치 및 그 방법 | |
CN106937103B (zh) | 一种图像处理方法及装置 | |
CN102289841B (zh) | 一种立体图像观众感知深度的调节方法 | |
CN102984483B (zh) | 一种三维用户界面显示系统及方法 | |
CN103024560B (zh) | 3d页面的实现方法、装置和iptv设备 | |
US20120133744A1 (en) | Stereoscopic image generation apparatus and method | |
CN101520719B (zh) | 画面分享系统以及画面分享方法 | |
CN105975259A (zh) | 一种3d空间用户界面的实现方法及其装置 | |
Shao et al. | Optimizing multiview video plus depth retargeting technique for stereoscopic 3D displays | |
WO2014098786A2 (en) | View weighting for multiview displays | |
CN105263015A (zh) | 一种Android设备控制裸眼3D视频显示的方法 | |
CN102917176B (zh) | 一种三维立体视差字幕的产生方法 | |
JP2023549657A (ja) | 複数の視点から撮像された立体レンダリング画像データを表示するための3dビデオ会議システムおよび方法 | |
Viola et al. | A comprehensive framework for visual quality assessment of light field tensor displays |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant |