分享14个实用360°WebVr全景视图框架大全

一、Theasys

地址：https://www.theasys.io/samples/

二、Panoraven

地址：https://panoraven.com/en

三、360-image-viewer

地址：https://renderstuff.com/tools/360-panorama-web-viewer/

360-image-viewer 也是一个类似于上面的库，可以帮助您显示图像的全景图。各种设备屏幕上的照片、视频和响应能力。仅约 46kb（压缩后）的大小。使用此库时可以轻松优化站点的性能。

四、Kaleidoscope

地址：https://github.com/thiagopnts/kaleidoscope

Kaleidoscope 是一个开源的 Javascript 库，它可以轻松地为照片或视频构建 360 度方便的方法查看器。

如果你需要一个紧凑的库，不要使用额外的库，它能满足显示视频和全景图像的基本元素，我认为这个库是您不错的选择

五、JS Cloudimage 360 View

地址：https://scaleflex.github.io/js-cloudimage-360-view/

JS Cloudimage 360 View 是一个用Javascript编写的紧凑型开源库，可以轻松实现360度显示图像，并提供更多功能帮助用户更便捷的交互。

如全屏显示、lazyload功能、图像放大镜。此外，它还提供您可以通过非常简单的设置直接用于网站的 CDN 只需将它提供的属性调用到我们想要显示 360 的 HTML 对象图像中。

六、Three.js

地址：https://threejs.org/

Threejs 是基于WebGL封装的3D引擎框架，降低了前端开发3D效果的难度，很容易就可以Web3D效果。

七、2VR

地址：http://www.2vr.in/

八、Panolens.js

---

地址：https://pchen66.github.io/Panolens/

基于Threejs封装的全景框架，只需要引用three.min.js 和 panolens.min.js

九、Pannellum

---

地址：https://pannellum.org/

一个轻量级的Web全景查看器，Pannellum是一个轻量级、免费、开源的网络全景查看器。它使用HTML5、CSS3、JavaScript和WebGL构建，不含插件。

十、view360

---

地址：https://naver.github.io/egjs-view360/

十一、A-Frame

---

地址：https://aframe.io/

十二、VR View

---

地址：https://developers.google.com/vr/develop/web/vrview-web

十三、Photo Sphere Viewer

---

地址：https://photo-sphere-viewer.js.org/

十四、Marzipano

---

地址：https://www.marzipano.net/