feat: new projiect

.gitignore

@@ -0,0 +1,11 @@
+# 全景图体积较大，按需提交
+panorama/*.jpg
+panorama/*.jpeg
+panorama/*.png
+panorama/*.webp
+!panorama/.gitkeep
+
+# Node
+node_modules/
+dist/
+data/

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "git.ignoreLimitWarning": true
+}

README.md

@@ -0,0 +1,162 @@
+# 720yun 全景本地化 / 离线部署
+
+将 [720云](https://www.720yun.com) VR 全景页面内容抓取并本地化，实现**完全离线**部署与查看。
+
+目标示例：`https://www.720yun.com/vr/c8525usOunr`
+
+---
+
+## 项目结构
+
+```
+720yun-offline/
+├── index.html       # 本地全景查看页（Pannellum）
+├── config.json      # 全景配置（默认使用 image/ 六面图）
+├── lib/
+│   ├── pannellum.js
+│   └── pannellum.css
+├── image/           # 六面体全景图（mobile_f/r/b/l/u/d.jpg），默认展示来源
+├── panorama/        # 单张全景图（可选）
+├── server.js        # Node 静态 + API 服务（统计、留言、弹幕）
+├── db.js            # SQLite 封装（data/pano.db）
+├── data/            # 数据库目录（自动创建，已 gitignore）
+├── build.js         # 构建脚本，产出 dist/ 便于部署
+├── package.json     # Node 脚本：start / build / preview
+├── fetch_720yun.py  # 自动抓取脚本（若页面有直出 URL 则可用）
+├── parse_720yun_doc.py  # 从 text.md 解析 URL，--download 下载到 image/
+└── README.md
+```
+
+---
+
+## 一、获取 720yun 全景图（二选一）
+
+### 方式 A：自动抓取（仅当页面 HTML 里直接包含图片 URL 时有效）
+
+```bash
+cd 720yun-offline
+python3 fetch_720yun.py "https://www.720yun.com/vr/c8525usOunr"
+```
+
+若输出「未在页面 HTML 中发现全景图 URL」，说明该页由前端 JS 请求接口加载数据，请用方式 B。
+
+### 方式 B：手动获取（推荐，适用于所有 720 链接）
+
+1. 在浏览器中打开目标链接：  
+   `https://www.720yun.com/vr/c8525usOunr`
+2. 打开开发者工具：**F12**（或 右键 → 检查）→ 切到 **Network（网络）**。
+3. 勾选 **Disable cache**，刷新页面（F5）。
+4. 在筛选里选择 **Img** 或 **XHR/Fetch**：
+   - **Img**：找尺寸很大的图片（如 4096×2048、8192×4096 等），即全景图。
+   - **XHR/Fetch**：找返回 JSON 的接口（如含 `scene`、`panorama`、`url` 等字段），从返回里拿到全景图 URL。
+5. 在找到的图片或接口响应里复制**图片 URL**，在浏览器新标签页打开该 URL，**右键 → 图片另存为**，保存到本项目的 `panorama/` 目录，命名为 `panorama.jpg`（或其它名字，见下方配置）。
+
+若有多场景（多个全景图），可保存为 `panorama/scene1.jpg`、`panorama/scene2.jpg` 等，并在 `config.json` 的 `scenes` 中配置多场景（见 Pannellum 文档）。
+
+---
+
+## 二、Node 构建与部署（推荐）
+
+项目已用 Node 方式组织，**默认使用 `image/` 下六面图**（由 `parse_720yun_doc.py --download` 拉取），打开页面即自动加载。
+
+### 1. 安装与运行（开发/本地）
+
+```bash
+cd 720yun-offline
+npm install
+npm start
+```
+
+浏览器访问 **http://localhost:3000**，会自动加载 `config.json` 中的立方体六面图（`image/mobile_*.jpg`）。  
+服务端会创建 **`data/pano.db`**（SQLite），用于存储：**累积播放、实时在看、点赞数、分享数、留言（弹幕）**。留言以弹幕形式在画面上方滚动播放。
+
+### 2. 构建出站目录（部署用）
+
+```bash
+npm run build
+```
+
+会将 `index.html`、`config.json`、`lib/`、`image/` 复制到 **`dist/`**。若需保留统计与弹幕功能，需将 **Node 服务（server.js + db.js + data/）** 一并部署；仅部署静态 `dist/` 时，前端会请求 `/api` 失败，观看/点赞/分享/留言不落库。
+
+### 3. 预览构建结果
+
+```bash
+npm run preview
+```
+
+先执行 `npm run build`，再以 `dist/` 为根目录启动服务器，用于验证部署包。
+
+### 4. 确认/修改 `config.json`
+
+默认已配置为使用 **立方体六面图**（`image/` 下 mobile_f → mobile_d）：
+
+```json
+{
+  "type": "cubemap",
+  "cubeMap": [
+    "image/mobile_f.jpg",
+    "image/mobile_r.jpg",
+    "image/mobile_b.jpg",
+    "image/mobile_l.jpg",
+    "image/mobile_u.jpg",
+    "image/mobile_d.jpg"
+  ],
+  "title": "720° 全景离线",
+  "autoLoad": true,
+  ...
+}
+```
+
+若使用单张 2:1 全景图，可改为 `"type": "equirectangular"`、`"panorama": "panorama/panorama.jpg"`。
+
+### 5. 其它方式起 HTTP 服务
+
+因浏览器安全限制，不能直接用 `file://` 打开。除 `npm start` 外也可：
+
+**Python 3：**
+
+```bash
+python3 -m http.server 8080
+```
+
+**npx serve：**
+
+```bash
+npx serve -p 8080
+```
+
+### 6. 离线部署到其它机器
+
+将整个项目（或仅 `dist/`）拷贝到 U 盘或内网服务器，在目标机器上执行 `npm start` 或部署 `dist/` 到 Web 服务器即可，无需外网。
+
+---
+
+## 三、多场景与热点（可选）
+
+若 720 原页有多场景或热点，可参考 [Pannellum 配置说明](https://pannellum.org/documentation/reference/)：
+
+- **多场景**：在 `config.json` 中使用 `default.firstScene` + `scenes`，每个 scene 指定自己的 `panorama` 路径。
+- **热点**：在对应 scene 下配置 `hotSpots`（`pitch`、`yaw`、`type`、`text`、`sceneId` 等）。
+
+可将 720 页面上的场景列表与热点信息手工抄写到 `config.json`，实现与线上类似的跳转效果。
+
+---
+
+## 四、技术说明
+
+- **查看器**：[Pannellum](https://pannellum.org/)（轻量、开源、支持 equirectangular 全景）。
+- **图片格式**：支持 2:1 等距柱状投影（equirectangular）全景图；若 720 提供的是立方体六面图，可在 `config.json` 中设置 `type: "cubemap"` 并配置 `cubeMap` 六张图路径。
+- **版权**：仅建议对您拥有版权或已获授权的内容做本地化与离线使用。
+
+---
+
+## 五、常见问题
+
+| 问题 | 处理 |
+|------|------|
+| 打开 index.html 空白或报错 | 必须通过 `http://localhost:端口` 访问，不要用 `file://`。 |
+| 提示「全景图加载失败」 | 检查 `config.json` 里 `panorama` 或 `cubeMap` 路径是否正确，以及 `image/`（或 `panorama/`）下是否有对应文件。 |
+| 自动脚本拿不到图 | 720 很多页面是前端请求接口再渲染，用「方式 B」在 Network 里找图片或接口即可。 |
+| 想用 VR 眼镜 / 陀螺仪 | Pannellum 支持部分设备朝向；如需完整 VR，可考虑其全屏 + 设备 API 或其它 WebXR 方案。 |
+
+完成以上步骤后，该 720 链接对应的全景即可在本地完全离线查看与部署。

build.js

@@ -0,0 +1,40 @@
+#!/usr/bin/env node
+/**
+ * 将静态资源复制到 dist/，便于直接部署到任意静态主机。
+ * 产出: dist/index.html, dist/config.json, dist/lib/, dist/image/
+ */
+const fs = require('fs');
+const path = require('path');
+
+const ROOT = path.resolve(__dirname);
+const DIST = path.join(ROOT, 'dist');
+
+function copyFile(src, dest) {
+  fs.mkdirSync(path.dirname(dest), { recursive: true });
+  fs.copyFileSync(src, dest);
+}
+
+function copyDir(srcDir, destDir) {
+  if (!fs.existsSync(srcDir)) return;
+  fs.mkdirSync(destDir, { recursive: true });
+  for (const name of fs.readdirSync(srcDir)) {
+    const s = path.join(srcDir, name);
+    const d = path.join(destDir, name);
+    if (fs.statSync(s).isDirectory()) copyDir(s, d);
+    else copyFile(s, d);
+  }
+}
+
+function main() {
+  if (fs.existsSync(DIST)) fs.rmSync(DIST, { recursive: true });
+  fs.mkdirSync(DIST, { recursive: true });
+
+  copyFile(path.join(ROOT, 'index.html'), path.join(DIST, 'index.html'));
+  copyFile(path.join(ROOT, 'config.json'), path.join(DIST, 'config.json'));
+  copyDir(path.join(ROOT, 'lib'), path.join(DIST, 'lib'));
+  copyDir(path.join(ROOT, 'image'), path.join(DIST, 'image'));
+
+  console.log('已构建到 dist/，可直接部署 dist 目录。');
+}
+
+main();

config.json

@@ -0,0 +1,21 @@
+{
+  "type": "cubemap",
+  "cubeMap": [
+    "image/mobile_f.jpg",
+    "image/mobile_r.jpg",
+    "image/mobile_b.jpg",
+    "image/mobile_l.jpg",
+    "image/mobile_u.jpg",
+    "image/mobile_d.jpg"
+  ],
+  "title": "广兴镇蔡家庵纪念 全景离线",
+  "autoLoad": true,
+  "showControls": true,
+  "hfov": 100,
+  "minHfov": 50,
+  "maxHfov": 120,
+  "authorName": "创作者：广兴镇蔡家11组原住民",
+  "authorUrl": "",
+  "viewCount": 0,
+  "watchingNow": 0
+}

db.js

@@ -0,0 +1,137 @@
+/**
+ * SQLite 数据库：统计（观看、点赞、分享、在看）与留言（弹幕）
+ */
+const Database = require('better-sqlite3');
+const path = require('path');
+
+const DB_PATH = path.join(__dirname, 'data', 'pano.db');
+
+function getDb() {
+  const db = new Database(DB_PATH);
+  db.pragma('journal_mode = WAL');
+  return db;
+}
+
+function initDb() {
+  const fs = require('fs');
+  const dir = path.join(__dirname, 'data');
+  if (!fs.existsSync(dir)) fs.mkdirSync(dir, { recursive: true });
+  const db = getDb();
+  db.exec(`
+    CREATE TABLE IF NOT EXISTS stats (
+      id INTEGER PRIMARY KEY CHECK (id = 1),
+      view_count INTEGER NOT NULL DEFAULT 0,
+      like_count INTEGER NOT NULL DEFAULT 0,
+      share_count INTEGER NOT NULL DEFAULT 0,
+      watching_now INTEGER NOT NULL DEFAULT 0
+    );
+    INSERT OR IGNORE INTO stats (id, view_count, like_count, share_count, watching_now) VALUES (1, 0, 0, 0, 0);
+
+    CREATE TABLE IF NOT EXISTS viewers (
+      viewer_id TEXT PRIMARY KEY,
+      updated_at INTEGER NOT NULL
+    );
+
+    CREATE TABLE IF NOT EXISTS comments (
+      id INTEGER PRIMARY KEY AUTOINCREMENT,
+      content TEXT NOT NULL,
+      nickname TEXT,
+      created_at INTEGER NOT NULL
+    );
+  `);
+  db.close();
+}
+
+function getStats() {
+  const db = getDb();
+  const row = db.prepare('SELECT view_count, like_count, share_count, watching_now FROM stats WHERE id = 1').get();
+  db.close();
+  return {
+    viewCount: row.view_count,
+    likeCount: row.like_count,
+    shareCount: row.share_count,
+    watchingNow: row.watching_now,
+  };
+}
+
+function incView() {
+  const db = getDb();
+  db.prepare('UPDATE stats SET view_count = view_count + 1 WHERE id = 1').run();
+  const out = getStats();
+  db.close();
+  return out;
+}
+
+function incLike() {
+  const db = getDb();
+  db.prepare('UPDATE stats SET like_count = like_count + 1 WHERE id = 1').run();
+  const row = db.prepare('SELECT like_count FROM stats WHERE id = 1').get();
+  db.close();
+  return { likeCount: row.like_count };
+}
+
+function incShare() {
+  const db = getDb();
+  db.prepare('UPDATE stats SET share_count = share_count + 1 WHERE id = 1').run();
+  const row = db.prepare('SELECT share_count FROM stats WHERE id = 1').get();
+  db.close();
+  return { shareCount: row.share_count };
+}
+
+function joinViewer(viewerId) {
+  const db = getDb();
+  const now = Date.now();
+  db.prepare('INSERT OR REPLACE INTO viewers (viewer_id, updated_at) VALUES (?, ?)').run(viewerId, now);
+  db.prepare('DELETE FROM viewers WHERE updated_at < ?').run(now - 120000);
+  const row = db.prepare('SELECT COUNT(*) as n FROM viewers').get();
+  db.prepare('UPDATE stats SET watching_now = ? WHERE id = 1').run(row.n);
+  db.close();
+  return row.n;
+}
+
+function leaveViewer(viewerId) {
+  const db = getDb();
+  db.prepare('DELETE FROM viewers WHERE viewer_id = ?').run(viewerId);
+  const row = db.prepare('SELECT COUNT(*) as n FROM viewers').get();
+  db.prepare('UPDATE stats SET watching_now = ? WHERE id = 1').run(row.n);
+  db.close();
+  return row.n;
+}
+
+function getComments(limit = 100) {
+  const db = getDb();
+  const rows = db.prepare(
+    'SELECT id, content, nickname, created_at FROM comments ORDER BY id DESC LIMIT ?'
+  ).all(limit);
+  db.close();
+  return rows.reverse().map((r) => ({
+    id: r.id,
+    content: r.content,
+    nickname: r.nickname || '游客',
+    createdAt: r.created_at,
+  }));
+}
+
+function addComment(content, nickname) {
+  const db = getDb();
+  const now = Date.now();
+  const r = db.prepare('INSERT INTO comments (content, nickname, created_at) VALUES (?, ?, ?)').run(
+    String(content).trim().slice(0, 200) || '（空）',
+    nickname ? String(nickname).trim().slice(0, 32) : null,
+    now
+  );
+  db.close();
+  return { id: r.lastInsertRowid, content: content.trim().slice(0, 200), nickname: nickname || '游客', createdAt: now };
+}
+
+module.exports = {
+  initDb,
+  getStats,
+  incView,
+  incLike,
+  incShare,
+  joinViewer,
+  leaveViewer,
+  getComments,
+  addComment,
+};

docs/720yun_资源与鉴权说明.md

@@ -0,0 +1,49 @@
+# 720yun 原项目资源与鉴权说明
+
+基于对 `text.md`（720yun 页面保存的 HTML/脚本）的检查，说明**是否有加密措施**、**为什么脚本读取与浏览器不一致**，以及**底面图的实际地址**。
+
+---
+
+## 一、原项目是否有加密/鉴权措施？
+
+文档中**没有**对图片内容做加密（如 AES、自定义编解码）。资源 URL 为明文路径，不携带 token 或签名。
+
+但存在以下**访问控制**，会影响脚本直接拉取或离线使用：
+
+| 措施 | 说明 |
+|------|------|
+| **Referer 校验** | 页面含 `<meta name="referrer" content="always">`，请求会带来源页。CDN（如 resource-t.720static.com）很可能只允许来自 `*.720yun.com` 的 Referer，否则关闭连接或返回异常。用 Python/脚本直接请求时未带该 Referer，易出现连接被关（如 EOF）。 |
+| **场景 JSON 不直出** | 场景配置在 `window.json="json/4ca3fae5e7x/.../3.json"`，由前端在浏览器里请求。该接口可能校验 Cookie/Origin/Referer，脚本直接 GET 常返回 403/404 或空，无法拿到完整 cube 路径列表。 |
+| **过期与权限字段** | `window.data` 中有 `"expired":1`、`"urlExpiredDate":null`、`"privilege":1`。若服务端按 `expired` 或 `urlExpiredDate` 做时效控制，过期后可能拒绝部分接口或资源。 |
+
+**结论**：没有对图片做“加密”，但有 **Referer/来源校验** 和可能的 **时效/权限** 控制，所以用脚本从站外直接拉取会失败或拿不全；在浏览器里从 720yun 页面打开时，由同源请求带正确 Referer，才能正常加载。
+
+### 为什么 Chrome 能访问、脚本“读取”就不正确？
+
+- 浏览器请求 720 的 CDN 时会自动带上 **Referer: https://www.720yun.com/**（以及完整 User-Agent）。CDN 只认这类请求，返回 200 和正确图片。
+- 脚本若用默认 `urllib` 或只带简单 User-Agent、**不带 Referer**，CDN 会拒绝或关闭连接，你看到的就是“读取不正确”、EOF、403 等。
+- **解决办法**：脚本里请求 720static.com 的 URL 时，必须加上与浏览器一致的请求头，例如：
+  - `Referer: https://www.720yun.com/`
+  - `User-Agent: Mozilla/5.0 (Macintosh; ...) Chrome/120.0.0.0 Safari/537.36`
+- 本仓库已在 `fetch_720yun.py` 的 `download_file` 和 `parse_720yun_doc.py` 的下载逻辑里使用上述头，用 `--download` 拉取时与浏览器行为一致。
+
+---
+
+## 二、底面图（mobile_d）的实际地址与 CDN 域名
+
+原项目**有底图**，地址为（与浏览器一致）：
+
+- **底面**：`https://ssl-panoimg130.720static.com/resource/prod/4ca3fae5e7x/d22jkguytw6/59446768/imgs/mobile_d.jpg`
+
+之前解析脚本里用的资源域是 **resource-t.720static.com**，而真实全景图 CDN 是 **ssl-panoimg130.720static.com**。用错域名时，脚本请求会失败或拿不到正确数据；在浏览器里因为页面请求的是正确域名，所以“在浏览器里是正确的数据”。
+
+- 解析脚本已改为使用 **ssl-panoimg130.720static.com** 作为资源 base，生成的 6 面 + 缩略图 URL 与浏览器一致。
+- 下载时需同时带 **Referer: https://www.720yun.com/** 和浏览器 User-Agent（见上一节），否则 CDN 仍可能拒绝，导致“读取”与浏览器不一致。
+
+---
+
+## 三、在本项目里怎么用（含底面）
+
+- 解析出的 6 面 URL 已使用正确 CDN（ssl-panoimg130.720static.com），且含底面 mobile_d.jpg。
+- 在项目根目录执行 **`python3 parse_720yun_doc.py --download`**，会用与浏览器一致的 Referer/User-Agent 把 6 面 + 缩略图下载到 `image/`，再在页面上选「选择六面体(6张)」按顺序选 image 下 6 张即可。
+- 若仍只有 5 张（没有 d），可用一张纯黑或占位图作为第 6 张，或在 config 的 cubemap 里第 6 个用占位图路径。

