720全景工坊
教程与下载 / 发布与分享 / 导出与部署
第 5 篇 · 导出

导出与部署

除了在线访问,作品还能导出为独立文件部署到你自己的服务器。本篇讲清三种导出格式、导出配置、ZIP 目录结构与上线步骤。

阅读约 10 分钟 难度:进阶 适用:需自有部署

在哪里导出

在「我的作品」中对目标作品点击「导出」,或访问 /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 全景工坊的品牌标识水印:

  • 水印固定在页面角落,不影响全景拖拽、热点点击等任何交互操作。
  • 导出包中的水印同样以页面角标形式呈现,随包部署后依然保持展示。
如对水印的展示方式有特殊需求(如客户交付场景),欢迎通过意见反馈与团队沟通。