分享14個實用360°WebVr全景檢視框架大全

一、Theasys

地址：www.theasys.io/samples/

二、Panoraven

地址：panoraven.com/en

三、360-image-viewer

地址：renderstuff.com/tools/360-p…

360-image-viewer 也是一個類似於上面的庫，可以幫助您顯示影象的全景圖。各種裝置螢幕上的照片、影片和響應能力。僅約 46kb（壓縮後）的大小。使用此庫時可以輕鬆最佳化站點的效能。

四、Kaleidoscope

地址：github.com/thiagopnts/…

Kaleidoscope 是一個開源的 Javascript 庫，它可以輕鬆地為照片或影片構建 360 度方便的方法檢視器。

如果你需要一個緊湊的庫，不要使用額外的庫，它能滿足顯示影片和全景影象的基本元素，我認為這個庫是您不錯的選擇

五、JS Cloudimage 360 View

地址：scaleflex.github.io/js-cloudima…

JS Cloudimage 360 View 是一個用Javascript編寫的緊湊型開源庫，可以輕鬆實現360度顯示影象，並提供更多功能幫助使用者更便捷的互動。

如全屏顯示、lazyload功能、影象放大鏡。此外，它還提供您可以透過非常簡單的設定直接用於網站的 CDN 只需將它提供的屬性呼叫到我們想要顯示 360 的 HTML 物件影象中。

六、Three.js

地址：threejs.org/

Threejs 是基於WebGL封裝的3D引擎框架，降低了前端開發3D效果的難度，很容易就可以Web3D效果。

七、2VR

地址：www.2vr.in/

八、Panolens.js

地址：pchen66.github.io/Panolens/

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

九、Pannellum

地址：pannellum.org/

一個輕量級的Web全景檢視器，Pannellum是一個輕量級、免費、開源的網路全景檢視器。它使用HTML5、CSS3、JavaScript和WebGL構建，不含外掛。

十、view360

地址：naver.github.io/egjs-view36…

十一、A-Frame

地址：aframe.io/

十二、VR View

地址：developers.google.com/vr/develop/…

十三、Photo Sphere Viewer

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

十四、Marzipano

地址：www.marzipano.net/

作者：囂張農民
連結：https://juejin.cn/post/7434473139831029800