fetch_720yun.py

@@ -0,0 +1,255 @@
+#!/usr/bin/env python3
+"""
+从 720yun 页面抓取全景资源并本地化。
+用法: python3 fetch_720yun.py "https://www.720yun.com/vr/c8525usOunr"
+若页面由 JS 动态加载，请使用「手动获取」方式（见 README）。
+"""
+import re
+import sys
+import json
+import urllib.request
+import urllib.error
+from pathlib import Path
+
+def fetch_html(url):
+    req = urllib.request.Request(url, headers={
+        'User-Agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36'
+    })
+    with urllib.request.urlopen(req, timeout=15) as r:
+        return r.read().decode('utf-8', errors='replace')
+
+def _extract_balanced_json(html, start_marker, open_char='{', close_char='}'):
+    """从 html 中查找 start_marker 后紧跟的完整 JSON（匹配括号）。"""
+    results = []
+    i = 0
+    if open_char == '{':
+        other_open, other_close = '[', ']'
+    else:
+        other_open, other_close = '{', '}'
+    while True:
+        pos = html.find(start_marker, i)
+        if pos < 0:
+            break
+        start = pos + len(start_marker)
+        # 跳过空白与等号
+        while start < len(html) and html[start] in ' \t\n=':
+            start += 1
+        if start >= len(html):
+            i = pos + 1
+            continue
+        if html[start] == open_char:
+            depth = 0
+            in_string = None
+            escape = False
+            j = start
+            while j < len(html):
+                c = html[j]
+                if escape:
+                    escape = False
+                    j += 1
+                    continue
+                if c == '\\' and in_string:
+                    escape = True
+                    j += 1
+                    continue
+                if in_string:
+                    if c == in_string:
+                        in_string = None
+                    j += 1
+                    continue
+                if c in '"\'':
+                    in_string = c
+                    j += 1
+                    continue
+                if c == open_char:
+                    depth += 1
+                elif c == close_char:
+                    depth -= 1
+                    if depth == 0:
+                        results.append(html[start:j + 1])
+                        break
+                elif c == other_open:
+                    depth += 1
+                elif c == other_close:
+                    depth -= 1
+                j += 1
+        elif html[start] == other_open:
+            depth = 0
+            in_string = None
+            escape = False
+            j = start
+            while j < len(html):
+                c = html[j]
+                if escape:
+                    escape = False
+                    j += 1
+                    continue
+                if c == '\\' and in_string:
+                    escape = True
+                    j += 1
+                    continue
+                if in_string:
+                    if c == in_string:
+                        in_string = None
+                    j += 1
+                    continue
+                if c in '"\'':
+                    in_string = c
+                    j += 1
+                    continue
+                if c == other_open:
+                    depth += 1
+                elif c == other_close:
+                    depth -= 1
+                    if depth == 0:
+                        results.append(html[start:j + 1])
+                        break
+                elif c == open_char:
+                    depth += 1
+                elif c == close_char:
+                    depth -= 1
+                j += 1
+        i = pos + 1
+    return results
+
+
+def find_json_assignments(html):
+    """查找页面中常见的 __INITIAL_STATE__、window.__DATA__ 等 JSON 赋值（支持嵌套）。"""
+    markers = [
+        'window.__INITIAL_STATE__',
+        '__INITIAL_STATE__',
+        'window.__DATA__',
+        'window.__NUXT_DATA__',
+    ]
+    results = []
+    for marker in markers:
+        results.extend(_extract_balanced_json(html, marker, '{', '}'))
+    # 也尝试匹配 "panorama":"url" 或 "scenes":[...] 的简单模式
+    for m in re.finditer(r'"panorama"\s*:\s*"([^"]+)"', html):
+        results.append(m.group(1))
+    return results
+
+def find_image_urls(html):
+    """从 HTML 中提取可能是全景图的 URL（720yun CDN 等）。"""
+    # 常见 720 云图片域名
+    url_pattern = re.compile(
+        r'https?://[^\s"\'<>]+?\.(?:720yun\.com|qpic\.cn|gtimg\.com)[^\s"\'<>]*\.(?:jpg|jpeg|png|webp)',
+        re.I
+    )
+    urls = list(set(url_pattern.findall(html)))
+    # 也匹配任意包含 panorama / scene / photo 的图片 URL
+    alt_pattern = re.compile(
+        r'https?://[^\s"\'<>]+?/(?:panorama|scene|photo|pano|vr)[^\s"\'<>]*\.(?:jpg|jpeg|png|webp)',
+        re.I
+    )
+    for u in alt_pattern.findall(html):
+        if u not in urls:
+            urls.append(u)
+    return urls
+
+# 720yun CDN 会校验 Referer，脚本请求需与浏览器一致才能拿到正确数据
+def _browser_headers(url=''):
+    h = {
+        'User-Agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36',
+        'Accept': 'image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.9',
+    }
+    if '720static.com' in url or '720yun.com' in url:
+        h['Referer'] = 'https://www.720yun.com/'
+    return h
+
+
+def download_file(url, dest_path):
+    req = urllib.request.Request(url, headers=_browser_headers(url))
+    with urllib.request.urlopen(req, timeout=30) as r:
+        dest_path.write_bytes(r.read())
+
+def main():
+    if len(sys.argv) < 2:
+        print('用法: python3 fetch_720yun.py <720yun页面URL>')
+        print('例:   python3 fetch_720yun.py "https://www.720yun.com/vr/c8525usOunr"')
+        sys.exit(1)
+    url = sys.argv[1].strip()
+    base = Path(__file__).resolve().parent
+    panorama_dir = base / 'panorama'
+    panorama_dir.mkdir(exist_ok=True)
+    config_path = base / 'config.json'
+
+    print('正在请求页面...')
+    try:
+        html = fetch_html(url)
+    except Exception as e:
+        print('请求失败:', e)
+        print('请使用 README 中的「手动获取」方式在浏览器中抓取资源。')
+        sys.exit(1)
+
+    image_urls = find_image_urls(html)
+    json_candidates = find_json_assignments(html)
+
+    # 尝试从 JSON 中解析 panorama 或 scenes
+    for raw in json_candidates:
+        try:
+            if raw.startswith('http'):
+                image_urls.append(raw)
+                continue
+            if raw.startswith('{'):
+                data = json.loads(raw)
+            elif raw.startswith('['):
+                data = json.loads(raw)
+                if data and isinstance(data[0], dict) and 'url' in data[0]:
+                    image_urls.extend([s.get('url') for s in data if s.get('url')])
+                continue
+            else:
+                continue
+            # 递归查找 url / panorama / image 字段
+            def collect_urls(obj, out):
+                if isinstance(obj, dict):
+                    for k, v in obj.items():
+                        if k in ('url', 'panorama', 'image', 'src', 'pic') and isinstance(v, str) and v.startswith('http'):
+                            out.append(v)
+                        else:
+                            collect_urls(v, out)
+                elif isinstance(obj, list):
+                    for x in obj:
+                        collect_urls(x, out)
+            collect_urls(data, image_urls)
+        except (json.JSONDecodeError, TypeError):
+            pass
+
+    image_urls = list(dict.fromkeys([u for u in image_urls if u and u.startswith('http')]))
+
+    if not image_urls:
+        print('未在页面 HTML 中发现全景图 URL（页面可能由 JavaScript 动态加载）。')
+        print('请按 README 使用浏览器开发者工具手动获取：')
+        print('  1. 打开该 720yun 链接')
+        print('  2. F12 -> Network -> 刷新 -> 筛选 Img 或 XHR')
+        print('  3. 找到全景图或 scene 接口返回的图片 URL，下载到 panorama/ 并命名为 panorama.jpg')
+        print('  4. 确保 config.json 中 panorama 为 "panorama/panorama.jpg"')
+        sys.exit(0)
+
+    print('发现可能的全景图 URL:', len(image_urls))
+    local_path = panorama_dir / 'panorama.jpg'
+    try:
+        first = image_urls[0]
+        print('正在下载:', first[:80], '...')
+        download_file(first, local_path)
+        print('已保存到:', local_path)
+    except Exception as e:
+        print('下载失败:', e)
+        print('请手动将上面列出的任一 URL 在浏览器中打开并另存为 panorama/panorama.jpg')
+        sys.exit(1)
+
+    # 确保 config 指向本地
+    if config_path.exists():
+        with open(config_path, 'r', encoding='utf-8') as f:
+            config = json.load(f)
+    else:
+        config = {}
+    config['panorama'] = 'panorama/panorama.jpg'
+    config['type'] = config.get('type', 'equirectangular')
+    config['title'] = config.get('title', '本地全景')
+    with open(config_path, 'w', encoding='utf-8') as f:
+        json.dump(config, f, ensure_ascii=False, indent=2)
+    print('已更新 config.json。运行本地服务器后打开 index.html 即可离线查看。')
+
+if __name__ == '__main__':
+    main()

index.html

