全景漫游技术探索

391 阅读6分钟

概念篇

全景技术介绍

全景技术(Panoramic technology)是一种可以让用户以360度的视角观察场景的技术,通过拍摄一段或多段连续的照片或视频,然后将它们拼接起来构成一个全景图或全景视频。全景技术可以用来制作虚拟旅游、房屋展示、博物馆展览等,提供沉浸式的视觉体验。全景技术中的两种常见形式包括全景图、全景视频、全景直播。

全景图是一系列静止的照片拼接而成的、提供360度视角环绕感的图像。拍摄全景图需要使用相机沿着固定轨迹拍摄多张照片,再使用拼接软件将这些照片合并为一个全景图。全景图可以用于虚拟旅游、博物馆展览等地方。

全景视频是一段运动的画面,通过拍摄多个连续的视频镜头来捕捉全景场景。全景视频可以通过VR眼镜或类似设备观看,使用户感到身临其境,这种技术越来越常用于虚拟现实影片或游戏。

全景直播是通过特殊设备和技术实现的一种直播方式,可以提供更为真实、身临其境的观看体验。全景直播常用的设备包括全景相机、全景麦克风、VR设备等。通过将多个视角和声音信号综合起来,可以实现全景图像和360度环绕声音的直播效果。全景直播通常在景点、演唱会、比赛现场等地方应用,让观众可以随时随地参与其中,感受到更为真实的观看体验。

全景技术的应用领域非常广泛,以下列举几个典型的应用领域:

  1. 旅游观光:可以通过全景技术实现虚拟现实的旅游活动,参观各个国家、城市的名胜古迹、自然风光等。
  2. 教育培训:可以利用全景技术构建虚拟世界的课堂,让学生身临其境地进行学习,并且可以增强学习效果。
  3. 娱乐媒体:可以将全景技术应用于影视制作、游戏开发等领域,为用户带来身临其境的沉浸式体验。
  4. 应急救援:通过采用全景技术,在救援现场进行全景扫描,快速建立三维模型,实现远程指挥、数据分析等功能,提升救援效率。
  5. 建筑设计:可以利用全景技术为建筑设计、装修装饰提供全方位的视角,帮助设计者和业主更准确地把握设计效果,避免误差和漏洞。

5G时代的到来和普及会让全景技术的更具用武之地,全景直播和5G技术的结合可以实现高清、低延迟的实时直播体验,为用户带来更加沉浸的观感。5G网络的高速性和低延迟性,可以保证全景直播视频的稳定传输和快速响应,进一步提升用户的观看体验。此外,5G网络还具备强大的网络容量,可以支持更多用户同时观看全景直播,满足大规模高并发的使用需求。全景直播和5G技术的结合将为体育赛事、音乐演唱会、旅游景点、展览会等多个领域的直播带来全新的体验和商业机会。以下是最近的一些全景直播案例:

  1. 2020年天猫双11晚会(时间:2020年11月11日,地点:上海,技术:阿里云全景直播)
  2. 2020年东京奥运会开幕式(时间:2021年7月23日,地点:东京,技术:NHK 利用 8K 和 4K 高清摄影机及全景摄像机实现)
  3. 2021年春晚(时间:2021年2月12日,地点:北京,技术:华为 VR 直播)

全景技术和VR技术的区别和联系

全景技术是一种将数字图像拼合在一起形成全景图的技术,通过全景摄像机拍摄具有360度视野的图像,再通过图像拼接软件处理,最终形成一个全景图像。全景技术与VR技术密切相关,它是VR技术中一种重要的内容呈现方式之一。

VR技术是一种虚拟现实技术,通过计算机模拟现实环境,让用户进入虚拟世界中进行交互和操作。全景技术是VR技术中的一种实现方法,可以将全景图像放入VR场景中,让用户在虚拟现实环境中观察体验。同时,VR技术还包括更多的交互、感官体验以及空间定位和追踪技术等内容。因此,全景技术与VR技术有一定的联系和区别,它们是互相支持和影响的关系。

主流全景技术栈

  1. 全景相机:主要有GoPro、Insta360、Ricoh、QooCam、Vuze XR、小红屋等品牌的全景相机,可以拍摄全景照片和视频。
  2. 全景拼接软件:将拍摄的全景照片进行拼接,常用的软件有Photoshop、PTGui、Hugin、Kolor Autopano等。
  3. 全景渲染引擎:显示全景照片或视频的引擎,包括WebGL、Three.js、Panolens、Unity、Unreal Engine、Blender、Vray、Krpano等。
  4. 全景技术应用:如百度地图、腾讯地图等,可以提供全景街景、室内场景等功能。
  5. VR头显:如Oculus、HTC Vive等,可以将全景照片或视频呈现在虚拟现实环境中。
  6. 主流的全景漫游技术SaaS化平台:720云、酷雷曼VR、点睿VR、创鱼VR

末尾附上我司实现的办公区全景漫游效果,链接地址:yun.kukewang.com:7100/

  • 全景图拍摄设备:小红屋灵动2,某东售卖2000+
  • 全景渲染引擎:Krpano
  • 部署环境:阿里云CentOS+php运行环境

功能描述:

1. 可进行招银大厦22层办公区内26个点位进行720度全景效果查看

2. 可在全景漫游过程中通过地面箭头热点进行相邻场景间的跳转

3. 可在全景漫游网站底部toolbar上快速选择将要跳转的场景,并可点击设置浏览器全屏观看全景效果

4. 可通过鼠标滚轮缩放控制全景漫游视角的放大和缩小,可用鼠标左键拖拽实现上下左右前后720度视角变换

5. 可点击全景漫游过程中公司文化墙、荣誉墙上的动画热点实现宣发图片和荣誉图片的全屏放大,并可通过鼠标滚轮对图片进行缩放以及通过鼠标左键进行拖拽

6. 可在“03前台大屏区”、“23贵宾接待室”、“大会议室”三个场景中点击屏幕上的播放按钮,实现宣发视频播放

7. 可在屏幕左上角查看全景漫游浏览量、点赞量,点击“点赞”两个字可以进行点赞操作

8. 点击屏幕左上角“库课科技”logo,跳转至库课科技官网:www.kuke99.cn/#/index

以上功能支持电脑端和手机端浏览器(含微信、钉钉内查看)

后面文章中我会对开发过程中使用到的Krpano引擎进行详细介绍,以及实现的部分功能进行说明。