导出与部署
除了在线访问,作品还能导出为独立文件部署到你自己的服务器。本篇讲清三种导出格式、导出配置、ZIP 目录结构与上线步骤。
在哪里导出
在「我的作品」中对目标作品点击「导出」,或访问 /export/{作品ID} 进入导出页。选择格式、调整配置后即可获得可部署的文件或代码。
导出选项会持续丰富,具体可用格式与配置以导出页当前展示为准;导出前建议先本地预览确认效果。
三种导出格式
导出页提供三种互补的产物,对应不同的使用场景:
HTML 部署包
生成可独立运行的网页文件,上传到自己的服务器即可脱离平台访问。
iframe 嵌入代码
一段可直接粘贴进官网/博客的嵌入代码,快速内嵌展示。
离线 ZIP 包
打包全景图、引擎与页面,可离线分发、内网部署或存档。
| 格式 | 适合谁 | 是否需要联网 |
|---|---|---|
| HTML 部署包 | 有自己服务器、想独立托管的团队 | 访问者需能连到你的服务器 |
| iframe 嵌入代码 | 只想在现有网站里嵌一段全景 | 依赖平台在线地址 |
| 离线 ZIP 包 | 内网演示、无网展厅、交付存档 | 可完全离线运行 |
导出配置项
导出前可调整以下参数,权衡清晰度与体积:
| 配置 | 说明 |
|---|---|
| 输出分辨率 | 4096×2048(标准)、8192×4096(高清)或原始分辨率;越高越清晰、体积越大。 |
| 包含全景引擎 | 是否打包全景渲染引擎(约 800KB);离线包需勾选才能独立运行。 |
| 自定义域名 | 为部署包配置访问域名,用于替换默认资源地址。 |
内网展厅、离线交付请勾选「包含全景引擎」;仅在官网嵌入且依赖在线地址时可省去引擎以减小体积。
ZIP 包目录结构
下载并解压离线 ZIP 包后,你会看到类似下面的结构,双击 index.html 即可本地预览:
解压后的典型目录结构我的作品/
├─ index.html # 入口页,双击即可打开全景
├─ panos/ # 各场景全景图与缩略图
│ ├─ scene1.jpg
│ └─ scene2.jpg
├─ js/ # 全景渲染引擎与查看器脚本(勾选后生成)
│ ├─ viewer.js
│ └─ plugins/
└─ assets/ # 热点图标、封面等多媒体资源
部署上线步骤
1
下载并解压
在导出页生成并下载 ZIP,解压到本地文件夹。
2
本地验证
双击
index.html 确认全景、热点、跳转一切正常。3
上传服务器
将整包文件上传到你的静态服务器 / 对象存储 / 虚拟主机的网站目录。
4
绑定域名访问
配置好域名后,通过你的地址即可对外访问,完全脱离平台。
请保持目录结构完整上传,尤其不要改动
panos/ 与 lib/ 的相对路径,否则会出现图片丢失或引擎报错。关于水印
在线播放页与导出包的角落会显示 720 全景工坊的品牌标识水印:
- 水印固定在页面角落,不影响全景拖拽、热点点击等任何交互操作。
- 导出包中的水印同样以页面角标形式呈现,随包部署后依然保持展示。
如对水印的展示方式有特殊需求(如客户交付场景),欢迎通过意见反馈与团队沟通。
