全景视觉是虚拟现实实用最为广泛的一个方向,目前它已经应用在生活的方方面面,比如旅游体验,住房看房以及车辆展览等等。各行各业在考虑推出自己产品的时候,往往希望给用户更好的体验效果,这可以借助全景视觉在市场上发挥优势。利用全景视觉自身沉浸式的特点,让用户有身临其境的感觉。然而,现有的全景视觉系统存在的制约因素是投入资金大,普通用户在日常生活中想要体验虚拟现实技术,会被其背后的资金投入所困扰,从而造成企业垄断的局面,无法满足普通用户的需求。但其主要的制约因素还是因为技术的不完善,现行的全景视觉播放器往往是APP,且下载限制过多,视频流畅性和加载速度差,视频渲染锯齿突出造成视频清晰度差,从而导致用户体验不理想。所以,开发一套适用于普通大众,且不受设备、移动空间限制的基于移动终端的全景视觉客户端系统势在必行。本文的研究内容主要在网页客户端展开,课题在开发过程中主要从全景视觉的WEB播放器、陀螺仪的构建方法和视频渲染技术三个方面来研究。首先,利用HTML5+JavaScript开发出一套能够加载视频的WEB播放器。其次,利用四元数微分方程构建陀螺仪,将陀螺仪参数送到虚拟相机,摇晃相机选取固定观察视角。最后,进行视频渲染,每次渲染需要利用摇晃虚拟相机在球体模型上选取合适播放视角,结合WebGL在固定区域进行视频渲染,在该区域上进行视频渲染图像。本文首先介绍了全景视觉课题选题背景和现实中实用的意义,以及国内外的研究现状和文章的组织结构及创新点。其次介绍了WEB VR全景视觉展示客户端的主要技术和数据理论的运用:HTML5+JavaScript+WebGL开发语言、四元数微分方程、球体模型的构建;并从系统的可行性分析和需求分析两个方面对系统进行分析,引出系统的设计过程,分别是系统架构设计、对象模型设计、界面设计以及核心理论及算法的设计。最后对WEB VR全景视觉展示客户端的各项功能进行实现并测试。该系统可以正常运行,进行360°全景展示。基于移动终端的WEB VR全景视觉展示客户端界面简洁美观,可操作性强,方便用户使用。