@@ -0,0 +1,456 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>全景查看</title>
+  <link rel="stylesheet" href="lib/pannellum.css">
+  <style>
+    html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; }
+    .pano-root { flex: 1 1 0%; position: relative; width: 100%; height: 100%; }
+    #krp { position: absolute; inset: 0; z-index: 0; }
+    #player_krp {
+      position: relative; overflow: hidden; isolation: isolate;
+      height: 100%; width: 100%; line-height: normal; font-weight: normal; font-style: normal;
+      outline: 0; -webkit-tap-highlight-color: transparent; background: #000;
+    }
+    #panorama { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
+    .load-error {
+      position: absolute; left: 0; top: 0; width: 100%; height: 100%;
+      display: flex; align-items: center; justify-content: center;
+      padding: 2em; text-align: center; font-family: sans-serif; color: #999;
+      background: #000; z-index: 2;
+    }
+    .load-error a { color: #08c; }
+
+    /* 弹幕层 */
+    #danmaku-wrap {
+      position: absolute; left: 0; top: 0; width: 100%; height: 100%;
+      pointer-events: none; z-index: 5; overflow: hidden;
+    }
+    .danmaku-line {
+      position: absolute; white-space: nowrap;
+      font-size: 14px; color: #fff; text-shadow: 0 0 2px #000, 0 1px 4px rgba(0,0,0,.8);
+      animation: danmaku-scroll 15s linear forwards;
+    }
+    @keyframes danmaku-scroll {
+      from { transform: translateX(100vw); }
+      to { transform: translateX(-100%); }
+    }
+
+    /* 顶部区域 */
+    .topWp { position: absolute; left: 0; top: 0; width: 100%; pointer-events: none; z-index: 10; }
+    .topWp > * { pointer-events: auto; }
+    .LeftBtn { position: absolute; left: 0; top: 12px; padding: 0 16px; }
+    .authorPvBox { margin-bottom: 8px; }
+    .Author { color: #fff; text-decoration: none; font-size: 13px; opacity: 1; }
+    .view-stats { color: rgba(255,255,255,.7); font-size: 12px; margin-top: 4px; }
+    .view-stats span { margin-right: 12px; }
+
+    .RightBtn { position: absolute; right: 12px; top: 12px; display: flex; gap: 8px; align-items: center; }
+    .RightBtn .btn-wrap {
+      display: flex; flex-direction: column; align-items: center; cursor: pointer;
+      padding: 6px 10px; background: rgba(0,0,0,.3); border-radius: 6px; color: #fff;
+      font-size: 12px; border: none; font-family: inherit;
+    }
+    .RightBtn .btn-wrap:hover { background: rgba(0,0,0,.5); }
+    .RightBtn .btn-wrap svg { width: 24px; height: 24px; margin-bottom: 2px; }
+
+    /* 底部区域 */
+    .bottom { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 10; pointer-events: none; }
+    .bottom > * { pointer-events: auto; }
+    .bottomWp { display: flex; justify-content: flex-end; align-items: center; padding: 12px 16px; }
+    .bottom_right .CustomButton {
+      display: inline-flex; flex-direction: column; align-items: center; padding: 8px 12px;
+      background: rgba(0,0,0,.3); border-radius: 8px; color: #fff; cursor: pointer;
+      font-size: 12px; border: 2px solid transparent; margin: 0 4px;
+    }
+    .bottom_right .CustomButton:hover { background: rgba(0,0,0,.5); }
+    .bottom_right .CustomButton.selected { border-color: #fa6400; }
+    .CustomButton .count { font-size: 10px; opacity: .9; margin-top: 2px; }
+    .safeHeight { height: env(safe-area-inset-bottom, 0); }
+
+    /* 留言弹窗 */
+    .modal-mask { position: fixed; inset: 0; background: rgba(0,0,0,.6); z-index: 100; display: flex; align-items: center; justify-content: center; padding: 20px; }
+    .modal-mask.hide { display: none; }
+    .modal-box { background: #333; color: #fff; border-radius: 12px; padding: 20px; min-width: 280px; max-width: 90vw; }
+    .modal-box h3 { margin: 0 0 12px; font-size: 16px; }
+    .modal-box input, .modal-box textarea { width: 100%; box-sizing: border-box; padding: 8px 10px; margin-bottom: 10px; border: 1px solid #555; border-radius: 6px; background: #222; color: #fff; font-size: 14px; }
+    .modal-box textarea { min-height: 72px; resize: vertical; }
+    .modal-box .btns { display: flex; gap: 8px; justify-content: flex-end; margin-top: 12px; }
+    .modal-box .btns button { padding: 8px 16px; border: none; border-radius: 6px; cursor: pointer; font-size: 13px; }
+    .modal-box .btns .btn-ok { background: #fa6400; color: #fff; }
+    .modal-box .btns .btn-cancel { background: #555; color: #fff; }
+
+    /* 隐藏 Pannellum 左侧控件及左下角标志 */
+    #panorama .pnlm-controls-container { display: none !important; }
+    #panorama .pnlm-about-msg { display: none !important; }
+  </style>
+</head>
+<body>
+  <div class="pano-root">
+    <div id="krp">
+      <div id="player_krp" tabindex="-1">
+        <div style="position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;">
+          <div id="panorama"></div>
+        </div>
+        <div id="danmaku-wrap"></div>
+        <div id="error" class="load-error" style="display:none;"></div>
+      </div>
+
+      <div class="topWp">
+        <div class="LeftBtn">
+          <div class="authorPvBox">
+            <a class="Author" href="#" target="_blank" rel="noopener" id="authorName">创作者：本地</a>
+          </div>
+          <div class="view-stats">
+            <span id="watchingNow">0 人在看</span>
+            <span id="viewCount">共 0 次播放</span>
+          </div>
+        </div>
+        <div class="RightBtn">
+          <button type="button" class="btn-wrap" id="btnFullscreen" title="全屏模式">
+            <svg fill="none" viewBox="0 0 24 24"><path d="m20.04 3.753-4.435.55a.187.187 0 0 0-.11.317l1.282 1.282-3.598 3.597a.188.188 0 0 0 0 .265l1.057 1.057a.188.188 0 0 0 .265 0l3.6-3.6 1.282 1.282c.11.11.297.045.316-.11l.549-4.432a.185.185 0 0 0-.209-.208Z" fill="rgba(255,255,255)"/></svg>
+            <span>全屏</span>
+          </button>
+        </div>
+      </div>
+
+      <div class="bottom">
+        <div class="bottomWp">
+          <div class="bottom_right">
+            <div class="CustomButton" id="btnIntro" title="简介">简介</div>
+            <div class="CustomButton" id="btnShare" title="分享">分享 <span class="count" id="shareCount">0</span></div>
+            <div class="CustomButton" id="btnLike" title="赞">赞 <span class="count" id="likeCount">0</span></div>
+            <div class="CustomButton" id="btnComment" title="留言">留言</div>
+          </div>
+        </div>
+        <div class="safeHeight"></div>
+      </div>
+    </div>
+  </div>
+
+  <div id="commentModal" class="modal-mask hide">
+    <div class="modal-box">
+      <h3>留言（弹幕）</h3>
+      <input type="text" id="commentNickname" placeholder="昵称（选填）" maxlength="32">
+      <textarea id="commentContent" placeholder="说点什么…" maxlength="200"></textarea>
+      <div class="btns">
+        <button type="button" class="btn-cancel" id="commentCancel">取消</button>
+        <button type="button" class="btn-ok" id="commentSubmit">发送</button>
+      </div>
+    </div>
+  </div>
+
+  <script src="lib/pannellum.js"></script>
+  <script>
+    (function() {
+      var API = '/api';
+      var container = document.getElementById('panorama');
+      var errorEl = document.getElementById('error');
+      var currentViewer = null;
+      var currentBlobUrls = [];
+      var viewerId = null;
+      var statsInterval = null;
+      var danmakuLastId = 0;
+
+      function uuid() {
+        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+          var r = Math.random() * 16 | 0, v = c === 'y' ? 0x8 : 0x3;
+          return (v | r).toString(16);
+        });
+      }
+
+      function revokeBlobUrls() {
+        currentBlobUrls.forEach(function(u) { try { URL.revokeObjectURL(u); } catch (e) {} });
+        currentBlobUrls = [];
+      }
+
+      function showError(msg) {
+        errorEl.style.display = 'flex';
+        errorEl.innerHTML = '<p>' + (msg || '加载失败') + '</p>';
+      }
+
+      function hideError() {
+        errorEl.style.display = 'none';
+      }
+
+      function destroyViewer() {
+        if (currentViewer) {
+          try { currentViewer.destroy(); } catch (e) {}
+          currentViewer = null;
+        }
+        revokeBlobUrls();
+        if (container) container.innerHTML = '';
+      }
+
+      function buildViewer(config) {
+        destroyViewer();
+        hideError();
+        if (container) container.style.display = 'block';
+        config.autoLoad = config.autoLoad !== false;
+        config.hfov = config.hfov || 100;
+        config.minHfov = config.minHfov != null ? config.minHfov : 50;
+        config.maxHfov = config.maxHfov != null ? config.maxHfov : 120;
+        config.showZoomCtrl = false;
+        config.compass = false;
+        config.showFullscreenCtrl = false;
+        try {
+          currentViewer = pannellum.viewer('panorama', config);
+          currentViewer.on('error', function(err) {
+            showError('全景图加载失败：' + (err && err.message ? err.message : '未知错误'));
+          });
+        } catch (e) {
+          showError('创建查看器失败：' + (e.message || e));
+        }
+      }
+
+      function updateStatsUI(stats) {
+        if (!stats) return;
+        var w = document.getElementById('watchingNow');
+        if (w) w.textContent = (stats.watchingNow || 0) + ' 人在看';
+        var v = document.getElementById('viewCount');
+        if (v) v.textContent = '共 ' + (stats.viewCount || 0) + ' 次播放';
+        var l = document.getElementById('likeCount');
+        if (l) l.textContent = stats.likeCount || 0;
+        var s = document.getElementById('shareCount');
+        if (s) s.textContent = stats.shareCount || 0;
+      }
+
+      function fetchStats(cb) {
+        var xhr = new XMLHttpRequest();
+        xhr.open('GET', API + '/stats', true);
+        xhr.onload = function() {
+          if (xhr.status === 200) {
+            try {
+              var s = JSON.parse(xhr.responseText);
+              updateStatsUI(s);
+              if (cb) cb(s);
+            } catch (e) {}
+          }
+        };
+        xhr.onerror = function() { if (cb) cb(null); };
+        xhr.send();
+      }
+
+      function sendView() {
+        var xhr = new XMLHttpRequest();
+        xhr.open('POST', API + '/view', true);
+        xhr.setRequestHeader('Content-Type', 'application/json');
+        xhr.onload = function() {
+          if (xhr.status === 200) {
+            try { updateStatsUI(JSON.parse(xhr.responseText)); } catch (e) {}
+          }
+        };
+        xhr.send('{}');
+      }
+
+      function sendJoin() {
+        viewerId = sessionStorage.getItem('pano_viewer_id') || uuid();
+        sessionStorage.setItem('pano_viewer_id', viewerId);
+        var xhr = new XMLHttpRequest();
+        xhr.open('POST', API + '/join', true);
+        xhr.setRequestHeader('Content-Type', 'application/json');
+        xhr.onload = function() {
+          if (xhr.status === 200) {
+            try {
+              var r = JSON.parse(xhr.responseText);
+              updateStatsUI({ watchingNow: r.watchingNow });
+            } catch (e) {}
+          }
+        };
+        xhr.send(JSON.stringify({ viewerId: viewerId }));
+      }
+
+      function sendLeave() {
+        if (!viewerId) return;
+        navigator.sendBeacon && navigator.sendBeacon(API + '/leave', JSON.stringify({ viewerId: viewerId }));
+        viewerId = null;
+      }
+
+      function addDanmakuLine(text, nickname) {
+        var wrap = document.getElementById('danmaku-wrap');
+        if (!wrap) return;
+        var line = document.createElement('div');
+        line.className = 'danmaku-line';
+        line.textContent = (nickname ? nickname + '：' : '') + text;
+        line.style.top = (10 + Math.random() * 75) + '%';
+        line.style.animationDuration = (12 + Math.random() * 8) + 's';
+        wrap.appendChild(line);
+        setTimeout(function() {
+          if (line.parentNode) line.parentNode.removeChild(line);
+        }, 25000);
+      }
+
+      function loadDanmaku() {
+        var xhr = new XMLHttpRequest();
+        xhr.open('GET', API + '/comments?limit=50', true);
+        xhr.onload = function() {
+          if (xhr.status !== 200) return;
+          try {
+            var list = JSON.parse(xhr.responseText);
+            var wrap = document.getElementById('danmaku-wrap');
+            if (!wrap) return;
+            list.forEach(function(c, i) {
+              var line = document.createElement('div');
+              line.className = 'danmaku-line';
+              line.textContent = (c.nickname || '游客') + '：' + (c.content || '');
+              line.style.top = (10 + (i % 8) * 10 + Math.random() * 5) + '%';
+              line.style.animationDuration = (14 + (i % 5)) + 's';
+              line.style.animationDelay = (i * 0.8) + 's';
+              wrap.appendChild(line);
+            });
+            danmakuLastId = list.length ? list[list.length - 1].id : 0;
+          } catch (e) {}
+        };
+        xhr.send();
+      }
+
+      function updateUIFromConfig(config) {
+        var authorEl = document.getElementById('authorName');
+        if (authorEl && config.authorName) {
+          authorEl.textContent = config.authorName;
+          if (config.authorUrl) authorEl.href = config.authorUrl;
+        }
+      }
+
+      function loadFromConfig(cb) {
+        var xhr = new XMLHttpRequest();
+        xhr.open('GET', 'config.json', true);
+        xhr.onload = function() {
+          if (xhr.status !== 200) { if (cb) cb(null); return; }
+          var config;
+          try { config = JSON.parse(xhr.responseText); } catch (e) { if (cb) cb(null); return; }
+          config.autoLoad = config.autoLoad !== false;
+          var toCheck = config.panorama || (config.cubeMap && config.cubeMap[0]) || 'panorama/panorama.jpg';
+          var check = new XMLHttpRequest();
+          check.open('HEAD', toCheck, true);
+          check.onload = function() {
+            if (check.status === 200) {
+              buildViewer(config);
+              updateUIFromConfig(config);
+              if (cb) cb(config);
+            } else if (cb) cb(null);
+          };
+          check.onerror = function() { if (cb) cb(null); };
+          check.send();
+        };
+        xhr.onerror = function() { if (cb) cb(null); };
+        xhr.send();
+      }
+
+      loadFromConfig(function(config) {
+        if (!config) {
+          showError('无法加载 config.json 或图片，请通过 http 访问（如 npm start）。');
+          return;
+        }
+        fetchStats();
+        sendView();
+        sendJoin();
+        loadDanmaku();
+        statsInterval = setInterval(fetchStats, 8000);
+      });
+
+      window.addEventListener('beforeunload', sendLeave);
+      window.addEventListener('pagehide', sendLeave);
+
+      document.getElementById('btnFullscreen').addEventListener('click', function() {
+        if (!document.fullscreenElement) {
+          document.documentElement.requestFullscreen().catch(function() {});
+        } else {
+          document.exitFullscreen();
+        }
+      });
+
+      document.getElementById('btnIntro').addEventListener('click', function() {
+        alert('简介：可在 config.json 中配置 intro 文案。');
+      });
+
+      document.getElementById('btnShare').addEventListener('click', function() {
+        var url = location.href;
+        if (navigator.share) {
+          navigator.share({ title: document.title, url: url }).catch(function() { copyUrl(url); });
+        } else {
+          copyUrl(url);
+        }
+        var xhr = new XMLHttpRequest();
+        xhr.open('POST', API + '/share', true);
+        xhr.setRequestHeader('Content-Type', 'application/json');
+        xhr.onload = function() {
+          if (xhr.status === 200) {
+            try { updateStatsUI({ shareCount: JSON.parse(xhr.responseText).shareCount }); } catch (e) {}
+          }
+        };
+        xhr.send('{}');
+      });
+
+      function copyUrl(url) {
+        if (navigator.clipboard && navigator.clipboard.writeText) {
+          navigator.clipboard.writeText(url).then(function() { alert('链接已复制'); }).catch(function() { prompt('复制链接：', url); });
+        } else {
+          prompt('复制链接：', url);
+        }
+      }
+
+      document.getElementById('btnLike').addEventListener('click', function() {
+        var btn = this;
+        if (btn.classList.contains('selected')) return;
+        var xhr = new XMLHttpRequest();
+        xhr.open('POST', API + '/like', true);
+        xhr.setRequestHeader('Content-Type', 'application/json');
+        xhr.onload = function() {
+          if (xhr.status === 200) {
+            try {
+              var r = JSON.parse(xhr.responseText);
+              btn.classList.add('selected');
+              updateStatsUI({ likeCount: r.likeCount });
+            } catch (e) {}
+          }
+        };
+        xhr.send('{}');
+      });
+
+      var modal = document.getElementById('commentModal');
+      var commentContent = document.getElementById('commentContent');
+      var commentNickname = document.getElementById('commentNickname');
+
+      document.getElementById('btnComment').addEventListener('click', function() {
+        commentContent.value = '';
+        commentNickname.value = localStorage.getItem('pano_nickname') || '';
+        modal.classList.remove('hide');
+        commentContent.focus();
+      });
+
+      document.getElementById('commentCancel').addEventListener('click', function() {
+        modal.classList.add('hide');
+      });
+
+      document.getElementById('commentSubmit').addEventListener('click', function() {
+        var content = (commentContent.value || '').trim();
+        var nickname = (commentNickname.value || '').trim();
+        if (!content) {
+          alert('请输入留言内容');
+          return;
+        }
+        localStorage.setItem('pano_nickname', nickname);
+        var xhr = new XMLHttpRequest();
+        xhr.open('POST', API + '/comments', true);
+        xhr.setRequestHeader('Content-Type', 'application/json');
+        xhr.onload = function() {
+          modal.classList.add('hide');
+          if (xhr.status === 200) {
+            try {
+              var c = JSON.parse(xhr.responseText);
+              addDanmakuLine(c.content, c.nickname);
+            } catch (e) {}
+          } else {
+            alert('发送失败');
+          }
+        };
+        xhr.onerror = function() { alert('发送失败'); };
+        xhr.send(JSON.stringify({ content: content, nickname: nickname || undefined }));
+      });
+    })();
+  </script>
+</body>
+</html>

lib/pannellum.js

@@ -0,0 +1,110 @@
+// Pannellum 2.5.7, https://github.com/mpetroff/pannellum
+window.libpannellum=function(E,g,p){function Ba(K){function ja(a,d){return 1==a.level&&1!=d.level?-1:1==d.level&&1!=a.level?1:d.timestamp-a.timestamp}function Q(a,d){return a.level!=d.level?a.level-d.level:a.diff-d.diff}function ka(a,d,c,g,k,h){this.vertices=a;this.side=d;this.level=c;this.x=g;this.y=k;this.path=h.replace("%s",d).replace("%l",c).replace("%x",g).replace("%y",k)}function Ja(a,d,g,p,k){var h;var e=d.vertices;h=la(a,e.slice(0,3));var u=la(a,e.slice(3,6)),x=la(a,e.slice(6,9)),e=la(a,e.slice(9,
+12)),t=h[0]+u[0]+x[0]+e[0];-4==t||4==t?h=!1:(t=h[1]+u[1]+x[1]+e[1],h=-4==t||4==t?!1:4!=h[2]+u[2]+x[2]+e[2]);if(h){h=d.vertices;u=h[0]+h[3]+h[6]+h[9];x=h[1]+h[4]+h[7]+h[10];e=h[2]+h[5]+h[8]+h[11];t=Math.sqrt(u*u+x*x+e*e);e=Math.asin(e/t);u=Math.atan2(x,u)-p;u+=u>Math.PI?-2*Math.PI:u<-Math.PI?2*Math.PI:0;u=Math.abs(u);d.diff=Math.acos(Math.sin(g)*Math.sin(e)+Math.cos(g)*Math.cos(e)*Math.cos(u));u=!1;for(x=0;x<c.nodeCache.length;x++)if(c.nodeCache[x].path==d.path){u=!0;c.nodeCache[x].timestamp=c.nodeCacheTimestamp++;
+c.nodeCache[x].diff=d.diff;c.currentNodes.push(c.nodeCache[x]);break}u||(d.timestamp=c.nodeCacheTimestamp++,c.currentNodes.push(d),c.nodeCache.push(d));if(d.level<c.level){var e=m.cubeResolution*Math.pow(2,d.level-m.maxLevel),u=Math.ceil(e*m.invTileResolution)-1,x=e%m.tileResolution*2,l=2*e%m.tileResolution;0===l&&(l=m.tileResolution);0===x&&(x=2*m.tileResolution);t=0.5;if(d.x==u||d.y==u)t=1-m.tileResolution/(m.tileResolution+l);var y=1-t,e=[],s=t,z=t,D=t,F=y,A=y,B=y;if(l<m.tileResolution)if(d.x==
+u&&d.y!=u){if(A=z=0.5,"d"==d.side||"u"==d.side)B=D=0.5}else d.x!=u&&d.y==u&&(F=s=0.5,"l"==d.side||"r"==d.side)&&(B=D=0.5);x<=m.tileResolution&&(d.x==u&&(s=0,F=1,"l"==d.side||"r"==d.side)&&(D=0,B=1),d.y==u&&(z=0,A=1,"d"==d.side||"u"==d.side)&&(D=0,B=1));l=[h[0],h[1],h[2],h[0]*s+h[3]*F,h[1]*t+h[4]*y,h[2]*D+h[5]*B,h[0]*s+h[6]*F,h[1]*z+h[7]*A,h[2]*D+h[8]*B,h[0]*t+h[9]*y,h[1]*z+h[10]*A,h[2]*D+h[11]*B];l=new ka(l,d.side,d.level+1,2*d.x,2*d.y,m.fullpath);e.push(l);d.x==u&&x<=m.tileResolution||(l=[h[0]*s+
+h[3]*F,h[1]*t+h[4]*y,h[2]*D+h[5]*B,h[3],h[4],h[5],h[3]*t+h[6]*y,h[4]*z+h[7]*A,h[5]*D+h[8]*B,h[0]*s+h[6]*F,h[1]*z+h[7]*A,h[2]*D+h[8]*B],l=new ka(l,d.side,d.level+1,2*d.x+1,2*d.y,m.fullpath),e.push(l));d.x==u&&x<=m.tileResolution||d.y==u&&x<=m.tileResolution||(l=[h[0]*s+h[6]*F,h[1]*z+h[7]*A,h[2]*D+h[8]*B,h[3]*t+h[6]*y,h[4]*z+h[7]*A,h[5]*D+h[8]*B,h[6],h[7],h[8],h[9]*s+h[6]*F,h[10]*t+h[7]*y,h[11]*D+h[8]*B],l=new ka(l,d.side,d.level+1,2*d.x+1,2*d.y+1,m.fullpath),e.push(l));d.y==u&&x<=m.tileResolution||
+(l=[h[0]*t+h[9]*y,h[1]*z+h[10]*A,h[2]*D+h[11]*B,h[0]*s+h[6]*F,h[1]*z+h[7]*A,h[2]*D+h[8]*B,h[9]*s+h[6]*F,h[10]*t+h[7]*y,h[11]*D+h[8]*B,h[9],h[10],h[11]],l=new ka(l,d.side,d.level+1,2*d.x,2*d.y+1,m.fullpath),e.push(l));for(d=0;d<e.length;d++)Ja(a,e[d],g,p,k)}}}function ta(){return[-1,1,-1,1,1,-1,1,-1,-1,-1,-1,-1,1,1,1,-1,1,1,-1,-1,1,1,-1,1,-1,1,1,1,1,1,1,1,-1,-1,1,-1,-1,-1,-1,1,-1,-1,1,-1,1,-1,-1,1,-1,1,1,-1,1,-1,-1,-1,-1,-1,-1,1,1,1,-1,1,1,1,1,-1,1,1,-1,-1]}function ua(a,d,c){var g=Math.sin(d);d=Math.cos(d);
+if("x"==c)return[a[0],d*a[1]+g*a[2],d*a[2]-g*a[1],a[3],d*a[4]+g*a[5],d*a[5]-g*a[4],a[6],d*a[7]+g*a[8],d*a[8]-g*a[7]];if("y"==c)return[d*a[0]-g*a[2],a[1],d*a[2]+g*a[0],d*a[3]-g*a[5],a[4],d*a[5]+g*a[3],d*a[6]-g*a[8],a[7],d*a[8]+g*a[6]];if("z"==c)return[d*a[0]+g*a[1],d*a[1]-g*a[0],a[2],d*a[3]+g*a[4],d*a[4]-g*a[3],a[5],d*a[6]+g*a[7],d*a[7]-g*a[6],a[8]]}function ma(a){return[a[0],a[4],a[8],a[12],a[1],a[5],a[9],a[13],a[2],a[6],a[10],a[14],a[3],a[7],a[11],a[15]]}function Ka(a){La(a,a.path+"."+m.extension,
+function(d,c){a.texture=d;a.textureLoaded=c?2:1},va.crossOrigin)}function la(a,d){var c=[a[0]*d[0]+a[1]*d[1]+a[2]*d[2],a[4]*d[0]+a[5]*d[1]+a[6]*d[2],a[11]+a[8]*d[0]+a[9]*d[1]+a[10]*d[2],1/(a[12]*d[0]+a[13]*d[1]+a[14]*d[2])],g=c[0]*c[3],k=c[1]*c[3],c=c[2]*c[3],h=[0,0,0];-1>g&&(h[0]=-1);1<g&&(h[0]=1);-1>k&&(h[1]=-1);1<k&&(h[1]=1);if(-1>c||1<c)h[2]=1;return h}function Ea(){console.log("Reducing canvas size due to error 1286!");A.width=Math.round(A.width/2);A.height=Math.round(A.height/2)}var A=g.createElement("canvas");
+A.style.width=A.style.height="100%";K.appendChild(A);var c,a,U,V,$,R,wa,ga,m,z,G,ca,Fa,Y,na,va;this.init=function(L,d,Ca,I,k,h,e,u){function x(a){if(E){var d=a*a*4,h=new Uint8ClampedArray(d),c=u.backgroundColor?u.backgroundColor:[0,0,0];c[0]*=255;c[1]*=255;c[2]*=255;for(var b=0;b<d;b++)h[b++]=c[0],h[b++]=c[1],h[b++]=c[2];a=new ImageData(h,a,a);for(t=0;6>t;t++)0==m[t].width&&(m[t]=a)}}d===p&&(d="equirectangular");if("equirectangular"!=d&&"cubemap"!=d&&"multires"!=d)throw console.log("Error: invalid image type specified!"),
+{type:"config error"};z=d;m=L;G=Ca;va=u||{};if(c){U&&(a.detachShader(c,U),a.deleteShader(U));V&&(a.detachShader(c,V),a.deleteShader(V));a.bindBuffer(a.ARRAY_BUFFER,null);a.bindBuffer(a.ELEMENT_ARRAY_BUFFER,null);c.texture&&a.deleteTexture(c.texture);if(c.nodeCache)for(L=0;L<c.nodeCache.length;L++)a.deleteTexture(c.nodeCache[L].texture);a.deleteProgram(c);c=p}ga=p;var t,E=!1,y;if("cubemap"==z)for(t=0;6>t;t++)0<m[t].width?(y===p&&(y=m[t].width),y!=m[t].width&&console.log("Cube faces have inconsistent widths: "+
+y+" vs. "+m[t].width)):E=!0;"cubemap"==z&&0!==(y&y-1)&&(navigator.userAgent.toLowerCase().match(/(iphone|ipod|ipad).* os 8_/)||navigator.userAgent.toLowerCase().match(/(iphone|ipod|ipad).* os 9_/)||navigator.userAgent.toLowerCase().match(/(iphone|ipod|ipad).* os 10_/)||navigator.userAgent.match(/Trident.*rv[ :]*11\./))||(a||(a=A.getContext("experimental-webgl",{alpha:!1,depth:!1})),a&&1286==a.getError()&&Ea());if(!a&&("multires"==z&&m.hasOwnProperty("fallbackPath")||"cubemap"==z)&&("WebkitAppearance"in
+g.documentElement.style||navigator.userAgent.match(/Trident.*rv[ :]*11\./)||-1!==navigator.appVersion.indexOf("MSIE 10"))){R&&K.removeChild(R);R=g.createElement("div");R.className="pnlm-world";I=m.basePath?m.basePath+m.fallbackPath:m.fallbackPath;var Q="frblud".split(""),S=0;k=function(){var a=g.createElement("canvas");a.className="pnlm-face pnlm-"+Q[this.side]+"face";R.appendChild(a);var d=a.getContext("2d");a.style.width=this.width+4+"px";a.style.height=this.height+4+"px";a.width=this.width+4;a.height=
+this.height+4;d.drawImage(this,2,2);var h=d.getImageData(0,0,a.width,a.height),c=h.data,b,e;for(b=2;b<a.width-2;b++)for(e=0;4>e;e++)c[4*(b+a.width)+e]=c[4*(b+2*a.width)+e],c[4*(b+a.width*(a.height-2))+e]=c[4*(b+a.width*(a.height-3))+e];for(b=2;b<a.height-2;b++)for(e=0;4>e;e++)c[4*(b*a.width+1)+e]=c[4*(b*a.width+2)+e],c[4*((b+1)*a.width-2)+e]=c[4*((b+1)*a.width-3)+e];for(e=0;4>e;e++)c[4*(a.width+1)+e]=c[4*(2*a.width+2)+e],c[4*(2*a.width-2)+e]=c[4*(3*a.width-3)+e],c[4*(a.width*(a.height-2)+1)+e]=c[4*
+(a.width*(a.height-3)+2)+e],c[4*(a.width*(a.height-1)-2)+e]=c[4*(a.width*(a.height-2)-3)+e];for(b=1;b<a.width-1;b++)for(e=0;4>e;e++)c[4*b+e]=c[4*(b+a.width)+e],c[4*(b+a.width*(a.height-1))+e]=c[4*(b+a.width*(a.height-2))+e];for(b=1;b<a.height-1;b++)for(e=0;4>e;e++)c[b*a.width*4+e]=c[4*(b*a.width+1)+e],c[4*((b+1)*a.width-1)+e]=c[4*((b+1)*a.width-2)+e];for(e=0;4>e;e++)c[e]=c[4*(a.width+1)+e],c[4*(a.width-1)+e]=c[4*(2*a.width-2)+e],c[a.width*(a.height-1)*4+e]=c[4*(a.width*(a.height-2)+1)+e],c[4*(a.width*
+a.height-1)+e]=c[4*(a.width*(a.height-1)-2)+e];d.putImageData(h,0,0);D.call(this)};var D=function(){0<this.width?($===p&&($=this.width),$!=this.width&&console.log("Fallback faces have inconsistent widths: "+$+" vs. "+this.width)):E=!0;S++;6==S&&($=this.width,K.appendChild(R),e())},E=!1;for(t=0;6>t;t++)h=new Image,h.crossOrigin=va.crossOrigin?va.crossOrigin:"anonymous",h.side=t,h.onload=k,h.onerror=D,h.src="multires"==z?I.replace("%s",Q[t])+"."+m.extension:m[t].src;x($)}else{if(!a)throw console.log("Error: no WebGL support detected!"),
+{type:"no webgl"};"cubemap"==z&&x(y);m.fullpath=m.basePath?m.basePath+m.path:m.path;m.invTileResolution=1/m.tileResolution;L=ta();wa=[];for(t=0;6>t;t++)wa[t]=L.slice(12*t,12*t+12),L=ta();L=0;if("equirectangular"==z){if(L=a.getParameter(a.MAX_TEXTURE_SIZE),Math.max(m.width/2,m.height)>L)throw console.log("Error: The image is too big; it's "+m.width+"px wide, but this device's maximum supported size is "+2*L+"px."),{type:"webgl size error",width:m.width,maxWidth:2*L};}else if("cubemap"==z&&y>a.getParameter(a.MAX_CUBE_MAP_TEXTURE_SIZE))throw console.log("Error: The image is too big; it's "+
+y+"px wide, but this device's maximum supported size is "+L+"px."),{type:"webgl size error",width:y,maxWidth:L};u===p||u.horizonPitch===p&&u.horizonRoll===p||(ga=[u.horizonPitch==p?0:u.horizonPitch,u.horizonRoll==p?0:u.horizonRoll]);y=a.TEXTURE_2D;a.viewport(0,0,a.drawingBufferWidth,a.drawingBufferHeight);a.getShaderPrecisionFormat&&(d=a.getShaderPrecisionFormat(a.FRAGMENT_SHADER,a.HIGH_FLOAT))&&1>d.precision&&(oa=oa.replace("highp","mediump"));U=a.createShader(a.VERTEX_SHADER);d=s;"multires"==z&&
+(d=l);a.shaderSource(U,d);a.compileShader(U);V=a.createShader(a.FRAGMENT_SHADER);d=pa;"cubemap"==z?(y=a.TEXTURE_CUBE_MAP,d=qa):"multires"==z&&(d=bb);a.shaderSource(V,d);a.compileShader(V);c=a.createProgram();a.attachShader(c,U);a.attachShader(c,V);a.linkProgram(c);a.getShaderParameter(U,a.COMPILE_STATUS)||console.log(a.getShaderInfoLog(U));a.getShaderParameter(V,a.COMPILE_STATUS)||console.log(a.getShaderInfoLog(V));a.getProgramParameter(c,a.LINK_STATUS)||console.log(a.getProgramInfoLog(c));a.useProgram(c);
+c.drawInProgress=!1;d=u.backgroundColor?u.backgroundColor:[0,0,0];a.clearColor(d[0],d[1],d[2],1);a.clear(a.COLOR_BUFFER_BIT);c.texCoordLocation=a.getAttribLocation(c,"a_texCoord");a.enableVertexAttribArray(c.texCoordLocation);"multires"!=z?(ca||(ca=a.createBuffer()),a.bindBuffer(a.ARRAY_BUFFER,ca),a.bufferData(a.ARRAY_BUFFER,new Float32Array([-1,1,1,1,1,-1,-1,1,1,-1,-1,-1]),a.STATIC_DRAW),a.vertexAttribPointer(c.texCoordLocation,2,a.FLOAT,!1,0,0),c.aspectRatio=a.getUniformLocation(c,"u_aspectRatio"),
+a.uniform1f(c.aspectRatio,a.drawingBufferWidth/a.drawingBufferHeight),c.psi=a.getUniformLocation(c,"u_psi"),c.theta=a.getUniformLocation(c,"u_theta"),c.f=a.getUniformLocation(c,"u_f"),c.h=a.getUniformLocation(c,"u_h"),c.v=a.getUniformLocation(c,"u_v"),c.vo=a.getUniformLocation(c,"u_vo"),c.rot=a.getUniformLocation(c,"u_rot"),a.uniform1f(c.h,I/(2*Math.PI)),a.uniform1f(c.v,k/Math.PI),a.uniform1f(c.vo,h/Math.PI*2),"equirectangular"==z&&(c.backgroundColor=a.getUniformLocation(c,"u_backgroundColor"),a.uniform4fv(c.backgroundColor,
+d.concat([1]))),c.texture=a.createTexture(),a.bindTexture(y,c.texture),"cubemap"==z?(a.texImage2D(a.TEXTURE_CUBE_MAP_POSITIVE_X,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,m[1]),a.texImage2D(a.TEXTURE_CUBE_MAP_NEGATIVE_X,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,m[3]),a.texImage2D(a.TEXTURE_CUBE_MAP_POSITIVE_Y,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,m[4]),a.texImage2D(a.TEXTURE_CUBE_MAP_NEGATIVE_Y,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,m[5]),a.texImage2D(a.TEXTURE_CUBE_MAP_POSITIVE_Z,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,m[0]),a.texImage2D(a.TEXTURE_CUBE_MAP_NEGATIVE_Z,
+0,a.RGB,a.RGB,a.UNSIGNED_BYTE,m[2])):m.width<=L?(a.uniform1i(a.getUniformLocation(c,"u_splitImage"),0),a.texImage2D(y,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,m)):(a.uniform1i(a.getUniformLocation(c,"u_splitImage"),1),I=g.createElement("canvas"),I.width=m.width/2,I.height=m.height,I=I.getContext("2d"),I.drawImage(m,0,0),k=I.getImageData(0,0,m.width/2,m.height),a.texImage2D(y,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,k),c.texture2=a.createTexture(),a.activeTexture(a.TEXTURE1),a.bindTexture(y,c.texture2),a.uniform1i(a.getUniformLocation(c,
+"u_image1"),1),I.drawImage(m,-m.width/2,0),k=I.getImageData(0,0,m.width/2,m.height),a.texImage2D(y,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,k),a.texParameteri(y,a.TEXTURE_WRAP_S,a.CLAMP_TO_EDGE),a.texParameteri(y,a.TEXTURE_WRAP_T,a.CLAMP_TO_EDGE),a.texParameteri(y,a.TEXTURE_MIN_FILTER,a.LINEAR),a.texParameteri(y,a.TEXTURE_MAG_FILTER,a.LINEAR),a.activeTexture(a.TEXTURE0)),a.texParameteri(y,a.TEXTURE_WRAP_S,a.CLAMP_TO_EDGE),a.texParameteri(y,a.TEXTURE_WRAP_T,a.CLAMP_TO_EDGE),a.texParameteri(y,a.TEXTURE_MIN_FILTER,
+a.LINEAR),a.texParameteri(y,a.TEXTURE_MAG_FILTER,a.LINEAR)):(c.vertPosLocation=a.getAttribLocation(c,"a_vertCoord"),a.enableVertexAttribArray(c.vertPosLocation),Fa||(Fa=a.createBuffer()),Y||(Y=a.createBuffer()),na||(na=a.createBuffer()),a.bindBuffer(a.ARRAY_BUFFER,Y),a.bufferData(a.ARRAY_BUFFER,new Float32Array([0,0,1,0,1,1,0,1]),a.STATIC_DRAW),a.bindBuffer(a.ELEMENT_ARRAY_BUFFER,na),a.bufferData(a.ELEMENT_ARRAY_BUFFER,new Uint16Array([0,1,2,0,2,3]),a.STATIC_DRAW),c.perspUniform=a.getUniformLocation(c,
+"u_perspMatrix"),c.cubeUniform=a.getUniformLocation(c,"u_cubeMatrix"),c.level=-1,c.currentNodes=[],c.nodeCache=[],c.nodeCacheTimestamp=0);I=a.getError();if(0!==I)throw console.log("Error: Something went wrong with WebGL!",I),{type:"webgl error"};e()}};this.destroy=function(){K!==p&&(A!==p&&K.contains(A)&&K.removeChild(A),R!==p&&K.contains(R)&&K.removeChild(R));if(a){var c=a.getExtension("WEBGL_lose_context");c&&c.loseContext()}};this.resize=function(){var g=E.devicePixelRatio||1;A.width=A.clientWidth*
+g;A.height=A.clientHeight*g;a&&(1286==a.getError()&&Ea(),a.viewport(0,0,a.drawingBufferWidth,a.drawingBufferHeight),"multires"!=z&&a.uniform1f(c.aspectRatio,A.clientWidth/A.clientHeight))};this.resize();this.setPose=function(a,c){ga=[a,c]};this.render=function(g,d,l,s){var k,h=0;s===p&&(s={});s.roll&&(h=s.roll);if(ga!==p){k=ga[0];var e=ga[1],u=g,x=d,t=Math.cos(e)*Math.sin(g)*Math.sin(k)+Math.cos(g)*(Math.cos(k)*Math.cos(d)+Math.sin(e)*Math.sin(k)*Math.sin(d)),E=-Math.sin(g)*Math.sin(e)+Math.cos(g)*
+Math.cos(e)*Math.sin(d);g=Math.cos(e)*Math.cos(k)*Math.sin(g)+Math.cos(g)*(-Math.cos(d)*Math.sin(k)+Math.cos(k)*Math.sin(e)*Math.sin(d));g=Math.asin(Math.max(Math.min(g,1),-1));d=Math.atan2(E,t);k=[Math.cos(u)*(Math.sin(e)*Math.sin(k)*Math.cos(x)-Math.cos(k)*Math.sin(x)),Math.cos(u)*Math.cos(e)*Math.cos(x),Math.cos(u)*(Math.cos(k)*Math.sin(e)*Math.cos(x)+Math.sin(x)*Math.sin(k))];e=[-Math.cos(g)*Math.sin(d),Math.cos(g)*Math.cos(d)];e=Math.acos(Math.max(Math.min((k[0]*e[0]+k[1]*e[1])/(Math.sqrt(k[0]*
+k[0]+k[1]*k[1]+k[2]*k[2])*Math.sqrt(e[0]*e[0]+e[1]*e[1])),1),-1));0>k[2]&&(e=2*Math.PI-e);h+=e}if(a||"multires"!=z&&"cubemap"!=z){if("multires"!=z)l=2*Math.atan(Math.tan(0.5*l)/(a.drawingBufferWidth/a.drawingBufferHeight)),l=1/Math.tan(0.5*l),a.uniform1f(c.psi,d),a.uniform1f(c.theta,g),a.uniform1f(c.rot,h),a.uniform1f(c.f,l),!0===G&&"equirectangular"==z&&(a.bindTexture(a.TEXTURE_2D,c.texture),a.texImage2D(a.TEXTURE_2D,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,m)),a.drawArrays(a.TRIANGLES,0,6);else{k=a.drawingBufferWidth/
+a.drawingBufferHeight;e=2*Math.atan(Math.tan(l/2)*a.drawingBufferHeight/a.drawingBufferWidth);e=1/Math.tan(e/2);k=[e/k,0,0,0,0,e,0,0,0,0,100.1/-99.9,20/-99.9,0,0,-1,0];for(e=1;e<m.maxLevel&&a.drawingBufferWidth>m.tileResolution*Math.pow(2,e-1)*Math.tan(l/2)*0.707;)e++;c.level=e;e=[1,0,0,0,1,0,0,0,1];e=ua(e,-h,"z");e=ua(e,-g,"x");e=ua(e,d,"y");e=[e[0],e[1],e[2],0,e[3],e[4],e[5],0,e[6],e[7],e[8],0,0,0,0,1];a.uniformMatrix4fv(c.perspUniform,!1,new Float32Array(ma(k)));a.uniformMatrix4fv(c.cubeUniform,
+!1,new Float32Array(ma(e)));h=[k[0]*e[0],k[0]*e[1],k[0]*e[2],0,k[5]*e[4],k[5]*e[5],k[5]*e[6],0,k[10]*e[8],k[10]*e[9],k[10]*e[10],k[11],-e[8],-e[9],-e[10],0];c.nodeCache.sort(ja);if(200<c.nodeCache.length&&c.nodeCache.length>c.currentNodes.length+50)for(k=c.nodeCache.splice(200,c.nodeCache.length-200),e=0;e<k.length;e++)a.deleteTexture(k[e].texture);c.currentNodes=[];e="fbudlr".split("");for(k=0;6>k;k++)u=new ka(wa[k],e[k],1,0,0,m.fullpath),Ja(h,u,g,d,l);c.currentNodes.sort(Q);for(g=S.length-1;0<=
+g;g--)-1===c.currentNodes.indexOf(S[g].node)&&(S[g].node.textureLoad=!1,S.splice(g,1));if(0===S.length)for(g=0;g<c.currentNodes.length;g++)if(d=c.currentNodes[g],!d.texture&&!d.textureLoad){d.textureLoad=!0;setTimeout(Ka,0,d);break}if(!c.drawInProgress){c.drawInProgress=!0;a.clear(a.COLOR_BUFFER_BIT);for(g=0;g<c.currentNodes.length;g++)1<c.currentNodes[g].textureLoaded&&(a.bindBuffer(a.ARRAY_BUFFER,Fa),a.bufferData(a.ARRAY_BUFFER,new Float32Array(c.currentNodes[g].vertices),a.STATIC_DRAW),a.vertexAttribPointer(c.vertPosLocation,
+3,a.FLOAT,!1,0,0),a.bindBuffer(a.ARRAY_BUFFER,Y),a.vertexAttribPointer(c.texCoordLocation,2,a.FLOAT,!1,0,0),a.bindTexture(a.TEXTURE_2D,c.currentNodes[g].texture),a.drawElements(a.TRIANGLES,6,a.UNSIGNED_SHORT,0));c.drawInProgress=!1}}if(s.returnImage!==p)return A.toDataURL("image/png")}else for(k=$/2,s={f:"translate3d(-"+(k+2)+"px, -"+(k+2)+"px, -"+k+"px)",b:"translate3d("+(k+2)+"px, -"+(k+2)+"px, "+k+"px) rotateX(180deg) rotateZ(180deg)",u:"translate3d(-"+(k+2)+"px, -"+k+"px, "+(k+2)+"px) rotateX(270deg)",
+d:"translate3d(-"+(k+2)+"px, "+k+"px, -"+(k+2)+"px) rotateX(90deg)",l:"translate3d(-"+k+"px, -"+(k+2)+"px, "+(k+2)+"px) rotateX(180deg) rotateY(90deg) rotateZ(180deg)",r:"translate3d("+k+"px, -"+(k+2)+"px, -"+(k+2)+"px) rotateY(270deg)"},l=1/Math.tan(l/2),l=l*A.clientWidth/2+"px",d="perspective("+l+") translateZ("+l+") rotateX("+g+"rad) rotateY("+d+"rad) ",l=Object.keys(s),g=0;6>g;g++)if(h=R.querySelector(".pnlm-"+l[g]+"face"))h.style.webkitTransform=d+s[l[g]],h.style.transform=d+s[l[g]]};this.isLoading=
+function(){if(a&&"multires"==z)for(var g=0;g<c.currentNodes.length;g++)if(!c.currentNodes[g].textureLoaded)return!0;return!1};this.getCanvas=function(){return A};var S=[],La=function(){function c(){var e=this;this.texture=this.callback=null;this.image=new Image;this.image.crossOrigin=k?k:"anonymous";var d=function(){if(0<e.image.width&&0<e.image.height){var c=e.image;a.bindTexture(a.TEXTURE_2D,e.texture);a.texImage2D(a.TEXTURE_2D,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,c);a.texParameteri(a.TEXTURE_2D,a.TEXTURE_MAG_FILTER,
+a.LINEAR);a.texParameteri(a.TEXTURE_2D,a.TEXTURE_MIN_FILTER,a.LINEAR);a.texParameteri(a.TEXTURE_2D,a.TEXTURE_WRAP_S,a.CLAMP_TO_EDGE);a.texParameteri(a.TEXTURE_2D,a.TEXTURE_WRAP_T,a.CLAMP_TO_EDGE);a.bindTexture(a.TEXTURE_2D,null);e.callback(e.texture,!0)}else e.callback(e.texture,!1);S.length?(c=S.shift(),e.loadTexture(c.src,c.texture,c.callback)):l[g++]=e};this.image.addEventListener("load",d);this.image.addEventListener("error",d)}function d(a,c,d,g){this.node=a;this.src=c;this.texture=d;this.callback=
+g}var g=4,l={},k;c.prototype.loadTexture=function(a,c,d){this.texture=c;this.callback=d;this.image.src=a};for(var h=0;h<g;h++)l[h]=new c;return function(c,h,m,p){k=p;p=a.createTexture();g?l[--g].loadTexture(h,p,m):S.push(new d(c,h,p,m));return p}}()}var s="attribute vec2 a_texCoord;varying vec2 v_texCoord;void main() {gl_Position = vec4(a_texCoord, 0.0, 1.0);v_texCoord = a_texCoord;}",l="attribute vec3 a_vertCoord;attribute vec2 a_texCoord;uniform mat4 u_cubeMatrix;uniform mat4 u_perspMatrix;varying mediump vec2 v_texCoord;void main(void) {gl_Position = u_perspMatrix * u_cubeMatrix * vec4(a_vertCoord, 1.0);v_texCoord = a_texCoord;}",
+oa="precision highp float;\nuniform float u_aspectRatio;\nuniform float u_psi;\nuniform float u_theta;\nuniform float u_f;\nuniform float u_h;\nuniform float u_v;\nuniform float u_vo;\nuniform float u_rot;\nconst float PI = 3.14159265358979323846264;\nuniform sampler2D u_image0;\nuniform sampler2D u_image1;\nuniform bool u_splitImage;\nuniform samplerCube u_imageCube;\nvarying vec2 v_texCoord;\nuniform vec4 u_backgroundColor;\nvoid main() {\nfloat x = v_texCoord.x * u_aspectRatio;\nfloat y = v_texCoord.y;\nfloat sinrot = sin(u_rot);\nfloat cosrot = cos(u_rot);\nfloat rot_x = x * cosrot - y * sinrot;\nfloat rot_y = x * sinrot + y * cosrot;\nfloat sintheta = sin(u_theta);\nfloat costheta = cos(u_theta);\nfloat a = u_f * costheta - rot_y * sintheta;\nfloat root = sqrt(rot_x * rot_x + a * a);\nfloat lambda = atan(rot_x / root, a / root) + u_psi;\nfloat phi = atan((rot_y * costheta + u_f * sintheta) / root);",
+qa=oa+"float cosphi = cos(phi);\ngl_FragColor = textureCube(u_imageCube, vec3(cosphi*sin(lambda), sin(phi), cosphi*cos(lambda)));\n}",pa=oa+"lambda = mod(lambda + PI, PI * 2.0) - PI;\nvec2 coord = vec2(lambda / PI, phi / (PI / 2.0));\nif(coord.x < -u_h || coord.x > u_h || coord.y < -u_v + u_vo || coord.y > u_v + u_vo)\ngl_FragColor = u_backgroundColor;\nelse {\nif(u_splitImage) {\nif(coord.x < 0.0)\ngl_FragColor = texture2D(u_image0, vec2((coord.x + u_h) / u_h, (-coord.y + u_v + u_vo) / (u_v * 2.0)));\nelse\ngl_FragColor = texture2D(u_image1, vec2((coord.x + u_h) / u_h - 1.0, (-coord.y + u_v + u_vo) / (u_v * 2.0)));\n} else {\ngl_FragColor = texture2D(u_image0, vec2((coord.x + u_h) / (u_h * 2.0), (-coord.y + u_v + u_vo) / (u_v * 2.0)));\n}\n}\n}",
+bb="varying mediump vec2 v_texCoord;uniform sampler2D u_sampler;void main(void) {gl_FragColor = texture2D(u_sampler, v_texCoord);}";return{renderer:function(g,l,p,s){return new Ba(g,l,p,s)}}}(window,document);
+window.pannellum=function(E,g,p){function Ba(s,l){function oa(){var a=g.createElement("div");a.innerHTML="\x3c!--[if lte IE 9]><i></i><![endif]--\x3e";if(1==a.getElementsByTagName("i").length)K();else{ra=b.hfov;Ga=b.pitch;var f;if("cubemap"==b.type){P=[];for(a=0;6>a;a++)P.push(new Image),P[a].crossOrigin=b.crossOrigin;q.load.lbox.style.display="block";q.load.lbar.style.display="none"}else if("multires"==b.type)a=JSON.parse(JSON.stringify(b.multiRes)),b.basePath&&b.multiRes.basePath&&!/^(?:[a-z]+:)?\/\//i.test(b.multiRes.basePath)?
+a.basePath=b.basePath+b.multiRes.basePath:b.multiRes.basePath?a.basePath=b.multiRes.basePath:b.basePath&&(a.basePath=b.basePath),P=a;else if(!0===b.dynamic)P=b.panorama;else{if(b.panorama===p){K(b.strings.noPanoramaError);return}P=new Image}if("cubemap"==b.type)for(var n=6,c=function(){n--;0===n&&pa()},e=function(a){var ea=g.createElement("a");ea.href=F(a.target.src,!0);ea.textContent=ea.href;K(b.strings.fileAccessError.replace("%s",ea.outerHTML))},a=0;a<P.length;a++)f=b.cubeMap[a],"null"==f?(console.log("Will use background instead of missing cubemap face "+
+a),c()):(b.basePath&&!qa(f)&&(f=b.basePath+f),P[a].onload=c,P[a].onerror=e,P[a].src=F(f));else if("multires"==b.type)pa();else if(f="",b.basePath&&(f=b.basePath),!0!==b.dynamic){f=qa(b.panorama)?b.panorama:f+b.panorama;P.onload=function(){E.URL.revokeObjectURL(this.src);pa()};var d=new XMLHttpRequest;d.onloadend=function(){if(200!=d.status){var a=g.createElement("a");a.href=F(f,!0);a.textContent=a.href;K(b.strings.fileAccessError.replace("%s",a.outerHTML))}Ba(this.response);q.load.msg.innerHTML=""};
+d.onprogress=function(a){if(a.lengthComputable){q.load.lbarFill.style.width=a.loaded/a.total*100+"%";var b,ea;1E6<a.total?(b="MB",ea=(a.loaded/1E6).toFixed(2),a=(a.total/1E6).toFixed(2)):1E3<a.total?(b="kB",ea=(a.loaded/1E3).toFixed(1),a=(a.total/1E3).toFixed(1)):(b="B",ea=a.loaded,a=a.total);q.load.msg.innerHTML=ea+" / "+a+" "+b}else q.load.lbox.style.display="block",q.load.lbar.style.display="none"};try{d.open("GET",f,!0)}catch(h){K(b.strings.malformedURLError)}d.responseType="blob";d.setRequestHeader("Accept",
+"image/*,*/*;q=0.9");d.withCredentials="use-credentials"===b.crossOrigin;d.send()}b.draggable&&J.classList.add("pnlm-grab");J.classList.remove("pnlm-grabbing");Ma=!0===b.dynamicUpdate;b.dynamic&&Ma&&(P=b.panorama,pa())}}function qa(a){return/^(?:[a-z]+:)?\/\//i.test(a)||"/"==a[0]||"blob:"==a.slice(0,5)}function pa(){C||(C=new libpannellum.renderer(M));Sa||(Sa=!0,W.addEventListener("mousedown",ka,!1),g.addEventListener("mousemove",ua,!1),g.addEventListener("mouseup",ma,!1),b.mouseZoom&&(J.addEventListener("mousewheel",
+U,!1),J.addEventListener("DOMMouseScroll",U,!1)),b.doubleClickZoom&&W.addEventListener("dblclick",Ja,!1),s.addEventListener("mozfullscreenchange",e,!1),s.addEventListener("webkitfullscreenchange",e,!1),s.addEventListener("msfullscreenchange",e,!1),s.addEventListener("fullscreenchange",e,!1),E.addEventListener("resize",z,!1),E.addEventListener("orientationchange",z,!1),b.disableKeyboardCtrl||(s.addEventListener("keydown",V,!1),s.addEventListener("keyup",R,!1),s.addEventListener("blur",$,!1)),g.addEventListener("mouseleave",
+ma,!1),""===g.documentElement.style.pointerAction&&""===g.documentElement.style.touchAction?(W.addEventListener("pointerdown",A,!1),W.addEventListener("pointermove",c,!1),W.addEventListener("pointerup",a,!1),W.addEventListener("pointerleave",a,!1)):(W.addEventListener("touchstart",Ka,!1),W.addEventListener("touchmove",la,!1),W.addEventListener("touchend",Ea,!1)),E.navigator.pointerEnabled&&(s.style.touchAction="none"));va();x(b.hfov);setTimeout(function(){},500)}function Ba(a){var f=new FileReader;
+f.addEventListener("loadend",function(){var n=f.result;if(navigator.userAgent.toLowerCase().match(/(iphone|ipod|ipad).* os 8_/)){var c=n.indexOf("\u00ff\u00c2");(0>c||65536<c)&&K(b.strings.iOS8WebGLError)}c=n.indexOf("<x:xmpmeta");if(-1<c&&!0!==b.ignoreGPanoXMP){var e=n.substring(c,n.indexOf("</x:xmpmeta>")+12),d=function(a){var b;0<=e.indexOf(a+'="')?(b=e.substring(e.indexOf(a+'="')+a.length+2),b=b.substring(0,b.indexOf('"'))):0<=e.indexOf(a+">")&&(b=e.substring(e.indexOf(a+">")+a.length+1),b=b.substring(0,
+b.indexOf("<")));return b!==p?Number(b):null},n=d("GPano:FullPanoWidthPixels"),c=d("GPano:CroppedAreaImageWidthPixels"),g=d("GPano:FullPanoHeightPixels"),h=d("GPano:CroppedAreaImageHeightPixels"),l=d("GPano:CroppedAreaTopPixels"),k=d("GPano:PoseHeadingDegrees"),m=d("GPano:PosePitchDegrees"),d=d("GPano:PoseRollDegrees");null!==n&&null!==c&&null!==g&&null!==h&&null!==l&&(0>aa.indexOf("haov")&&(b.haov=c/n*360),0>aa.indexOf("vaov")&&(b.vaov=h/g*180),0>aa.indexOf("vOffset")&&(b.vOffset=-180*((l+h/2)/g-
+0.5)),null!==k&&0>aa.indexOf("northOffset")&&(b.northOffset=k,!1!==b.compass&&(b.compass=!0)),null!==m&&null!==d&&(0>aa.indexOf("horizonPitch")&&(b.horizonPitch=m),0>aa.indexOf("horizonRoll")&&(b.horizonRoll=d)))}P.src=E.URL.createObjectURL(a)});f.readAsBinaryString!==p?f.readAsBinaryString(a):f.readAsText(a)}function K(a){a===p&&(a=b.strings.genericWebGLError);q.errorMsg.innerHTML="<p>"+a+"</p>";v.load.style.display="none";q.load.box.style.display="none";q.errorMsg.style.display="table";Na=!0;H=
+p;M.style.display="none";B("error",a)}function ja(a){var b=Q(a);fa.style.left=b.x+"px";fa.style.top=b.y+"px";clearTimeout(ja.t1);clearTimeout(ja.t2);fa.style.display="block";fa.style.opacity=1;ja.t1=setTimeout(function(){fa.style.opacity=0},2E3);ja.t2=setTimeout(function(){fa.style.display="none"},2500);a.preventDefault()}function Q(a){var b=s.getBoundingClientRect(),n={};n.x=(a.clientX||a.pageX)-b.left;n.y=(a.clientY||a.pageY)-b.top;return n}function ka(a){a.preventDefault();s.focus();if(H&&b.draggable){var f=
+Q(a);if(b.hotSpotDebug){var n=ta(a);console.log("Pitch: "+n[0]+", Yaw: "+n[1]+", Center Pitch: "+b.pitch+", Center Yaw: "+b.yaw+", HFOV: "+b.hfov)}t();Da();b.roll=0;w.hfov=0;ha=!0;N=Date.now();xa=f.x;ya=f.y;Oa=b.yaw;Pa=b.pitch;J.classList.add("pnlm-grabbing");J.classList.remove("pnlm-grab");B("mousedown",a);G()}}function Ja(a){b.minHfov===b.hfov?da.setHfov(ra,1E3):(a=ta(a),da.lookAt(a[0],a[1],b.minHfov,1E3))}function ta(a){var f=Q(a);a=C.getCanvas();var n=a.clientWidth,c=a.clientHeight;a=f.x/n*2-
+1;var c=(1-f.y/c*2)*c/n,d=1/Math.tan(b.hfov*Math.PI/360),e=Math.sin(b.pitch*Math.PI/180),g=Math.cos(b.pitch*Math.PI/180),f=d*g-c*e,n=Math.sqrt(a*a+f*f),c=180*Math.atan((c*g+d*e)/n)/Math.PI;a=180*Math.atan2(a/n,f/n)/Math.PI+b.yaw;-180>a&&(a+=360);180<a&&(a-=360);return[c,a]}function ua(a){if(ha&&H){N=Date.now();var f=C.getCanvas(),n=f.clientWidth,f=f.clientHeight;a=Q(a);var c=180*(Math.atan(xa/n*2-1)-Math.atan(a.x/n*2-1))/Math.PI*b.hfov/90+Oa;w.yaw=(c-b.yaw)%360*0.2;b.yaw=c;n=360*Math.atan(Math.tan(b.hfov/
+360*Math.PI)*f/n)/Math.PI;n=180*(Math.atan(a.y/f*2-1)-Math.atan(ya/f*2-1))/Math.PI*n/90+Pa;w.pitch=0.2*(n-b.pitch);b.pitch=n}}function ma(a){ha&&(ha=!1,15<Date.now()-N&&(w.pitch=w.yaw=0),J.classList.add("pnlm-grab"),J.classList.remove("pnlm-grabbing"),N=Date.now(),B("mouseup",a))}function Ka(a){if(H&&b.draggable){t();Da();b.roll=0;w.hfov=0;var f=Q(a.targetTouches[0]);xa=f.x;ya=f.y;if(2==a.targetTouches.length){var n=Q(a.targetTouches[1]);xa+=0.5*(n.x-f.x);ya+=0.5*(n.y-f.y);Ha=Math.sqrt((f.x-n.x)*
+(f.x-n.x)+(f.y-n.y)*(f.y-n.y))}ha=!0;N=Date.now();Oa=b.yaw;Pa=b.pitch;B("touchstart",a);G()}}function la(a){if(b.draggable&&(a.preventDefault(),H&&(N=Date.now()),ha&&H)){var f=Q(a.targetTouches[0]),n=f.x,c=f.y;2==a.targetTouches.length&&-1!=Ha&&(a=Q(a.targetTouches[1]),n+=0.5*(a.x-f.x),c+=0.5*(a.y-f.y),f=Math.sqrt((f.x-a.x)*(f.x-a.x)+(f.y-a.y)*(f.y-a.y)),x(b.hfov+0.1*(Ha-f)),Ha=f);f=b.hfov/360*b.touchPanSpeedCoeffFactor;n=(xa-n)*f+Oa;w.yaw=(n-b.yaw)%360*0.2;b.yaw=n;c=(c-ya)*f+Pa;w.pitch=0.2*(c-b.pitch);
+b.pitch=c}}function Ea(){ha=!1;150<Date.now()-N&&(w.pitch=w.yaw=0);Ha=-1;N=Date.now();B("touchend",event)}function A(a){"touch"==a.pointerType&&H&&b.draggable&&(ia.push(a.pointerId),za.push({clientX:a.clientX,clientY:a.clientY}),a.targetTouches=za,Ka(a),a.preventDefault())}function c(a){if("touch"==a.pointerType&&b.draggable)for(var f=0;f<ia.length;f++)if(a.pointerId==ia[f]){za[f].clientX=a.clientX;za[f].clientY=a.clientY;a.targetTouches=za;la(a);a.preventDefault();break}}function a(a){if("touch"==
+a.pointerType){for(var b=!1,n=0;n<ia.length;n++)a.pointerId==ia[n]&&(ia[n]=p),ia[n]&&(b=!0);b||(ia=[],za=[],Ea());a.preventDefault()}}function U(a){H&&("fullscreenonly"!=b.mouseZoom||Aa)&&(a.preventDefault(),t(),N=Date.now(),a.wheelDeltaY?(x(b.hfov-0.05*a.wheelDeltaY),w.hfov=0>a.wheelDelta?1:-1):a.wheelDelta?(x(b.hfov-0.05*a.wheelDelta),w.hfov=0>a.wheelDelta?1:-1):a.detail&&(x(b.hfov+1.5*a.detail),w.hfov=0<a.detail?1:-1),G())}function V(a){t();N=Date.now();Da();b.roll=0;var f=a.which||a.keycode;0>
+b.capturedKeyNumbers.indexOf(f)||(a.preventDefault(),27==f?Aa&&h():wa(f,!0))}function $(){for(var a=0;10>a;a++)r[a]=!1}function R(a){var f=a.which||a.keycode;0>b.capturedKeyNumbers.indexOf(f)||(a.preventDefault(),wa(f,!1))}function wa(a,b){var n=!1;switch(a){case 109:case 189:case 17:case 173:r[0]!=b&&(n=!0);r[0]=b;break;case 107:case 187:case 16:case 61:r[1]!=b&&(n=!0);r[1]=b;break;case 38:r[2]!=b&&(n=!0);r[2]=b;break;case 87:r[6]!=b&&(n=!0);r[6]=b;break;case 40:r[3]!=b&&(n=!0);r[3]=b;break;case 83:r[7]!=
+b&&(n=!0);r[7]=b;break;case 37:r[4]!=b&&(n=!0);r[4]=b;break;case 65:r[8]!=b&&(n=!0);r[8]=b;break;case 39:r[5]!=b&&(n=!0);r[5]=b;break;case 68:r[9]!=b&&(n=!0),r[9]=b}n&&b&&(ba="undefined"!==typeof performance&&performance.now()?performance.now():Date.now(),G())}function ga(){if(H){var a=!1,f=b.pitch,n=b.yaw,c=b.hfov,d;d="undefined"!==typeof performance&&performance.now()?performance.now():Date.now();ba===p&&(ba=d);var e=(d-ba)*b.hfov/1700,e=Math.min(e,1);r[0]&&!0===b.keyboardZoom&&(x(b.hfov+(0.8*w.hfov+
+0.5)*e),a=!0);r[1]&&!0===b.keyboardZoom&&(x(b.hfov+(0.8*w.hfov-0.2)*e),a=!0);if(r[2]||r[6])b.pitch+=(0.8*w.pitch+0.2)*e,a=!0;if(r[3]||r[7])b.pitch+=(0.8*w.pitch-0.2)*e,a=!0;if(r[4]||r[8])b.yaw+=(0.8*w.yaw-0.2)*e,a=!0;if(r[5]||r[9])b.yaw+=(0.8*w.yaw+0.2)*e,a=!0;a&&(N=Date.now());if(b.autoRotate){if(0.001<d-ba){var a=(d-ba)/1E3,g=(w.yaw/a*e-0.2*b.autoRotate)*a,g=(0<-b.autoRotate?1:-1)*Math.min(Math.abs(b.autoRotate*a),Math.abs(g));b.yaw+=g}b.autoRotateStopDelay&&(b.autoRotateStopDelay-=d-ba,0>=b.autoRotateStopDelay&&
+(b.autoRotateStopDelay=!1,Z=b.autoRotate,b.autoRotate=0))}O.pitch&&(m("pitch"),f=b.pitch);O.yaw&&(m("yaw"),n=b.yaw);O.hfov&&(m("hfov"),c=b.hfov);0<e&&!b.autoRotate&&(a=1-b.friction,r[4]||r[5]||r[8]||r[9]||O.yaw||(b.yaw+=w.yaw*e*a),r[2]||r[3]||r[6]||r[7]||O.pitch||(b.pitch+=w.pitch*e*a),r[0]||r[1]||O.hfov||x(b.hfov+w.hfov*e*a));ba=d;0<e&&(w.yaw=0.8*w.yaw+(b.yaw-n)/e*0.2,w.pitch=0.8*w.pitch+(b.pitch-f)/e*0.2,w.hfov=0.8*w.hfov+(b.hfov-c)/e*0.2,f=b.autoRotate?Math.abs(b.autoRotate):5,w.yaw=Math.min(f,
+Math.max(w.yaw,-f)),w.pitch=Math.min(f,Math.max(w.pitch,-f)),w.hfov=Math.min(f,Math.max(w.hfov,-f)));r[0]&&r[1]&&(w.hfov=0);(r[2]||r[6])&&(r[3]||r[7])&&(w.pitch=0);(r[4]||r[8])&&(r[5]||r[9])&&(w.yaw=0)}}function m(a){var f=O[a],n=Math.min(1,Math.max((Date.now()-f.startTime)/1E3/(f.duration/1E3),0)),n=f.startPosition+b.animationTimingFunction(n)*(f.endPosition-f.startPosition);if(f.endPosition>f.startPosition&&n>=f.endPosition||f.endPosition<f.startPosition&&n<=f.endPosition||f.endPosition===f.startPosition)n=
+f.endPosition,w[a]=0,delete O[a];b[a]=n}function z(){e("resize")}function G(){Ta||(Ta=!0,ca())}function ca(){if(!Za)if(Fa(),Qa&&clearTimeout(Qa),ha||!0===X)requestAnimationFrame(ca);else if(r[0]||r[1]||r[2]||r[3]||r[4]||r[5]||r[6]||r[7]||r[8]||r[9]||b.autoRotate||O.pitch||O.yaw||O.hfov||0.01<Math.abs(w.yaw)||0.01<Math.abs(w.pitch)||0.01<Math.abs(w.hfov))ga(),0<=b.autoRotateInactivityDelay&&Z&&Date.now()-N>b.autoRotateInactivityDelay&&!b.autoRotate&&(b.autoRotate=Z,da.lookAt(Ga,p,ra,3E3)),requestAnimationFrame(ca);
+else if(C&&(C.isLoading()||!0===b.dynamic&&Ma))requestAnimationFrame(ca);else{B("animatefinished",{pitch:da.getPitch(),yaw:da.getYaw(),hfov:da.getHfov()});Ta=!1;ba=p;var a=b.autoRotateInactivityDelay-(Date.now()-N);0<a?Qa=setTimeout(function(){b.autoRotate=Z;da.lookAt(Ga,p,ra,3E3);G()},a):0<=b.autoRotateInactivityDelay&&Z&&(b.autoRotate=Z,da.lookAt(Ga,p,ra,3E3),G())}}function Fa(){var a;if(H){var f=C.getCanvas();!1!==b.autoRotate&&(360<b.yaw?b.yaw-=360:-360>b.yaw&&(b.yaw+=360));a=b.yaw;var n=0;if(b.avoidShowingBackground){var c=
+b.hfov/2,e=180*Math.atan2(Math.tan(c/180*Math.PI),f.width/f.height)/Math.PI;b.vaov>b.haov?Math.min(Math.cos((b.pitch-c)/180*Math.PI),Math.cos((b.pitch+c)/180*Math.PI)):n=c*(1-Math.min(Math.cos((b.pitch-e)/180*Math.PI),Math.cos((b.pitch+e)/180*Math.PI)))}var c=b.maxYaw-b.minYaw,e=-180,d=180;360>c&&(e=b.minYaw+b.hfov/2+n,d=b.maxYaw-b.hfov/2-n,c<b.hfov&&(e=d=(e+d)/2),b.yaw=Math.max(e,Math.min(d,b.yaw)));!1===b.autoRotate&&(360<b.yaw?b.yaw-=360:-360>b.yaw&&(b.yaw+=360));!1!==b.autoRotate&&a!=b.yaw&&ba!==
+p&&(b.autoRotate*=-1);a=2*Math.atan(Math.tan(b.hfov/180*Math.PI*0.5)/(f.width/f.height))/Math.PI*180;f=b.minPitch+a/2;n=b.maxPitch-a/2;b.maxPitch-b.minPitch<a&&(f=n=(f+n)/2);isNaN(f)&&(f=-90);isNaN(n)&&(n=90);b.pitch=Math.max(f,Math.min(n,b.pitch));C.render(b.pitch*Math.PI/180,b.yaw*Math.PI/180,b.hfov*Math.PI/180,{roll:b.roll*Math.PI/180});b.hotSpots.forEach(Ca);b.compass&&(Ia.style.transform="rotate("+(-b.yaw-b.northOffset)+"deg)",Ia.style.webkitTransform="rotate("+(-b.yaw-b.northOffset)+"deg)")}}
+function Y(a,b,c,e){this.w=a;this.x=b;this.y=c;this.z=e}function na(a){var f;f=a.alpha;var c=a.beta;a=a.gamma;c=[c?c*Math.PI/180/2:0,a?a*Math.PI/180/2:0,f?f*Math.PI/180/2:0];f=[Math.cos(c[0]),Math.cos(c[1]),Math.cos(c[2])];c=[Math.sin(c[0]),Math.sin(c[1]),Math.sin(c[2])];f=new Y(f[0]*f[1]*f[2]-c[0]*c[1]*c[2],c[0]*f[1]*f[2]-f[0]*c[1]*c[2],f[0]*c[1]*f[2]+c[0]*f[1]*c[2],f[0]*f[1]*c[2]+c[0]*c[1]*f[2]);f=f.multiply(new Y(Math.sqrt(0.5),-Math.sqrt(0.5),0,0));c=E.orientation?-E.orientation*Math.PI/180/2:
+0;f=f.multiply(new Y(Math.cos(c),0,-Math.sin(c),0)).toEulerAngles();"number"==typeof X&&10>X?X+=1:10===X?($a=f[2]/Math.PI*180+b.yaw,X=!0,requestAnimationFrame(ca)):(b.pitch=f[0]/Math.PI*180,b.roll=-f[1]/Math.PI*180,b.yaw=-f[2]/Math.PI*180+$a)}function va(){try{var a={};b.horizonPitch!==p&&(a.horizonPitch=b.horizonPitch*Math.PI/180);b.horizonRoll!==p&&(a.horizonRoll=b.horizonRoll*Math.PI/180);b.backgroundColor!==p&&(a.backgroundColor=b.backgroundColor);C.init(P,b.type,b.dynamic,b.haov*Math.PI/180,
+b.vaov*Math.PI/180,b.vOffset*Math.PI/180,S,a);!0!==b.dynamic&&(P=p)}catch(f){if("webgl error"==f.type||"no webgl"==f.type)K();else if("webgl size error"==f.type)K(b.strings.textureSizeError.replace("%s",f.width).replace("%s",f.maxWidth));else throw K(b.strings.unknownError),f;}}function S(){if(b.sceneFadeDuration&&C.fadeImg!==p){C.fadeImg.style.opacity=0;var a=C.fadeImg;delete C.fadeImg;setTimeout(function(){M.removeChild(a);B("scenechangefadedone")},b.sceneFadeDuration)}Ia.style.display=b.compass?
+"inline":"none";L();q.load.box.style.display="none";sa!==p&&(M.removeChild(sa),sa=p);H=!0;B("load");G()}function La(a){a.pitch=Number(a.pitch)||0;a.yaw=Number(a.yaw)||0;var f=g.createElement("div");f.className="pnlm-hotspot-base";f.className=a.cssClass?f.className+(" "+a.cssClass):f.className+(" pnlm-hotspot pnlm-sprite pnlm-"+D(a.type));var c=g.createElement("span");a.text&&(c.innerHTML=D(a.text));var e;if(a.video){e=g.createElement("video");var d=a.video;b.basePath&&!qa(d)&&(d=b.basePath+d);e.src=
+F(d);e.controls=!0;e.style.width=a.width+"px";M.appendChild(f);c.appendChild(e)}else if(a.image){d=a.image;b.basePath&&!qa(d)&&(d=b.basePath+d);e=g.createElement("a");e.href=F(a.URL?a.URL:d,!0);e.target="_blank";c.appendChild(e);var h=g.createElement("img");h.src=F(d);h.style.width=a.width+"px";h.style.paddingTop="5px";M.appendChild(f);e.appendChild(h);c.style.maxWidth="initial"}else if(a.URL){e=g.createElement("a");e.href=F(a.URL,!0);if(a.attributes)for(d in a.attributes)d=String(d).toLowerCase().replace(/[^a-z]/g,
+""),l.escapeHTML&&(d.startsWith("on")||d.includes("href"))?console.log("Hot spot attribute skipped."):e.setAttribute(d,a.attributes[d]);else e.target="_blank";M.appendChild(e);f.className+=" pnlm-pointer";c.className+=" pnlm-pointer";e.appendChild(f)}else a.sceneId&&(f.onclick=f.ontouchend=function(){f.clicked||(f.clicked=!0,y(a.sceneId,a.targetPitch,a.targetYaw,a.targetHfov));return!1},f.className+=" pnlm-pointer",c.className+=" pnlm-pointer"),M.appendChild(f);if(a.createTooltipFunc)a.createTooltipFunc(f,
+a.createTooltipArgs);else if(a.text||a.video||a.image)f.classList.add("pnlm-tooltip"),f.appendChild(c),c.style.width=c.scrollWidth-20+"px",c.style.marginLeft=-(c.scrollWidth-f.offsetWidth)/2+"px",c.style.marginTop=-c.scrollHeight-12+"px";a.clickHandlerFunc&&(f.addEventListener("click",function(b){a.clickHandlerFunc(b,a.clickHandlerArgs)},"false"),f.className+=" pnlm-pointer",c.className+=" pnlm-pointer");a.div=f}function L(){Ua||(b.hotSpots?(b.hotSpots=b.hotSpots.sort(function(a,b){return a.pitch<
+b.pitch}),b.hotSpots.forEach(La)):b.hotSpots=[],Ua=!0,b.hotSpots.forEach(Ca))}function d(){var a=b.hotSpots;Ua=!1;delete b.hotSpots;if(a)for(var f=0;f<a.length;f++){var c=a[f].div;if(c){for(;c.parentNode&&c.parentNode!=M;)c=c.parentNode;M.removeChild(c)}delete a[f].div}}function Ca(a){var f=Math.sin(a.pitch*Math.PI/180),c=Math.cos(a.pitch*Math.PI/180),e=Math.sin(b.pitch*Math.PI/180),d=Math.cos(b.pitch*Math.PI/180),g=Math.cos((-a.yaw+b.yaw)*Math.PI/180),h=f*e+c*g*d;if(90>=a.yaw&&-90<a.yaw&&0>=h||(90<
+a.yaw||-90>=a.yaw)&&0>=h)a.div.style.visibility="hidden";else{var l=Math.sin((-a.yaw+b.yaw)*Math.PI/180),k=Math.tan(b.hfov*Math.PI/360);a.div.style.visibility="visible";var m=C.getCanvas(),p=m.clientWidth,m=m.clientHeight,f=[-p/k*l*c/h/2,-p/k*(f*d-c*g*e)/h/2],c=Math.sin(b.roll*Math.PI/180),e=Math.cos(b.roll*Math.PI/180),f=[f[0]*e-f[1]*c,f[0]*c+f[1]*e];f[0]+=(p-a.div.offsetWidth)/2;f[1]+=(m-a.div.offsetHeight)/2;p="translate("+f[0]+"px, "+f[1]+"px) translateZ(9999px) rotate("+b.roll+"deg)";a.scale&&
+(p+=" scale("+ra/b.hfov/h+")");a.div.style.webkitTransform=p;a.div.style.MozTransform=p;a.div.style.transform=p}}function I(a){b={};var f,c,e="haov vaov vOffset northOffset horizonPitch horizonRoll".split(" ");aa=[];for(f in Va)Va.hasOwnProperty(f)&&(b[f]=Va[f]);for(f in l.default)if(l.default.hasOwnProperty(f))if("strings"==f)for(c in l.default.strings)l.default.strings.hasOwnProperty(c)&&(b.strings[c]=D(l.default.strings[c]));else b[f]=l.default[f],0<=e.indexOf(f)&&aa.push(f);if(null!==a&&""!==
+a&&l.scenes&&l.scenes[a]){var d=l.scenes[a];for(f in d)if(d.hasOwnProperty(f))if("strings"==f)for(c in d.strings)d.strings.hasOwnProperty(c)&&(b.strings[c]=D(d.strings[c]));else b[f]=d[f],0<=e.indexOf(f)&&aa.push(f);b.scene=a}for(f in l)if(l.hasOwnProperty(f))if("strings"==f)for(c in l.strings)l.strings.hasOwnProperty(c)&&(b.strings[c]=D(l.strings[c]));else b[f]=l[f],0<=e.indexOf(f)&&aa.push(f)}function k(a){if((a=a?a:!1)&&"preview"in b){var c=b.preview;b.basePath&&!qa(c)&&(c=b.basePath+c);sa=g.createElement("div");
+sa.className="pnlm-preview-img";sa.style.backgroundImage="url('"+F(c).replace(/"/g,"%22").replace(/'/g,"%27")+"')";M.appendChild(sa)}var c=b.title,e=b.author;a&&("previewTitle"in b&&(b.title=b.previewTitle),"previewAuthor"in b&&(b.author=b.previewAuthor));b.hasOwnProperty("title")||(q.title.innerHTML="");b.hasOwnProperty("author")||(q.author.innerHTML="");b.hasOwnProperty("title")||b.hasOwnProperty("author")||(q.container.style.display="none");v.load.innerHTML="<p>"+b.strings.loadButtonLabel+"</p>";
+q.load.boxp.innerHTML=b.strings.loadingLabel;for(var d in b)if(b.hasOwnProperty(d))switch(d){case "title":q.title.innerHTML=D(b[d]);q.container.style.display="inline";break;case "author":var h=D(b[d]);b.authorURL&&(h=g.createElement("a"),h.href=F(b.authorURL,!0),h.target="_blank",h.innerHTML=D(b[d]),h=h.outerHTML);q.author.innerHTML=b.strings.bylineLabel.replace("%s",h);q.container.style.display="inline";break;case "fallback":h=g.createElement("a");h.href=F(b[d],!0);h.target="_blank";h.textContent=
+"Click here to view this panorama in an alternative viewer.";var k=g.createElement("p");k.textContent="Your browser does not support WebGL.";k.appendChild(g.createElement("br"));k.appendChild(h);q.errorMsg.innerHTML="";q.errorMsg.appendChild(k);break;case "hfov":x(Number(b[d]));break;case "autoLoad":!0===b[d]&&C===p&&(q.load.box.style.display="inline",v.load.style.display="none",oa());break;case "showZoomCtrl":v.zoom.style.display=b[d]&&!1!=b.showControls?"block":"none";break;case "showFullscreenCtrl":v.fullscreen.style.display=
+b[d]&&!1!=b.showControls&&("fullscreen"in g||"mozFullScreen"in g||"webkitIsFullScreen"in g||"msFullscreenElement"in g)?"block":"none";break;case "hotSpotDebug":Wa.style.display=b[d]?"block":"none";break;case "showControls":b[d]||(v.orientation.style.display="none",v.zoom.style.display="none",v.fullscreen.style.display="none");break;case "orientationOnByDefault":b[d]&&Ra()}a&&(c?b.title=c:delete b.title,e?b.author=e:delete b.author)}function h(){if(H&&!Na)if(Aa)g.exitFullscreen?g.exitFullscreen():
+g.mozCancelFullScreen?g.mozCancelFullScreen():g.webkitCancelFullScreen?g.webkitCancelFullScreen():g.msExitFullscreen&&g.msExitFullscreen();else try{s.requestFullscreen?s.requestFullscreen():s.mozRequestFullScreen?s.mozRequestFullScreen():s.msRequestFullscreen?s.msRequestFullscreen():s.webkitRequestFullScreen()}catch(a){}}function e(a){g.fullscreenElement||g.fullscreen||g.mozFullScreen||g.webkitIsFullScreen||g.msFullscreenElement?(v.fullscreen.classList.add("pnlm-fullscreen-toggle-button-active"),
+Aa=!0):(v.fullscreen.classList.remove("pnlm-fullscreen-toggle-button-active"),Aa=!1);"resize"!==a&&B("fullscreenchange",Aa);C.resize();x(b.hfov);G()}function u(a){var c=b.minHfov;"multires"==b.type&&C&&!b.multiResMinHfov&&(c=Math.min(c,C.getCanvas().width/(b.multiRes.cubeResolution/90*0.9)));if(c>b.maxHfov)return console.log("HFOV bounds do not make sense (minHfov > maxHfov)."),b.hfov;var d=b.hfov,d=a<c?c:a>b.maxHfov?b.maxHfov:a;b.avoidShowingBackground&&C&&(a=C.getCanvas(),d=Math.min(d,360*Math.atan(Math.tan((b.maxPitch-
+b.minPitch)/360*Math.PI)/a.height*a.width)/Math.PI));return d}function x(a){b.hfov=u(a);B("zoomchange",b.hfov)}function t(){O={};Z=b.autoRotate?b.autoRotate:Z;b.autoRotate=!1}function Ya(){Na&&(q.load.box.style.display="none",q.errorMsg.style.display="none",Na=!1,M.style.display="block",B("errorcleared"));H=!1;v.load.style.display="none";q.load.box.style.display="inline";oa()}function y(a,c,e,h,g){H||(g=!0);H=!1;O={};var m,q;if(b.sceneFadeDuration&&!g&&(m=C.render(b.pitch*Math.PI/180,b.yaw*Math.PI/
+180,b.hfov*Math.PI/180,{returnImage:!0}),m!==p)){g=new Image;g.className="pnlm-fade-img";g.style.transition="opacity "+b.sceneFadeDuration/1E3+"s";g.style.width="100%";g.style.height="100%";g.onload=function(){y(a,c,e,h,!0)};g.src=m;M.appendChild(g);C.fadeImg=g;return}g="same"===c?b.pitch:c;m="same"===e?b.yaw:"sameAzimuth"===e?b.yaw+(b.northOffset||0)-(l.scenes[a].northOffset||0):e;q="same"===h?b.hfov:h;d();I(a);w.yaw=w.pitch=w.hfov=0;k();g!==p&&(b.pitch=g);m!==p&&(b.yaw=m);q!==p&&(b.hfov=q);B("scenechange",
+a);Ya()}function Da(){E.removeEventListener("deviceorientation",na);v.orientation.classList.remove("pnlm-orientation-button-active");X=!1}function Ra(){"function"===typeof DeviceMotionEvent.requestPermission?DeviceOrientationEvent.requestPermission().then(function(a){"granted"==a&&(X=1,E.addEventListener("deviceorientation",na),v.orientation.classList.add("pnlm-orientation-button-active"))}):(X=1,E.addEventListener("deviceorientation",na),v.orientation.classList.add("pnlm-orientation-button-active"))}
+function D(a){return l.escapeHTML?String(a).split(/&/g).join("&amp;").split('"').join("&quot;").split("'").join("&#39;").split("<").join("&lt;").split(">").join("&gt;").split("/").join("&#x2f;").split("\n").join("<br>"):String(a).split("\n").join("<br>")}function F(a,b){try{var c=decodeURIComponent(ab(a)).replace(/[^\w:]/g,"").toLowerCase()}catch(d){return"about:blank"}return 0===c.indexOf("javascript:")||0===c.indexOf("vbscript:")?(console.log("Script URL removed."),"about:blank"):b&&0===c.indexOf("data:")?
+(console.log("Data URI removed from link."),"about:blank"):a}function ab(a){return a.replace(/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig,function(a,b){b=b.toLowerCase();return"colon"===b?":":"#"===b.charAt(0)?"x"===b.charAt(1)?String.fromCharCode(parseInt(b.substring(2),16)):String.fromCharCode(+b.substring(1)):""})}function B(a){if(a in T)for(var b=T[a].length;0<b;b--)T[a][T[a].length-b].apply(null,[].slice.call(arguments,1))}var da=this,b,C,sa,ha=!1,N=Date.now(),xa=0,ya=0,Ha=-1,Oa=0,Pa=0,r=Array(10),
+Aa=!1,H,Na=!1,Sa=!1,P,ba,w={yaw:0,pitch:0,hfov:0},Ta=!1,X=!1,$a=0,Qa,Z=0,ra,Ga,O={},T={},aa=[],Ma=!1,Ua=!1,Za=!1,Va={hfov:100,minHfov:50,multiResMinHfov:!1,maxHfov:120,pitch:0,minPitch:p,maxPitch:p,yaw:0,minYaw:-180,maxYaw:180,roll:0,haov:360,vaov:180,vOffset:0,autoRotate:!1,autoRotateInactivityDelay:-1,autoRotateStopDelay:p,type:"equirectangular",northOffset:0,showFullscreenCtrl:!0,dynamic:!1,dynamicUpdate:!1,doubleClickZoom:!0,keyboardZoom:!0,mouseZoom:!0,showZoomCtrl:!0,autoLoad:!1,showControls:!0,
+orientationOnByDefault:!1,hotSpotDebug:!1,backgroundColor:[0,0,0],avoidShowingBackground:!1,animationTimingFunction:function(a){return 0.5>a?2*a*a:-1+(4-2*a)*a},draggable:!0,disableKeyboardCtrl:!1,crossOrigin:"anonymous",touchPanSpeedCoeffFactor:1,capturedKeyNumbers:[16,17,27,37,38,39,40,61,65,68,83,87,107,109,173,187,189],friction:0.15,strings:{loadButtonLabel:"Click to<br>Load<br>Panorama",loadingLabel:"Loading...",bylineLabel:"by %s",noPanoramaError:"No panorama image was specified.",fileAccessError:"The file %s could not be accessed.",
+malformedURLError:"There is something wrong with the panorama URL.",iOS8WebGLError:"Due to iOS 8's broken WebGL implementation, only progressive encoded JPEGs work for your device (this panorama uses standard encoding).",genericWebGLError:"Your browser does not have the necessary WebGL support to display this panorama.",textureSizeError:"This panorama is too big for your device! It's %spx wide, but your device only supports images up to %spx wide. Try another device. (If you're the author, try scaling down the image.)",
+unknownError:"Unknown error. Check developer console."}};s="string"===typeof s?g.getElementById(s):s;s.classList.add("pnlm-container");s.tabIndex=0;var J=g.createElement("div");J.className="pnlm-ui";s.appendChild(J);var M=g.createElement("div");M.className="pnlm-render-container";s.appendChild(M);var W=g.createElement("div");W.className="pnlm-dragfix";J.appendChild(W);var fa=g.createElement("span");fa.className="pnlm-about-msg";fa.innerHTML='<a href="https://pannellum.org/" target="_blank">Pannellum</a> 2.5.7';
+J.appendChild(fa);W.addEventListener("contextmenu",ja);var q={},Wa=g.createElement("div");Wa.className="pnlm-sprite pnlm-hot-spot-debug-indicator";J.appendChild(Wa);q.container=g.createElement("div");q.container.className="pnlm-panorama-info";q.title=g.createElement("div");q.title.className="pnlm-title-box";q.container.appendChild(q.title);q.author=g.createElement("div");q.author.className="pnlm-author-box";q.container.appendChild(q.author);J.appendChild(q.container);q.load={};q.load.box=g.createElement("div");
+q.load.box.className="pnlm-load-box";q.load.boxp=g.createElement("p");q.load.box.appendChild(q.load.boxp);q.load.lbox=g.createElement("div");q.load.lbox.className="pnlm-lbox";q.load.lbox.innerHTML='<div class="pnlm-loading"></div>';q.load.box.appendChild(q.load.lbox);q.load.lbar=g.createElement("div");q.load.lbar.className="pnlm-lbar";q.load.lbarFill=g.createElement("div");q.load.lbarFill.className="pnlm-lbar-fill";q.load.lbar.appendChild(q.load.lbarFill);q.load.box.appendChild(q.load.lbar);q.load.msg=
+g.createElement("p");q.load.msg.className="pnlm-lmsg";q.load.box.appendChild(q.load.msg);J.appendChild(q.load.box);q.errorMsg=g.createElement("div");q.errorMsg.className="pnlm-error-msg pnlm-info-box";J.appendChild(q.errorMsg);var v={};v.container=g.createElement("div");v.container.className="pnlm-controls-container";J.appendChild(v.container);v.load=g.createElement("div");v.load.className="pnlm-load-button";v.load.addEventListener("click",function(){k();Ya()});J.appendChild(v.load);v.zoom=g.createElement("div");
+v.zoom.className="pnlm-zoom-controls pnlm-controls";v.zoomIn=g.createElement("div");v.zoomIn.className="pnlm-zoom-in pnlm-sprite pnlm-control";v.zoomIn.addEventListener("click",function(){H&&(x(b.hfov-5),G())});v.zoom.appendChild(v.zoomIn);v.zoomOut=g.createElement("div");v.zoomOut.className="pnlm-zoom-out pnlm-sprite pnlm-control";v.zoomOut.addEventListener("click",function(){H&&(x(b.hfov+5),G())});v.zoom.appendChild(v.zoomOut);v.container.appendChild(v.zoom);v.fullscreen=g.createElement("div");
+v.fullscreen.addEventListener("click",h);v.fullscreen.className="pnlm-fullscreen-toggle-button pnlm-sprite pnlm-fullscreen-toggle-button-inactive pnlm-controls pnlm-control";(g.fullscreenEnabled||g.mozFullScreenEnabled||g.webkitFullscreenEnabled||g.msFullscreenEnabled)&&v.container.appendChild(v.fullscreen);v.orientation=g.createElement("div");v.orientation.addEventListener("click",function(a){X?Da():Ra()});v.orientation.addEventListener("mousedown",function(a){a.stopPropagation()});v.orientation.addEventListener("touchstart",
+function(a){a.stopPropagation()});v.orientation.addEventListener("pointerdown",function(a){a.stopPropagation()});v.orientation.className="pnlm-orientation-button pnlm-orientation-button-inactive pnlm-sprite pnlm-controls pnlm-control";var Xa=!1;E.DeviceOrientationEvent&&"https:"==location.protocol&&0<=navigator.userAgent.toLowerCase().indexOf("mobi")&&(v.container.appendChild(v.orientation),Xa=!0);var Ia=g.createElement("div");Ia.className="pnlm-compass pnlm-controls pnlm-control";J.appendChild(Ia);
+l.firstScene?I(l.firstScene):l.default&&l.default.firstScene?I(l.default.firstScene):I(null);k(!0);var ia=[],za=[];Y.prototype.multiply=function(a){return new Y(this.w*a.w-this.x*a.x-this.y*a.y-this.z*a.z,this.x*a.w+this.w*a.x+this.y*a.z-this.z*a.y,this.y*a.w+this.w*a.y+this.z*a.x-this.x*a.z,this.z*a.w+this.w*a.z+this.x*a.y-this.y*a.x)};Y.prototype.toEulerAngles=function(){var a=Math.atan2(2*(this.w*this.x+this.y*this.z),1-2*(this.x*this.x+this.y*this.y)),b=Math.asin(2*(this.w*this.y-this.z*this.x)),
+c=Math.atan2(2*(this.w*this.z+this.x*this.y),1-2*(this.y*this.y+this.z*this.z));return[a,b,c]};this.isLoaded=function(){return Boolean(H)};this.getPitch=function(){return b.pitch};this.setPitch=function(a,c,d,e){N=Date.now();if(1E-6>=Math.abs(a-b.pitch))return"function"==typeof d&&d(e),this;(c=c==p?1E3:Number(c))?(O.pitch={startTime:Date.now(),startPosition:b.pitch,endPosition:a,duration:c},"function"==typeof d&&setTimeout(function(){d(e)},c)):b.pitch=a;G();return this};this.getPitchBounds=function(){return[b.minPitch,
+b.maxPitch]};this.setPitchBounds=function(a){b.minPitch=Math.max(-90,Math.min(a[0],90));b.maxPitch=Math.max(-90,Math.min(a[1],90));return this};this.getYaw=function(){return(b.yaw+540)%360-180};this.setYaw=function(a,c,d,e){N=Date.now();if(1E-6>=Math.abs(a-b.yaw))return"function"==typeof d&&d(e),this;c=c==p?1E3:Number(c);a=(a+180)%360-180;c?(180<b.yaw-a?a+=360:180<a-b.yaw&&(a-=360),O.yaw={startTime:Date.now(),startPosition:b.yaw,endPosition:a,duration:c},"function"==typeof d&&setTimeout(function(){d(e)},
+c)):b.yaw=a;G();return this};this.getYawBounds=function(){return[b.minYaw,b.maxYaw]};this.setYawBounds=function(a){b.minYaw=Math.max(-360,Math.min(a[0],360));b.maxYaw=Math.max(-360,Math.min(a[1],360));return this};this.getHfov=function(){return b.hfov};this.setHfov=function(a,c,d,e){N=Date.now();if(1E-6>=Math.abs(a-b.hfov))return"function"==typeof d&&d(e),this;(c=c==p?1E3:Number(c))?(O.hfov={startTime:Date.now(),startPosition:b.hfov,endPosition:u(a),duration:c},"function"==typeof d&&setTimeout(function(){d(e)},
+c)):x(a);G();return this};this.getHfovBounds=function(){return[b.minHfov,b.maxHfov]};this.setHfovBounds=function(a){b.minHfov=Math.max(0,a[0]);b.maxHfov=Math.max(0,a[1]);return this};this.lookAt=function(a,c,d,e,g,h){e=e==p?1E3:Number(e);a!==p&&1E-6<Math.abs(a-b.pitch)&&(this.setPitch(a,e,g,h),g=p);c!==p&&1E-6<Math.abs(c-b.yaw)&&(this.setYaw(c,e,g,h),g=p);d!==p&&1E-6<Math.abs(d-b.hfov)&&(this.setHfov(d,e,g,h),g=p);"function"==typeof g&&g(h);return this};this.getNorthOffset=function(){return b.northOffset};
+this.setNorthOffset=function(a){b.northOffset=Math.min(360,Math.max(0,a));G();return this};this.getHorizonRoll=function(){return b.horizonRoll};this.setHorizonRoll=function(a){b.horizonRoll=Math.min(90,Math.max(-90,a));C.setPose(b.horizonPitch*Math.PI/180,b.horizonRoll*Math.PI/180);G();return this};this.getHorizonPitch=function(){return b.horizonPitch};this.setHorizonPitch=function(a){b.horizonPitch=Math.min(90,Math.max(-90,a));C.setPose(b.horizonPitch*Math.PI/180,b.horizonRoll*Math.PI/180);G();return this};
+this.startAutoRotate=function(a,c){a=a||Z||1;c=c===p?Ga:c;b.autoRotate=a;da.lookAt(c,p,ra,3E3);G();return this};this.stopAutoRotate=function(){Z=b.autoRotate?b.autoRotate:Z;b.autoRotate=!1;b.autoRotateInactivityDelay=-1;return this};this.stopMovement=function(){t();w={yaw:0,pitch:0,hfov:0}};this.getRenderer=function(){return C};this.setUpdate=function(a){Ma=!0===a;C===p?pa():G();return this};this.mouseEventToCoords=function(a){return ta(a)};this.loadScene=function(a,b,c,d){!1!==H&&y(a,b,c,d);return this};
+this.getScene=function(){return b.scene};this.addScene=function(a,b){l.scenes[a]=b;return this};this.removeScene=function(a){if(b.scene===a||!l.scenes.hasOwnProperty(a))return!1;delete l.scenes[a];return!0};this.toggleFullscreen=function(){h();return this};this.getConfig=function(){return b};this.getContainer=function(){return s};this.addHotSpot=function(a,c){if(c===p&&b.scene===p)b.hotSpots.push(a);else{var d=c!==p?c:b.scene;if(l.scenes.hasOwnProperty(d))l.scenes[d].hasOwnProperty("hotSpots")||(l.scenes[d].hotSpots=
+[],d==b.scene&&(b.hotSpots=l.scenes[d].hotSpots)),l.scenes[d].hotSpots.push(a);else throw"Invalid scene ID!";}if(c===p||b.scene==c)La(a),H&&Ca(a);return this};this.removeHotSpot=function(a,c){if(c===p||b.scene==c){if(!b.hotSpots)return!1;for(var d=0;d<b.hotSpots.length;d++)if(b.hotSpots[d].hasOwnProperty("id")&&b.hotSpots[d].id===a){for(var e=b.hotSpots[d].div;e.parentNode!=M;)e=e.parentNode;M.removeChild(e);delete b.hotSpots[d].div;b.hotSpots.splice(d,1);return!0}}else if(l.scenes.hasOwnProperty(c)){if(!l.scenes[c].hasOwnProperty("hotSpots"))return!1;
+for(d=0;d<l.scenes[c].hotSpots.length;d++)if(l.scenes[c].hotSpots[d].hasOwnProperty("id")&&l.scenes[c].hotSpots[d].id===a)return l.scenes[c].hotSpots.splice(d,1),!0}else return!1};this.resize=function(){C&&z()};this.isLoaded=function(){return H};this.isOrientationSupported=function(){return Xa||!1};this.stopOrientation=function(){Da()};this.startOrientation=function(){Xa&&Ra()};this.isOrientationActive=function(){return Boolean(X)};this.on=function(a,b){T[a]=T[a]||[];T[a].push(b);return this};this.off=
+function(a,b){if(!a)return T={},this;if(b){var c=T[a].indexOf(b);0<=c&&T[a].splice(c,1);0==T[a].length&&delete T[a]}else delete T[a];return this};this.destroy=function(){Za=!0;clearTimeout(Qa);C&&C.destroy();Sa&&(g.removeEventListener("mousemove",ua,!1),g.removeEventListener("mouseup",ma,!1),s.removeEventListener("mozfullscreenchange",e,!1),s.removeEventListener("webkitfullscreenchange",e,!1),s.removeEventListener("msfullscreenchange",e,!1),s.removeEventListener("fullscreenchange",e,!1),E.removeEventListener("resize",
+z,!1),E.removeEventListener("orientationchange",z,!1),s.removeEventListener("keydown",V,!1),s.removeEventListener("keyup",R,!1),s.removeEventListener("blur",$,!1),g.removeEventListener("mouseleave",ma,!1));s.innerHTML="";s.classList.remove("pnlm-container")}}return{viewer:function(g,l){return new Ba(g,l)}}}(window,document);

package.json

@@ -0,0 +1,17 @@
+{
+  "name": "720yun-offline",
+  "version": "1.0.0",
+  "description": "全景查看器，使用 image/ 六面图本地部署，支持统计与弹幕",
+  "scripts": {
+    "start": "node server.js",
+    "build": "node build.js",
+    "preview": "npm run build && node server.js dist"
+  },
+  "engines": {
+    "node": ">=14"
+  },
+  "dependencies": {
+    "better-sqlite3": "^11.6.0",
+    "express": "^4.21.0"
+  }
+}

panorama/.gitkeep

@@ -0,0 +1 @@
+# 将全景图保存为 panorama.jpg，或运行: python3 fetch_720yun.py "720yun链接"

parse_720yun_doc.py

@@ -0,0 +1,235 @@
+#!/usr/bin/env python3
+"""
+从 text.md（720yun 页面保存的文档）中解析 window.data / window.json，
+并解析出最终的全景图片资源 URL。
+
+用法:
+  python3 parse_720yun_doc.py [text.md]
+  python3 parse_720yun_doc.py --fetch   # 并请求场景 JSON，解析出所有图片 URL
+"""
+import re
+import sys
+import json
+import urllib.request
+from pathlib import Path
+
+
+def read_doc(path):
+    with open(path, 'r', encoding='utf-8', errors='replace') as f:
+        return f.read()
+
+
+def parse_window_data(html):
+    """解析 window.data={...}; 或 window.data = {...}（支持嵌套）"""
+    m = re.search(r'window\.data\s*=\s*\{', html)
+    if not m:
+        return None
+    start = m.end() - 1  # 从 '{' 开始
+    depth = 0
+    in_str = None
+    escape = False
+    i = start
+    while i < len(html):
+        c = html[i]
+        if escape:
+            escape = False
+            i += 1
+            continue
+        if in_str:
+            if c == '\\':
+                escape = True
+            elif c == in_str:
+                in_str = None
+            i += 1
+            continue
+        if c in '"\'':
+            in_str = c
+            i += 1
+            continue
+        if c == '{':
+            depth += 1
+        elif c == '}':
+            depth -= 1
+            if depth == 0:
+                raw = html[start:i + 1]
+                try:
+                    return json.loads(raw)
+                except json.JSONDecodeError:
+                    return None
+        i += 1
+    return None
+
+
+def parse_window_json(html):
+    """解析 window.json="..."; """
+    m = re.search(r'window\.json\s*=\s*["\']([^"\']+)["\']', html)
+    return m.group(1) if m else None
+
+
+# 720yun 全景图实际 CDN：浏览器里能访问的域名（与 resource-t 不同，需用此域名才能正确拉取）
+RESOURCE_CDN_HOST = 'ssl-panoimg130.720static.com'
+
+
+def build_resource_base(thumb_url):
+    """从 thumbUrl 得到资源目录的 base URL（用于拼立方体等）。使用实际 CDN 域名以便脚本拉取与浏览器一致。"""
+    # thumbUrl 可能是 "/resource/prod/4ca3fae5e7x/d22jkguytw6/59446768/imgs/thumb.jpg"
+    # 全景图实际在 ssl-panoimg130.720static.com，用 resource-t 会拿不到或异常
+    if thumb_url.startswith('http'):
+        base = re.sub(r'^https?://[^/]+', 'https://' + RESOURCE_CDN_HOST, thumb_url)
+    else:
+        base = 'https://' + RESOURCE_CDN_HOST + thumb_url
+    base = base.rsplit('/', 1)[0] + '/'
+    return base
+
+
+def infer_cube_urls(resource_base):
+    """根据 720yun 常见命名推断立方体六面图 URL（与本地 image/mobile_*.jpg 对应）。"""
+    faces = ['f', 'r', 'b', 'l', 'u', 'd']  # 前 右 后 左 上 下
+    return [resource_base + 'mobile_' + face + '.jpg' for face in faces]
+
+
+# 与浏览器一致的请求头，720yun CDN 校验 Referer，否则拿不到正确数据
+def _browser_headers(referer='https://www.720yun.com/'):
+    return {
+        'User-Agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36',
+        'Accept': 'image/avif,image/webp,image/apng,image/*,*/*;q=0.9',
+        'Referer': referer,
+    }
+
+
+def fetch_tour_json(json_path, base_url='https://www.720yun.com/'):
+    """请求场景 JSON。json_path 为 window.json 的值，如 json/4ca3fae5e7x/.../3.json"""
+    url = base_url.rstrip('/') + '/' + json_path.lstrip('/')
+    req = urllib.request.Request(url, headers=_browser_headers())
+    try:
+        with urllib.request.urlopen(req, timeout=15) as r:
+            return json.loads(r.read().decode('utf-8', errors='replace'))
+    except Exception as e:
+        return None
+
+
+def download_to_file(url, dest_path):
+    """用浏览器头拉取并保存，保证与 Chrome 读取一致。"""
+    req = urllib.request.Request(url, headers=_browser_headers())
+    with urllib.request.urlopen(req, timeout=30) as r:
+        dest_path.write_bytes(r.read())
+
+
+def extract_image_urls_from_tour(tour_data, resource_base):
+    """从 krpano/720 场景 JSON 中递归提取所有图片 URL。"""
+    urls = []
+
+    def collect(obj):
+        if isinstance(obj, dict):
+            for k, v in obj.items():
+                if k in ('url', 'panorama', 'image', 'src', 'path', 'thumbUrl', 'basePath'):
+                    if isinstance(v, str) and (v.startswith('http') or v.startswith('/')):
+                        u = v if v.startswith('http') else (resource_base.rstrip('/') + v)
+                        urls.append(u)
+                elif k == 'cubeMap' and isinstance(v, list):
+                    for u in v:
+                        if isinstance(u, str):
+                            urls.append(u if u.startswith('http') else resource_base.rstrip('/') + '/' + u.lstrip('/'))
+                else:
+                    collect(v)
+        elif isinstance(obj, list):
+            for x in obj:
+                collect(x)
+
+    collect(tour_data)
+    return list(dict.fromkeys(urls))
+
+
+def main():
+    doc_path = Path(__file__).resolve().parent / 'text.md'
+    if len(sys.argv) >= 2 and not sys.argv[1].startswith('-'):
+        doc_path = Path(sys.argv[1])
+    do_fetch = '--fetch' in sys.argv
+    do_download = '--download' in sys.argv
+
+    if not doc_path.exists():
+        print('未找到文档:', doc_path)
+        sys.exit(1)
+
+    html = read_doc(doc_path)
+    data = parse_window_data(html)
+    json_path = parse_window_json(html)
+
+    if not data and not json_path:
+        print('未能从文档中解析出 window.data 或 window.json')
+        sys.exit(1)
+
+    # 解析结果
+    result = {
+        'window_data': data,
+        'window_json_path': json_path,
+        'resource_base': None,
+        'thumb_url': None,
+        'inferred_cube_urls': [],
+        'tour_json_url': None,
+        'tour_image_urls': [],
+    }
+
+    if data:
+        thumb = data.get('thumbUrl') or ''
+        if thumb and not thumb.startswith('http'):
+            result['thumb_url'] = 'https://thumb-t.720static.com' + thumb
+        else:
+            result['thumb_url'] = thumb or None
+        result['resource_base'] = build_resource_base(thumb) if thumb else None
+        result['tid'] = data.get('tid')
+        result['name'] = data.get('name')
+        result['sceneCount'] = data.get('sceneCount')
+
+    if result['resource_base']:
+        result['inferred_cube_urls'] = infer_cube_urls(result['resource_base'])
+
+    if json_path:
+        result['tour_json_url'] = 'https://www.720yun.com/' + json_path.lstrip('/')
+        if do_fetch and result['resource_base']:
+            tour = fetch_tour_json(json_path)
+            if tour:
+                result['tour_image_urls'] = extract_image_urls_from_tour(tour, result['resource_base'])
+            else:
+                print('请求场景 JSON 失败:', result['tour_json_url'], file=sys.stderr)
+
+    # 输出：先写 JSON 汇总，再列最终图片列表
+    out_path = Path(__file__).resolve().parent / 'parsed_720yun_resources.json'
+    with open(out_path, 'w', encoding='utf-8') as f:
+        json.dump(result, f, ensure_ascii=False, indent=2)
+    print('已写入:', out_path)
+
+    # 最终图片资源列表（去重、合并）
+    all_urls = []
+    if result.get('thumb_url'):
+        all_urls.append(('thumb', result['thumb_url']))
+    for u in result.get('inferred_cube_urls', []):
+        all_urls.append(('cube', u))
+    for u in result.get('tour_image_urls', []):
+        if not any(u == x for _, x in all_urls):
+            all_urls.append(('tour', u))
+
+    print('\n--- 解析出的图片资源 ---')
+    for kind, url in all_urls:
+        print(kind, url)
+    print('\n共', len(all_urls), '个 URL')
+
+    if do_download and result.get('resource_base'):
+        out_dir = Path(__file__).resolve().parent / 'image'
+        out_dir.mkdir(exist_ok=True)
+        print('\n--- 使用浏览器头下载到 image/ ---')
+        for face, url in [('thumb', result.get('thumb_url'))] + list(zip(['mobile_f', 'mobile_r', 'mobile_b', 'mobile_l', 'mobile_u', 'mobile_d'], result.get('inferred_cube_urls', []))):
+            if not url:
+                continue
+            name = face + '.jpg' if face != 'thumb' else 'thumb.jpg'
+            dest = out_dir / name
+            try:
+                download_to_file(url, dest)
+                print('OK', name)
+            except Exception as e:
+                print('FAIL', name, e)
+    return result
+
+
+if __name__ == '__main__':
+    main()

parsed_720yun_resources.json

@@ -0,0 +1,58 @@
+{
+  "window_data": {
+    "thumbUrl": "/resource/prod/4ca3fae5e7x/d22jkguytw6/59446768/imgs/thumb.jpg",
+    "name": "未命名19:19",
+    "sceneType": "1",
+    "expireDate": null,
+    "memberId": 2715586,
+    "subChannel": "广安华蓥山旅游区",
+    "keywords": "3A级,海洋",
+    "pvCount": 167,
+    "sceneCount": 1,
+    "updateDate": 1674213698,
+    "operatorId": null,
+    "flag": "{\"defaultEnabledGyro\":0,\"dragMode\":1,\"showAuthorName\":1,\"showAutoRotateBtn\":1,\"showComment\":1,\"showCommentBtn\":1,\"showFullscreenBtn\":1,\"showGyroBtn\":1,\"showLikeBtn\":1,\"showRemarkBtn\":1,\"showSceneName\":1,\"showShareBtn\":1,\"showTourPV\":1,\"showTourRemark\":1,\"showVRBtn\":1,\"showViewSwitchBtn\":1}",
+    "privilege": 1,
+    "tid": "c8525usOunr",
+    "remark": null,
+    "publishPlatformDate": 1674213698,
+    "channel": {
+      "name": "风光/景区",
+      "id": 5
+    },
+    "templateId": 1,
+    "status": 0,
+    "publishPlatform": 1,
+    "selected": 0,
+    "version": 3,
+    "createDate": 1674213655,
+    "memberUid": "d22jkguytw6",
+    "expired": 1,
+    "id": 980994,
+    "shareConfig": "{}",
+    "likeCount": 0,
+    "author": {
+      "uid": "d22jkguytw6",
+      "nickname": "Alen",
+      "cert": 0,
+      "avatar": "/avatar/system/25.jpg",
+      "id": 2715586
+    }
+  },
+  "window_json_path": "json/4ca3fae5e7x/d22jkguytw6/c8525usOunr/3.json",
+  "resource_base": "https://ssl-panoimg130.720static.com/resource/prod/4ca3fae5e7x/d22jkguytw6/59446768/imgs/",
+  "thumb_url": "https://thumb-t.720static.com/resource/prod/4ca3fae5e7x/d22jkguytw6/59446768/imgs/thumb.jpg",
+  "inferred_cube_urls": [
+    "https://ssl-panoimg130.720static.com/resource/prod/4ca3fae5e7x/d22jkguytw6/59446768/imgs/mobile_f.jpg",
+    "https://ssl-panoimg130.720static.com/resource/prod/4ca3fae5e7x/d22jkguytw6/59446768/imgs/mobile_r.jpg",
+    "https://ssl-panoimg130.720static.com/resource/prod/4ca3fae5e7x/d22jkguytw6/59446768/imgs/mobile_b.jpg",
+    "https://ssl-panoimg130.720static.com/resource/prod/4ca3fae5e7x/d22jkguytw6/59446768/imgs/mobile_l.jpg",
+    "https://ssl-panoimg130.720static.com/resource/prod/4ca3fae5e7x/d22jkguytw6/59446768/imgs/mobile_u.jpg",
+    "https://ssl-panoimg130.720static.com/resource/prod/4ca3fae5e7x/d22jkguytw6/59446768/imgs/mobile_d.jpg"
+  ],
+  "tour_json_url": "https://www.720yun.com/json/4ca3fae5e7x/d22jkguytw6/c8525usOunr/3.json",
+  "tour_image_urls": [],
+  "tid": "c8525usOunr",
+  "name": "未命名19:19",
+  "sceneCount": 1
+}

server.js

@@ -0,0 +1,102 @@
+#!/usr/bin/env node
+/**
+ * 静态资源 + API 服务。统计、点赞、分享、留言（弹幕）写入 SQLite。
+ * 用法: node server.js [目录]  默认目录为项目根目录。
+ */
+const path = require('path');
+const express = require('express');
+const db = require('./db.js');
+
+const PORT = process.env.PORT || 3000;
+const ROOT = path.resolve(__dirname, process.argv[2] || '.');
+
+db.initDb();
+
+const app = express();
+app.use(express.json());
+app.use(express.static(ROOT));
+
+app.get('/api/stats', (req, res) => {
+  try {
+    res.json(db.getStats());
+  } catch (e) {
+    res.status(500).json({ error: String(e.message) });
+  }
+});
+
+app.post('/api/view', (req, res) => {
+  try {
+    res.json(db.incView());
+  } catch (e) {
+    res.status(500).json({ error: String(e.message) });
+  }
+});
+
+app.post('/api/like', (req, res) => {
+  try {
+    res.json(db.incLike());
+  } catch (e) {
+    res.status(500).json({ error: String(e.message) });
+  }
+});
+
+app.post('/api/share', (req, res) => {
+  try {
+    res.json(db.incShare());
+  } catch (e) {
+    res.status(500).json({ error: String(e.message) });
+  }
+});
+
+app.post('/api/join', (req, res) => {
+  try {
+    const viewerId = req.body && req.body.viewerId ? String(req.body.viewerId) : null;
+    if (!viewerId) {
+      return res.status(400).json({ error: 'viewerId required' });
+    }
+    const watchingNow = db.joinViewer(viewerId);
+    res.json({ watchingNow });
+  } catch (e) {
+    res.status(500).json({ error: String(e.message) });
+  }
+});
+
+app.post('/api/leave', (req, res) => {
+  try {
+    const viewerId = req.body && req.body.viewerId ? String(req.body.viewerId) : null;
+    if (!viewerId) {
+      return res.status(400).json({ error: 'viewerId required' });
+    }
+    const watchingNow = db.leaveViewer(viewerId);
+    res.json({ watchingNow });
+  } catch (e) {
+    res.status(500).json({ error: String(e.message) });
+  }
+});
+
+app.get('/api/comments', (req, res) => {
+  try {
+    const limit = Math.min(parseInt(req.query.limit, 10) || 100, 200);
+    res.json(db.getComments(limit));
+  } catch (e) {
+    res.status(500).json({ error: String(e.message) });
+  }
+});
+
+app.post('/api/comments', (req, res) => {
+  try {
+    const content = req.body && req.body.content != null ? String(req.body.content) : '';
+    const nickname = req.body && req.body.nickname != null ? String(req.body.nickname) : '';
+    if (!content.trim()) {
+      return res.status(400).json({ error: 'content required' });
+    }
+    const comment = db.addComment(content.trim(), nickname.trim() || null);
+    res.json(comment);
+  } catch (e) {
+    res.status(500).json({ error: String(e.message) });
+  }
+});
+
+app.listen(PORT, () => {
+  console.log('已启动: http://localhost:' + PORT);
+});