一种基于Web页面的立体显示系统及方法.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113660476A(43)申请公布日2021.11.16(21)申请号202110935219.0(22)申请日2021.08.16(71)申请人纵深视觉科技（南京）有限责任公司地址211899江苏省南京市浦口区新北路1号江北国际智谷A座13楼(72)发明人徐金亮廖鑫杨民(74)专利代理机构北京品源专利代理有限公司11332代理人孔凡红(51)Int.Cl.H04N13/106(2018.01)H04N13/204(2018.01)H04N13/366(2018.01)H04L29/08(2006.01)G02B30/20(2020.01)权利要求书1页说明书6页附图2页(54)发明名称一种基于Web页面的立体显示系统及方法(57)摘要本实施例公开了一种基于Web页面的立体显示系统及方法。所述系统包括：立体显示模块和渲染模块；所述渲染模块与所述立体显示模块连接。其中，所述渲染模块，包括立体相机单元和着色器单元；其中，立体相机单元用于将待显示内容构建为包含至少两个视点视图，所述至少两个视点视图包括左眼视图和右眼视图；着色器单元，用于将所述至少两个视点视图拼接处理，得到拼接结果；所述立体显示模块，用于接收所述拼接结果，并基于立体显示光学组件，进行Web页面的立体显示。采用本发明实施例的技术方案，使Web内容的呈现方式新颖、逼真，带给用户独特的观看及交互体验。CN113660476ACN113660476A权利要求书1/1页1.一种基于Web页面的立体显示系统，其特征在于，所述系统包括：立体显示模块和Web页面的渲染模块；所述渲染模块与所述立体显示模块连接；所述渲染模块，包括立体相机单元和着色器单元；其中，所述立体相机单元用于将待显示内容构建为包含至少两个视点视图，所述至少两个视点视图包括左眼视图和右眼视图；所述着色器单元，用于将所述至少两个视点视图拼接处理，得到拼接结果；所述立体显示模块，用于接收所述拼接结果，并基于立体显示光学组件，进行Web页面的立体显示。2.根据权利要求1所述的系统，其特征在于，所述渲染模块为基于WebGL图形库的渲染模块。3.根据权利要求2所述的系统，其特征在于，所述基于WebGL图形库的渲染模块，用于：接收Web网站页面引入的3D渲染库，并基于所述3D渲染库构建立体相机单元；其中，所述立体相机单元包括CameraL和CameraR。4.根据权利要求3所述的系统，其特征在于，所述3D渲染库包括three.js、thingjs、thinkgl、lightgl、egret以及layabox中的至少一种。5.根据权利要求1所述的系统，其特征在于，所述系统还包括人眼追踪模块；所述人眼追踪模块用于获取人眼追踪结果，并发送至所述渲染模块；所述立体相机单元，具体用于：基于所述人眼追踪结果，确定左眼视角和右眼视角，并根据所述左眼视角和右眼视角将待显示内容构建为左眼视图和右眼视图。6.根据权利要求1所述的系统，其特征在于，所述渲染模块与所述人眼追踪模块通过WebSocket、Socket、USB、蓝牙以及红外传输中的至少一种方式进行连接。7.根据权利要求1所述的系统，其特征在于，所述立体显示模块为支持硬件交织排图的立体显示模块，所述立体显示模块用于执行硬件交织排图，并具体用于：对接收的所述拼接结果，进行解析分割得到至少两个视点视图，并将所述至少两个视点视图进行交织处理后显示。8.一种基于Web页面的立体显示方法，其特征在于，所述方法包括：将待显示内容构建为左眼视图和右眼视图；将所述左眼视图和右眼视图拼接处理，得到拼接结果；基于立体显示光学组件对所述拼接结果进行Web页面的立体显示。9.根据权利要求8所述的方法，其特征在于，所述方法基于WebGL图形库的渲染模块执行。10.根据权利要求8所述的方法，其特征在于，还包括：获取人眼追踪结果，所述将待显示内容构建为左眼视图和右眼视图包括：基于所述人眼跟踪结果，将待显示内容构建为左眼视图和右眼视图。2CN113660476A说明书1/6页一种基于Web页面的立体显示系统及方法技术领域[0001]本申请实施例涉及互联网技术领域，尤其涉及一种基于Web页面的立体显示系统及方法。背景技术[0002]随着计算机网络的发展，人们越来越依靠Web页面获取信息。Web页面包括图形、文字、声音和视像等信息。HTML5将Web带入一个成熟的应用平台，视频、音频、图像、动画以及游戏等内容在性能上得到了显著提升。虽然通过Web页面可以方便、快速地获得信息，但目前Web页面在内容呈现方式上仍较为单一，并且通常是静态的，显示界面无法提供给使用者更加生动的显示界面，从而影响了使用者的使用。[0003]因此，如何为用户呈现更加逼真的显示