全景看图Pannellum专栏主要是对Pannellum做翻译,方便查看。
Pannellum是一款轻量级,免费且开源的全景浏览器,适用于网络。它使用HTML5,CSS3,JavaScript和WebGL构建,不受插件限制。
官网(例子):https://pannellum.org/
特点
- Equirectangular,partial,cubic和multi-resolution全景图
- 基于WebGL和CSS 3D的渲染器
- 支持热点/旅游模式
- 可以选择启用指南针,支持自定义标题
- 免费插件
- 免费框架
- 支持全景视频
- API
- 只需20kB gzipped
浏览器兼容性
由于Pannellum是使用最新的Web标准构建的,因此需要使用现代浏览器才能运行。
以下浏览器完全支持:
- Firefox 10+
- Chrome 15+
- Safari 8+
- Internet Explorer 11+
- Edge
几乎完全支持(除了没有全屏):
- Firefox 4+
- Chrome 9+
没有支持:
- Internet Explorer 10和之前的版本
下载
Pannellum CDN
虽然可以在几乎任何Web服务器上自行托管Pannellum,因为它是静态内容,但为方便起见,也提供了CDN(适用于中低流量站点)。
<!-- Latest compiled and minified standalone viewer -->
https://cdn.pannellum.org/2.4/pannellum.htm
<!-- Latest compiled and minified JavaScript -->
<script src="https://cdn.pannellum.org/2.4/pannellum.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.pannellum.org/2.4/pannellum.css">
更详细的下载信息请查看此处:Pannellum Downloads 。
使用建议
在本地使用Pannellum时,由于浏览器安全限制,仍必须使用Web服务器。
如果你使用的编辑器是Visual Studio Code,可以直接在VSCode编辑器中直接下载Live Server ,可以直接起本地服务,并且实时更新界面。
这篇先写到这,后面会接着翻译关于API的相关信息。