@realsee/dnalogel 3.81.13 → 4.0.0-webgpu.3

package/dist/internal/pano-video-Bmud_CAn.js

@@ -0,0 +1,365 @@
+import { n as e } from "./rolldown-runtime-B0aSnxlc.js";
+import { n as t } from "./animationFrame-XGKHIeQK.js";
+import { t as n } from "./animation-D9rPUNWJ.js";
+import { t as r } from "./BasePlugin-CT5K8m36.js";
+import { t as i } from "./loadVideoTexture-CWoiMWRg.js";
+import * as a from "three/webgpu";
+import { Mesh as o, MeshBasicNodeMaterial as s, Quaternion as c, SphereGeometry as l, Vector3 as u } from "three/webgpu";
+//#region src/PanoVideoPlugin/utils/index.ts
+function d(e) {
+	let t = Math.PI * 2, n = -Math.atan2(e.x, -e.z);
+	n = (n % t + t) % t;
+	let r = -Math.asin(e.y / 1);
+	return {
+		longitude: n,
+		latitude: r
+	};
+}
+//#endregion
+//#region src/PanoVideoPlugin/VideoMeshController.ts
+var f = class {
+	get renderID() {
+		return this._id;
+	}
+	get disposed() {
+		return this._disposed;
+	}
+	get enabled() {
+		return this._enabled;
+	}
+	video;
+	fiveUtil;
+	_id;
+	url;
+	five;
+	panoIndex;
+	observer;
+	origin;
+	videoMesh;
+	videoTexture;
+	_enabled = !0;
+	_disposed = !1;
+	videoDataLoaded = !1;
+	hasVideoEverPlayed = !1;
+	renderFiveDisposer;
+	fadeAnimation;
+	playbackController;
+	session;
+	playbackGeneration = 0;
+	videoOpacity = a.TSL.uniform(0);
+	hooks;
+	constructor(e, t) {
+		this.five = e, this.panoIndex = t.panoIndex, this.fiveUtil = t.fiveUtil, this._id = t.renderID, this.url = t.url, this.origin = t.origin.slice(), this.hooks = t.hooks, this._enabled = t.initialState?.enabled ?? !0;
+		let n = document.createElement("video");
+		n.crossOrigin = "anonymous", n.autoplay = !1, n.muted = !0, n.loop = !0, n.playsInline = !0, this.video = n, this.playbackController = t.mediaManager?.createController({
+			label: "pano-video",
+			onCancel: () => {
+				this.playbackGeneration++, this.session = void 0;
+			}
+		});
+		let r = this.videoTexture = i(this.video), c = a.TSL.uniform(new a.Vector4(this.origin[0], 1 - this.origin[1] - this.origin[3], this.origin[2], this.origin[3])), u = a.TSL.uv(), d = a.TSL.max(c.x.add(c.z).sub(1), 0), f = a.TSL.select(u.x.lessThanEqual(d), u.x.add(1), u.x), p = a.TSL.vec2(f.sub(c.x).div(c.z), u.y.sub(c.y).div(c.w)), m = a.TSL.select(p.x.lessThan(.1), p.x.div(.1), a.TSL.select(p.x.greaterThan(.9), a.TSL.float(1).sub(p.x).div(.1), 1)), h = a.TSL.select(p.y.lessThan(.1), p.y.div(.1), a.TSL.select(p.y.greaterThan(.9), a.TSL.float(1).sub(p.y).div(.1), 1)), g = a.TSL.float(1).sub(a.TSL.step(.5, a.TSL.abs(p.x.sub(.5)))), _ = a.TSL.float(1).sub(a.TSL.step(.5, a.TSL.abs(p.y.sub(.5)))), v = new s({
+			depthTest: !0,
+			transparent: !0
+		});
+		v.colorNode = a.TSL.texture(r, p).rgb, v.opacityNode = g.mul(_).mul(a.TSL.min(m, h)).mul(this.videoOpacity);
+		let y = new l(1, 64, 64);
+		y.scale(-1, 1, 1);
+		let b = new o(y, v);
+		b.name = "pano-video-plugin", this.videoMesh = b, this.fiveUtil.workUtil.work && this.onFiveDataLoaded(), this.enabled && this.addEventListeners(), this.mountIfNeeded();
+	}
+	unmute = async (e = !1) => {
+		if (this.disposed) return;
+		if (!this.video.paused) return this.play(e, !1);
+		let t = this.playbackController?.begin({
+			userAction: e,
+			audible: !0
+		});
+		if (this.playbackController && !t) return;
+		this.session = t;
+		let n = t?.bind(this.video) ?? this.video;
+		n.muted = !1;
+	};
+	async play(e = !1, t = !1) {
+		if (this.disposed) return;
+		let n = this.playbackController?.begin({
+			userAction: e,
+			audible: !t
+		});
+		if (this.playbackController && !n) return;
+		this.session = n;
+		let r = ++this.playbackGeneration, i = n?.bind(this.video) ?? this.video;
+		i.muted = t;
+		try {
+			await i.play();
+		} catch (e) {
+			if (n?.signal.aborted || r !== this.playbackGeneration) return;
+			if (e.name === "AbortError") {
+				this.pause();
+				return;
+			}
+			throw this.pause(), e;
+		}
+	}
+	pause() {
+		this.renderFiveDisposer?.(), this.renderFiveDisposer = void 0, this.fadeAnimation?.cancel(), this.fadeAnimation = void 0, this.videoOpacity.value > 0 && (this.videoOpacity.value = 1), this.video.removeEventListener("timeupdate", this.onVideoTimeUpdate), this.playbackController?.cancel(), this.playbackGeneration++, this.session = void 0, this.video.muted = !0, this.video.pause();
+	}
+	mute() {
+		let e = this.session?.bind(this.video) ?? this.video;
+		e.muted = !0;
+	}
+	dispose() {
+		this.disposed || (this.disable(), this.playbackController?.dispose(), this._disposed = !0, this.videoTexture.dispose(), this.videoMesh.geometry.dispose(), this.videoMesh.material.dispose());
+	}
+	enable() {
+		this.disposed || this.enabled || (this._enabled = !0, !this.observer && this.five.work && this.onFiveDataLoaded(), this.addEventListeners(), this.mountIfNeeded());
+	}
+	disable() {
+		this.disposed || this.enabled && (this._enabled = !1, this.removeEventListeners(), this.unmount());
+	}
+	lookAtVideo() {
+		if (!this.observer) return;
+		let e = this.getUVCenter();
+		if (!e) return;
+		let t = this.uv2Position(e[0], e[1]);
+		if (!t) return;
+		let { longitude: n, latitude: r } = d(new u().subVectors(t, this.observer.position).normalize());
+		this.five.setState({
+			mode: "Panorama",
+			panoIndex: this.panoIndex,
+			longitude: n,
+			latitude: r
+		}), this.onFiveWantsMoveToPano(this.panoIndex);
+	}
+	uv2Position = (e, t) => {
+		let n = Math.PI, r = Math.PI * 2, i = e, a = 1 - t, o = new u(-1 * Math.cos(r * i) * Math.sin(n * a), 1 * Math.cos(n * a), 1 * Math.sin(r * i) * Math.sin(n * a));
+		o.setX(-o.x);
+		let s = this.fiveUtil.workUtil.getResolvedObserver(this.panoIndex);
+		if (!s) return this.logWarning(`点位 ${this.panoIndex} 不存在，请检查 Five 数据是否正常。`);
+		let c = s.position.clone(), l = s.quaternion.clone(), d = o.clone();
+		return d.applyAxisAngle(new u(0, 1, 0), Math.PI / 2), d.applyQuaternion(l), d.add(c), d;
+	};
+	getUVCenter() {
+		if (this.origin) return [this.origin[0] + this.origin[2] / 2, this.origin[1] + this.origin[3] / 2];
+	}
+	addEventListeners() {
+		this.five.on("loaded", this.onFiveDataLoaded), this.five.on("modeChange", this.onFiveModeChange), this.five.on("panoArrived", this.onFivePanoArrived), this.five.on("panoWillArrive", this.onFivePanoWillArrive), this.five.on("wantsMoveToPano", this.onFiveWantsMoveToPano), this.five.on("wantsTapGesture", this.onFiveWantsTapGesture), this.five.on("initAnimationEnded", this.onFiveInitAnimationEnded), this.video.addEventListener("canplaythrough", this.onVideoDataLoaded), this.video.addEventListener("playing", this.onVideoPlaying), this.video.addEventListener("pause", this.onVideoPaused);
+	}
+	removeEventListeners() {
+		this.five.off("loaded", this.onFiveDataLoaded), this.five.off("modeChange", this.onFiveModeChange), this.five.off("panoArrived", this.onFivePanoArrived), this.five.off("panoWillArrive", this.onFivePanoWillArrive), this.five.off("wantsMoveToPano", this.onFiveWantsMoveToPano), this.five.off("wantsTapGesture", this.onFiveWantsTapGesture), this.five.off("initAnimationEnded", this.onFiveInitAnimationEnded), this.video.removeEventListener("canplaythrough", this.onVideoDataLoaded), this.video.removeEventListener("playing", this.onVideoPlaying), this.video.removeEventListener("pause", this.onVideoPaused);
+	}
+	mountIfNeeded() {
+		let e = this.five.getCurrentState();
+		e.mode === "Panorama" && e.panoIndex === this.panoIndex && this.enabled && this.mount();
+	}
+	mount() {
+		if (this.disposed) return this.logWarning("插件已经销毁，无法挂载。");
+		if (this.url === "") return this.logWarning("视频资源不存在。");
+		this.video.src !== this.url && (this.video.src = this.url), this.video.paused && this.play(!1, this.video.muted).catch((e) => {
+			this.logWarning(e instanceof Error ? e.message : "视频播放失败。");
+		});
+	}
+	unmount() {
+		this.pause(), this.video.pause(), this.videoOpacity.value = 0, this.video.removeAttribute("src"), this.video.load(), this.five.scene.remove(this.videoMesh);
+	}
+	hide() {
+		this.pause(), this.video.pause(), this.videoOpacity.value = 0, this.five.scene.remove(this.videoMesh);
+	}
+	onFiveDataLoaded = () => {
+		let e = this.fiveUtil.workUtil.getResolvedObserver(this.panoIndex);
+		if (!e) return this.logWarning(`点位 ${this.panoIndex} 不存在，请检查 Five 数据是否正常。`);
+		this.observer = e;
+		let { x: t, y: n, z: r, w: i } = e.quaternion, a = new c(t, n, r, i), o = e.position;
+		this.videoMesh.position.fromArray([
+			o.x,
+			o.y,
+			o.z
+		]), this.videoMesh.quaternion.set(0, 0, 0, 1), this.videoMesh.rotateOnAxis(new u(0, 1, 0), Math.PI / 2), this.videoMesh.applyQuaternion(a);
+	};
+	onFiveWantsMoveToPano = (e) => {
+		e === this.panoIndex && (this.hasVideoEverPlayed || this.play(!1, !0).catch(() => {}));
+	};
+	onFivePanoArrived = (e) => {
+		if (this.disposed) return this.logWarning("实例已被销毁");
+		this.enabled && this.panoIndex === e && this.mount();
+	};
+	onFivePanoWillArrive = (e) => {
+		if (e !== this.panoIndex) return this.unmount();
+		this.panoIndex !== e && this.unmount();
+	};
+	onFiveModeChange = (e) => {
+		e !== "Panorama" && this.hide();
+	};
+	onFiveInitAnimationEnded = () => {
+		let e = this.five.getCurrentState();
+		e.mode === "Panorama" && e.panoIndex === this.panoIndex && this.mount();
+	};
+	onFiveWantsTapGesture = (e) => {
+		if (!this.five.scene.children.includes(this.videoMesh)) return;
+		if (this.disposed) return this.logWarning("实例已被销毁");
+		if (!this.enabled) return this.logWarning("实例已被禁用");
+		let [t] = e.intersectObject(this.videoMesh);
+		if (t && this.checkIntersectionInBounding(this.origin, t)) {
+			let e = {
+				target: this,
+				_preventDefaultReturn: !1,
+				preventDefault: () => {
+					e._preventDefaultReturn = !0;
+				}
+			};
+			return this.hooks.emit("click", e), e._preventDefaultReturn === !1 && (this.video.muted ? this.unmute(!0) : this.mute()), !1;
+		}
+	};
+	onVideoDataLoaded = () => {
+		this.videoDataLoaded = !0, this.video.paused === !1 && this.video.src !== "" && this.onVideoPlayingAndLoaded();
+	};
+	onVideoPlaying = () => {
+		this.hasVideoEverPlayed = !0, this.enabled && this.videoDataLoaded && this.onVideoPlayingAndLoaded();
+	};
+	onVideoPlayingAndLoaded = () => {
+		if (!this.videoDataLoaded) return this.logWarning("视频数据未加载");
+		if (this.video.paused === !0) return this.logWarning("视频已暂停");
+		this.video.removeEventListener("timeupdate", this.onVideoTimeUpdate), this.video.addEventListener("timeupdate", this.onVideoTimeUpdate, { once: !0 });
+	};
+	onVideoTimeUpdate = () => {
+		if (!this.disposed && this.enabled && this.panoIndex === this.five.getCurrentState().panoIndex && this.five.getCurrentState().mode === "Panorama" && (this.renderFiveDisposer ||= t(() => {
+			this.five.needsRender = !0;
+		}, 30), this.five.scene.add(this.videoMesh), this.videoOpacity.value === 0)) {
+			this.fadeAnimation?.cancel();
+			let e = { value: 0 };
+			this.fadeAnimation = n(e, {
+				value: 1,
+				duration: 300,
+				ease: "linear",
+				onUpdate: () => {
+					this.videoOpacity.value = e.value;
+				},
+				onComplete: () => {
+					this.videoOpacity.value = 1, this.fadeAnimation = void 0;
+				}
+			});
+		}
+	};
+	onVideoPaused = () => {
+		this.renderFiveDisposer?.(), this.renderFiveDisposer = void 0;
+	};
+	logWarning(e) {
+		console.warn("⛔ ==> [VideoMeshController]:", e);
+	}
+	checkIntersectionInBounding(e, t) {
+		if (!t.uv) return !1;
+		let [n, r] = t.uv.toArray(), [i, a, o, s] = e, c = 1 - a - s, l = i + o, u = c + s;
+		return n >= i && n <= l && r >= c && r <= u;
+	}
+}, p = class extends r {
+	options;
+	get state() {
+		return { enabled: this.enabled };
+	}
+	get disposed() {
+		return this._disposed;
+	}
+	controllerMap = /* @__PURE__ */ new Map();
+	data;
+	enabled = !0;
+	_disposed = !1;
+	removeFiveDisposeListener;
+	constructor(e, t) {
+		super(e), this.options = t, this.removeFiveDisposeListener = e.on("dispose", () => {
+			try {
+				this.dispose();
+			} catch (e) {
+				console.error("[PanoVideoPluginController]: dispose failed", e);
+			}
+		});
+	}
+	load(e, t) {
+		if (this.disposed) return this.logWarning("插件已被销毁");
+		t?.initialState?.enabled !== void 0 && t.initialState.enabled !== this.enabled && (t.initialState.enabled ? this.enable() : this.disable()), this.clear(), e.list.forEach((e) => {
+			let t = e.pano_index, n = e.render_id;
+			e.video_list.forEach((e) => {
+				this.controllerMap.set(e.render_id, new f(this.five, {
+					mediaManager: this.options?.mediaManager,
+					...e,
+					fiveUtil: this.fiveUtil,
+					panoIndex: t,
+					renderID: n,
+					hooks: this.hooks,
+					initialState: { enabled: this.enabled }
+				}));
+			});
+		}), this.data = e, this.hooks.emit("dataLoaded", e);
+	}
+	enable(e) {
+		if (this.disposed) return this.logWarning("插件已被销毁");
+		if (this.enabled) return;
+		this.enabled = !0, Array.from(this.controllerMap.values()).forEach((e) => e.enable());
+		let t = e?.userAction ?? !0;
+		this.hooks.emit("enable", { userAction: t });
+	}
+	disable(e) {
+		if (this.disposed) return this.logWarning("插件已被销毁");
+		if (!this.enabled) return;
+		this.enabled = !1, Array.from(this.controllerMap.values()).forEach((e) => e.disable());
+		let t = e?.userAction ?? !0;
+		this.hooks.emit("disable", { userAction: t });
+	}
+	lookAtVideoItemByRenderID(e) {
+		if (this.disposed) return this.logWarning("插件已被销毁");
+		let t = this.controllerMap.get(e);
+		if (!t) return this.logWarning(`ID 为 ${e} 的点位视频不存在`);
+		t.lookAtVideo();
+	}
+	unmuteByRenderID(e, t = !1) {
+		if (this.disposed) return this.logWarning("插件已被销毁");
+		let n = this.controllerMap.get(e);
+		if (!n) return this.logWarning(`ID 为 ${e} 的点位视频不存在`);
+		n.unmute(t);
+	}
+	add(e, t) {
+		if (this.disposed) return this.logWarning("插件已被销毁");
+		t.forEach((t) => {
+			if (this.controllerMap.get(t.render_id)) return this.logWarning(`ID 为 ${t.render_id} 的点位视频已存在`);
+			let n = t.render_id;
+			this.controllerMap.set(t.render_id, new f(this.five, {
+				mediaManager: this.options?.mediaManager,
+				...t,
+				fiveUtil: this.fiveUtil,
+				panoIndex: e,
+				renderID: n,
+				hooks: this.hooks,
+				initialState: { enabled: this.enabled }
+			}));
+		});
+	}
+	removeByRenderID(e) {
+		if (this.disposed) return this.logWarning("插件已被销毁");
+		let t = this.controllerMap.get(e);
+		if (!t) return this.logWarning(`ID 为 ${e} 的点位视频不存在`);
+		t.dispose(), this.controllerMap.delete(e);
+	}
+	clear() {
+		if (this.disposed) return this.logWarning("插件已被销毁");
+		this.releaseControllers();
+	}
+	dispose() {
+		this.disposed || (this._disposed = !0, this.removeFiveDisposeListener(), this.releaseControllers());
+	}
+	releaseControllers() {
+		let e = Array.from(this.controllerMap.values());
+		this.controllerMap.clear();
+		let t = [];
+		for (let n of e) try {
+			n.dispose();
+		} catch (e) {
+			t.push(e);
+		}
+		if (t.length) throw t[0];
+	}
+	logWarning(e) {
+		console.warn("⛔ ==> [PanoVideoPluginController]:", e);
+	}
+}, m = /* @__PURE__ */ e({}), h = (e, t) => new p(e, t);
+//#endregion
+export { m as n, h as t };
+
+//# sourceMappingURL=pano-video-Bmud_CAn.js.map

package/dist/internal/pano-video-Bmud_CAn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pano-video-Bmud_CAn.js","names":["BasePlugin.Controller","__exportAll","requestAnimationFrameInterval","animate","Controller","createVideoTexture","THREE","directionToLongitudeAndLatitude","PI_2","longitude","direction","latitude","VideoMeshController","five","params","video","videoTexture","size","sourceUv","wrapWidth","wrappedU","videoUv","fadeX","fadeY","insideX","insideY","material","MeshBasicNodeMaterial","geometry","SphereGeometry","videoMesh","Mesh","userAction","session","operations","muted","generation","error","uvCenter","position","Vector3","PI","_2PI","u","_u","v","_v","originPosition","observer","transition","quaternion","finalPosition","currentFiveState","Quaternion","x","y","z","w","panoIndex","mode","intersection","raycaster","event","opacity","meg","target","minU","_minV","width","height","bounding","minV","maxU","maxV","PanoVideoPluginController","options","data","panoVideoItem","renderID","videoItem","controller","id","controllers","errors","typings_exports","PanoVideoPlugin"],"sources":["../../src/PanoVideoPlugin/utils/index.ts","../../src/PanoVideoPlugin/VideoMeshController.ts","../../src/PanoVideoPlugin/Controller.ts","../../src/PanoVideoPlugin/typings.ts","../../src/PanoVideoPlugin/index.ts"],"sourcesContent":["import type { Vector3 } from 'three/webgpu'\n\nexport default function directionToLongitudeAndLatitude(\n  direction:\n    | Vector3\n    | {\n        x: number\n        y: number\n        z: number\n      },\n) {\n  const PI_2 = Math.PI * 2\n  let longitude = -Math.atan2(direction.x, -direction.z)\n  longitude = ((longitude % PI_2) + PI_2) % PI_2\n  const latitude = -Math.asin(direction.y / 1)\n  return { longitude, latitude }\n}\n","import { createVideoTexture } from '../shared-utils/three/loadVideoTexture'\nimport type { PlaybackManager, PlaybackController, PlaybackSession } from '../shared-utils/playback'\nimport type { Five, Mode, WorkObserver, WorkResolvedObserver } from '@realsee/five-webgpu'\nimport type { VideoMeshParams } from './typings'\nimport { requestAnimationFrameInterval } from '../shared-utils'\nimport type { Raycaster } from 'three/webgpu'\nimport * as THREE from 'three/webgpu'\nimport {\n  type Intersection,\n  LinearFilter,\n  Mesh,\n  Quaternion,\n  MeshBasicNodeMaterial,\n  SphereGeometry,\n  Vector3,\n  type VideoTexture,\n} from 'three/webgpu'\nimport directionToLongitudeAndLatitude from './utils'\nimport { animate } from 'animejs'\nimport type { Subscribe } from '../shared-utils/Subscribe'\nimport type { PluginEventMap } from './typings'\nimport type { Simplify } from 'type-fest'\nimport type { FiveUtil } from '../shared-utils/Utils/FiveUtil'\n\n/** 点位视频控制器\n * @description 控制器存在副作用，包括：\n * - 对 Five 事件的监听。\n * - 对 DOM 原生事件的监听。\n * - 用于播放视频的模型。\n * - 视频实例。\n * @description 清除副作用的力度从弱到强：\n * - 隐藏：hide，用于隐藏 UI 元素；不销毁多媒体资源。用于临时隐藏。\n * - 取消挂载：unmount，销毁视频资源；移除模型。用于不符合自身展示条件时执行。\n * - 禁用：disable，销毁视频资源；移除模型；取消监听。用于外部条件变换导致的功能禁用。\n * - 销毁：dispose，用于彻底销毁实例，dispose 之后将不响应任何事件。\n */\nexport class VideoMeshController {\n  /** 传入的 ID，不可更改 */\n  public get renderID() {\n    return this._id\n  }\n  /** 是否已经销毁 */\n  public get disposed() {\n    return this._disposed\n  }\n  /** 是否已经启用 */\n  public get enabled() {\n    return this._enabled\n  }\n  public video: HTMLVideoElement\n\n  private fiveUtil?: FiveUtil\n\n  private _id: string\n  /** 视频资源地址 */\n  private readonly url: string\n  /** Five Instance */\n  private five: Five\n  /** 视频对应的点位 */\n  private panoIndex: number\n  /** 视频对应的 Work Observer */\n  private observer?: WorkResolvedObserver\n  /** 视频在球面的 uv：[left, top, width, height] */\n  private origin: number[]\n  /** Video DOM */\n  /** Video Mesh */\n  private videoMesh: Mesh<SphereGeometry, MeshBasicNodeMaterial>\n  private readonly videoTexture: VideoTexture\n  private _enabled = true\n  private _disposed = false\n  /** 视频资源是否满足播放条件 */\n  private videoDataLoaded = false\n  /** 视频是否曾经播放过 */\n  private hasVideoEverPlayed = false\n  /** 自动 render five 的销毁函数\n   * @remark 由于 render video 依赖 Five render，因此需要自动 render five。\n   */\n  private renderFiveDisposer?: () => void\n  private fadeAnimation?: ReturnType<typeof animate>\n  private playbackController?: PlaybackController\n  private session?: PlaybackSession\n  private playbackGeneration = 0\n  private readonly videoOpacity = THREE.TSL.uniform(0)\n  private hooks: Subscribe<Simplify<PluginEventMap>>\n\n  /** 初始化视频、模型以及相关事件监听。 */\n  public constructor(five: Five, params: VideoMeshParams & { mediaManager?: PlaybackManager; fiveUtil?: FiveUtil } & { hooks: Subscribe<Simplify<PluginEventMap>> }) {\n    this.five = five\n    this.panoIndex = params.panoIndex\n    this.fiveUtil = params.fiveUtil\n    this._id = params.renderID\n    this.url = params.url\n    this.origin = params.origin.slice() as number[]\n    this.hooks = params.hooks\n    this._enabled = params.initialState?.enabled ?? true\n    // ========== 初始化 Video Instance ==========\n    const video = document.createElement('video')\n    video.crossOrigin = 'anonymous'\n    video.autoplay = false\n    video.muted = true\n    video.loop = true\n    video.playsInline = true\n    this.video = video\n    this.playbackController = params.mediaManager?.createController({ label: 'pano-video', onCancel: () => { this.playbackGeneration++; this.session = undefined } })\n    // ========== 初始化模型 ==========\n    // 视频贴图\n    const videoTexture = this.videoTexture = createVideoTexture(this.video)\n    // 模型材质：在球面原始 UV 中裁剪视频区域，并在边缘做 10% 羽化。\n    const size = THREE.TSL.uniform(new THREE.Vector4(this.origin[0], 1 - this.origin[1] - this.origin[3], this.origin[2], this.origin[3]))\n    const sourceUv = THREE.TSL.uv()\n    const wrapWidth = THREE.TSL.max(size.x.add(size.z).sub(1), 0)\n    const wrappedU = THREE.TSL.select(sourceUv.x.lessThanEqual(wrapWidth), sourceUv.x.add(1), sourceUv.x)\n    const videoUv = THREE.TSL.vec2(wrappedU.sub(size.x).div(size.z), sourceUv.y.sub(size.y).div(size.w))\n    const fadeX = THREE.TSL.select(\n      videoUv.x.lessThan(0.1),\n      videoUv.x.div(0.1),\n      THREE.TSL.select(videoUv.x.greaterThan(0.9), THREE.TSL.float(1).sub(videoUv.x).div(0.1), 1),\n    )\n    const fadeY = THREE.TSL.select(\n      videoUv.y.lessThan(0.1),\n      videoUv.y.div(0.1),\n      THREE.TSL.select(videoUv.y.greaterThan(0.9), THREE.TSL.float(1).sub(videoUv.y).div(0.1), 1),\n    )\n    const insideX = THREE.TSL.float(1).sub(THREE.TSL.step(0.5, THREE.TSL.abs(videoUv.x.sub(0.5))))\n    const insideY = THREE.TSL.float(1).sub(THREE.TSL.step(0.5, THREE.TSL.abs(videoUv.y.sub(0.5))))\n    const material = new MeshBasicNodeMaterial({ depthTest: true, transparent: true })\n    material.colorNode = THREE.TSL.texture(videoTexture, videoUv).rgb\n    material.opacityNode = insideX.mul(insideY).mul(THREE.TSL.min(fadeX, fadeY)).mul(this.videoOpacity)\n    // 模型几何体\n    const geometry = new SphereGeometry(1, 64, 64)\n    // 因为是从内向外看，需要翻转 X 轴。\n    geometry.scale(-1, 1, 1)\n    // 点位视频模型\n    const videoMesh = new Mesh(geometry, material)\n    videoMesh.name = 'pano-video-plugin'\n    this.videoMesh = videoMesh\n    // five work 存在，说明已经加载过数据。\n    if (this.fiveUtil.workUtil.work) this.onFiveDataLoaded()\n    // 插件初始化时如果是开启状态，添加事件监听。\n    if (this.enabled) this.addEventListeners()\n    // 如果初始化时满足挂载条件，需要挂载副作用。\n    this.mountIfNeeded()\n  }\n\n  /**\n   * 取消静音\n   *\n   * @warning 需要注意：由于大部分浏览器的限制，视频的声音必须在用户有交互事件后才能开启，否则会被浏览器禁用视频播放。\n   */\n  public unmute = async (userAction = false) => {\n    if (this.disposed) return\n    if (!this.video.paused) return this.play(userAction, false)\n    const session = this.playbackController?.begin({ userAction, audible: true })\n    if (this.playbackController && !session) return\n    this.session = session\n    const operations = session?.bind(this.video) ?? this.video\n    operations.muted = false\n  }\n\n  public async play(userAction = false, muted = false) {\n    if (this.disposed) return\n    const session = this.playbackController?.begin({ userAction, audible: !muted })\n    if (this.playbackController && !session) return\n    this.session = session\n    const generation = ++this.playbackGeneration\n    const operations = session?.bind(this.video) ?? this.video\n    operations.muted = muted\n    try { await operations.play() } catch (error) {\n      if (session?.signal.aborted || generation !== this.playbackGeneration) return\n      if ((error as Error).name === 'AbortError') { this.pause(); return }\n      this.pause()\n      throw error\n    }\n  }\n\n  public pause() {\n    // disable removes the native pause listener before unmounting the video.\n    this.renderFiveDisposer?.()\n    this.renderFiveDisposer = undefined\n    this.fadeAnimation?.cancel()\n    this.fadeAnimation = undefined\n    if (this.videoOpacity.value > 0) this.videoOpacity.value = 1\n    this.video.removeEventListener('timeupdate', this.onVideoTimeUpdate)\n    this.playbackController?.cancel()\n    this.playbackGeneration++\n    this.session = undefined\n    this.video.muted = true\n    this.video.pause()\n  }\n\n  public mute() {\n    const operations = this.session?.bind(this.video) ?? this.video\n    operations.muted = true\n  }\n\n  /** 彻底销毁，不响应之后的任何事件 */\n  public dispose() {\n    if (this.disposed) return\n    this.disable()\n    this.playbackController?.dispose()\n    this._disposed = true\n    this.videoTexture.dispose()\n    this.videoMesh.geometry.dispose()\n    this.videoMesh.material.dispose()\n  }\n\n  public enable() {\n    if (this.disposed) return\n    if (this.enabled) return\n    this._enabled = true\n    if (!this.observer && this.five.work) this.onFiveDataLoaded()\n    this.addEventListeners()\n    this.mountIfNeeded()\n  }\n\n  /** 禁用插件 */\n  public disable() {\n    if (this.disposed) return\n    if (!this.enabled) return\n    this._enabled = false\n    this.removeEventListeners()\n    this.unmount()\n  }\n\n  /** 切换到全景模式并看向视频\n   * @remark 如果遇到不能自动播放的问题，需要放到用户交互事件中调用。\n   */\n  public lookAtVideo() {\n    if (!this.observer) return\n    const uvCenter = this.getUVCenter()\n    if (!uvCenter) return\n    const position = this.uv2Position(uvCenter[0], uvCenter[1])\n    if (!position) return\n    const direction = new Vector3().subVectors(position, this.observer.position).normalize()\n    const { longitude, latitude } = directionToLongitudeAndLatitude(direction)\n    this.five.setState({ mode: 'Panorama', panoIndex: this.panoIndex, longitude, latitude })\n    // setState 不会触发 wantsMoveToPano 事件，因此需要手动触发。\n    this.onFiveWantsMoveToPano(this.panoIndex)\n  }\n\n  /** 把 uv 值转换成位置 */\n  private uv2Position = (_u: number, _v: number) => {\n    const r = 1\n    // π: 180°\n    const PI = Math.PI\n    // 2π: 360°\n    const _2PI = Math.PI * 2\n    const u = _u\n    const v = 1 - _v\n    // 构造原始球面坐标\n    // 球面原始朝向是 Z 轴正方向。\n    // v = 0.5，即 X、Z 取到最大值。\n    // x、z 的变化相当于 -X 轴绕 +Y 轴逆时针旋转 360° 回到 -X 轴。\n    // 此时 x = -r * cos(2π * u)、z = r * sin(2π * u)\n    // v 的变换相当于 -Y 轴绕 +Z 轴逆时针旋转 180°。\n    // 此时 x = -r * cos(2π * u) * sin(π * v)、y = r * cos(π * v)、z = r * sin(2π * u) * sin(π * v)\n    const originPosition = new Vector3(\n      -r * Math.cos(_2PI * u) * Math.sin(PI * v),\n      r * Math.cos(PI * v),\n      r * Math.sin(_2PI * u) * Math.sin(PI * v),\n    )\n    // 由于从内向外看，需要翻转 X 轴坐标。\n    originPosition.setX(-originPosition.x)\n\n    const observer = this.fiveUtil.workUtil.getResolvedObserver(this.panoIndex)\n    if (!observer) return this.logWarning(`点位 ${this.panoIndex} 不存在，请检查 Five 数据是否正常。`)\n    const transition = observer.position.clone()\n    const quaternion = observer.quaternion.clone()\n\n    const finalPosition = originPosition.clone()\n    // 原因同模型旋转。\n    finalPosition.applyAxisAngle(new Vector3(0, 1, 0), Math.PI / 2)\n    finalPosition.applyQuaternion(quaternion)\n    finalPosition.add(transition)\n\n    return finalPosition\n  }\n\n  /** 获取视频中心点的 uv */\n  private getUVCenter() {\n    if (!this.origin) return\n    const u = this.origin[0] + this.origin[2] / 2\n    const v = this.origin[1] + this.origin[3] / 2\n    return [u, v] as const\n  }\n\n  /** 添加时间监听 */\n  private addEventListeners() {\n    this.five.on('loaded', this.onFiveDataLoaded)\n    this.five.on('modeChange', this.onFiveModeChange)\n    this.five.on('panoArrived', this.onFivePanoArrived)\n    this.five.on('panoWillArrive', this.onFivePanoWillArrive)\n    this.five.on('wantsMoveToPano', this.onFiveWantsMoveToPano)\n    this.five.on('wantsTapGesture', this.onFiveWantsTapGesture)\n    this.five.on('initAnimationEnded', this.onFiveInitAnimationEnded)\n    this.video.addEventListener('canplaythrough', this.onVideoDataLoaded)\n    this.video.addEventListener('playing', this.onVideoPlaying)\n    this.video.addEventListener('pause', this.onVideoPaused)\n  }\n\n  /** 移除事件监听 */\n  private removeEventListeners() {\n    this.five.off('loaded', this.onFiveDataLoaded)\n    this.five.off('modeChange', this.onFiveModeChange)\n    this.five.off('panoArrived', this.onFivePanoArrived)\n    this.five.off('panoWillArrive', this.onFivePanoWillArrive)\n    this.five.off('wantsMoveToPano', this.onFiveWantsMoveToPano)\n    this.five.off('wantsTapGesture', this.onFiveWantsTapGesture)\n    this.five.off('initAnimationEnded', this.onFiveInitAnimationEnded)\n    this.video.removeEventListener('canplaythrough', this.onVideoDataLoaded)\n    this.video.removeEventListener('playing', this.onVideoPlaying)\n    this.video.removeEventListener('pause', this.onVideoPaused)\n  }\n\n  /** 如果满足 mount 条件，mount */\n  private mountIfNeeded() {\n    const currentFiveState = this.five.getCurrentState()\n    if (currentFiveState.mode === 'Panorama' && currentFiveState.panoIndex === this.panoIndex && this.enabled) {\n      this.mount()\n    }\n  }\n\n  /** 挂载：加载视频资源；添加模型。 */\n  private mount() {\n    if (this.disposed) return this.logWarning('插件已经销毁，无法挂载。')\n    if (this.url === '') return this.logWarning('视频资源不存在。')\n    // if (this.panoIndex )\n    if (this.video.src !== this.url) {\n      this.video.src = this.url\n    }\n    // 如果视频正在播放，不做任何操作。\n    if (!this.video.paused) return\n    this.play(false, this.video.muted).catch((error) => {\n      this.logWarning(error instanceof Error ? error.message : '视频播放失败。')\n    })\n  }\n\n  /** 卸载：销毁视频资源；移除模型。 */\n  private unmount() {\n    this.pause()\n    this.video.pause()\n    // 去除模型后下次播放时，需要渐变显示，这里透明度重置为0。\n    this.videoOpacity.value = 0\n    this.video.removeAttribute('src')\n    this.video.load()\n    this.five.scene.remove(this.videoMesh)\n  }\n\n  /** 暂停视频，去除模型。 */\n  private hide() {\n    this.pause()\n    this.video.pause()\n    // 去除模型后下次播放时，需要渐变显示，这里透明度重置为0。\n    this.videoOpacity.value = 0\n    this.five.scene.remove(this.videoMesh)\n  }\n\n  /** Five 数据加载后需要根据点位位姿调整点位模型位置 */\n  private onFiveDataLoaded = () => {\n    const observer = this.fiveUtil.workUtil.getResolvedObserver(this.panoIndex)\n    if (!observer) return this.logWarning(`点位 ${this.panoIndex} 不存在，请检查 Five 数据是否正常。`)\n    // 初始化依赖 work 的数据\n    this.observer = observer\n    // 初始化模型位姿\n    const { x, y, z, w } = observer.quaternion\n    const quaternion = new Quaternion(x, y, z, w)\n    const position = observer.position\n    this.videoMesh.position.fromArray([position.x, position.y, position.z])\n    // 重置模型旋转\n    this.videoMesh.quaternion.set(0, 0, 0, 1)\n    // 绕 Y 轴逆时针旋转 90 度\n    // 这里是因为历史问题，算法模块里面转了 90 度，所以前端也要转 90 度。\n    // 后面可以联系 @饶童 一起改掉。\n    this.videoMesh.rotateOnAxis(new Vector3(0, 1, 0), Math.PI / 2)\n    // 应用点位旋转\n    this.videoMesh.applyQuaternion(quaternion)\n  }\n\n  /** 兼容视频播放 */\n  private onFiveWantsMoveToPano = (panoIndex: number) => {\n    // 点位不匹配，不做任何操作。\n    if (panoIndex !== this.panoIndex) return\n    // 如果视频之前播放过，不用再做兼容\n    if (this.hasVideoEverPlayed) return\n    this.play(false, true).catch(() => {\n      // 视频播放失败时，不做任何操作。\n    })\n  }\n\n  /** 走到某个点位上时，挂载/卸载视频 */\n  private onFivePanoArrived = (panoIndex: number) => {\n    if (this.disposed) return this.logWarning('实例已被销毁')\n    if (!this.enabled) return\n    // 如果点位条件满足，挂载。\n    if (this.panoIndex === panoIndex) this.mount()\n  }\n\n  private onFivePanoWillArrive = (panoIndex: number) => {\n    // wantsMoveToPano 和 panoArrived 可能不是同一个点位，如果不一致，销毁副作用。\n    if (panoIndex !== this.panoIndex) return this.unmount()\n    if (this.panoIndex !== panoIndex) this.unmount()\n  }\n\n  /** Five 模型变化 */\n  private onFiveModeChange = (mode: Mode) => {\n    if (mode !== 'Panorama') this.hide()\n    // Panorama 的判断在 onFiveInitAnimationEnded\n  }\n\n  /** Five mode change 动画结束 */\n  private onFiveInitAnimationEnded = () => {\n    const currentFiveState = this.five.getCurrentState()\n    if (currentFiveState.mode === 'Panorama' && currentFiveState.panoIndex === this.panoIndex) this.mount()\n  }\n\n  /** Five Canvas 点击 */\n  private onFiveWantsTapGesture = (raycaster: Raycaster) => {\n    if (!this.five.scene.children.includes(this.videoMesh)) return\n    if (this.disposed) return this.logWarning('实例已被销毁')\n    if (!this.enabled) return this.logWarning('实例已被禁用')\n    const [intersection] = raycaster.intersectObject(this.videoMesh)\n    if (!intersection) return\n    const isIntersectInVideo = this.checkIntersectionInBounding(this.origin, intersection)\n    if (isIntersectInVideo) {\n      const event = {\n        target: this,\n        _preventDefaultReturn: false,\n        preventDefault: () => {\n          event._preventDefaultReturn = true\n        },\n      }\n      this.hooks.emit('click', event)\n      if (event._preventDefaultReturn === false) {\n        if (this.video.muted) this.unmute(true)\n        else { this.mute() }\n      }\n      return false as const\n    }\n  }\n\n  /** video canplaythrough 事件触发 */\n  private onVideoDataLoaded = () => {\n    this.videoDataLoaded = true\n    if (this.video.paused === false && this.video.src !== '') this.onVideoPlayingAndLoaded()\n  }\n\n  /** video playing 事件触发\n   * @remarks\n   * 事件触发时机：\n   * - video is ready to start after having been paused.\n   * - video is ready to play after delayed due to lack of data.\n   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video\n   */\n  private onVideoPlaying = () => {\n    this.hasVideoEverPlayed = true\n    // 空视频不能挂载。\n    if (!this.enabled) return\n    if (this.videoDataLoaded) this.onVideoPlayingAndLoaded()\n  }\n\n  /** 触发 playing 和 canplaythrough */\n  private onVideoPlayingAndLoaded = () => {\n    if (!this.videoDataLoaded) return this.logWarning('视频数据未加载')\n    if (this.video.paused === true) return this.logWarning('视频已暂停')\n\n    this.video.removeEventListener('timeupdate', this.onVideoTimeUpdate)\n    this.video.addEventListener('timeupdate', this.onVideoTimeUpdate, { once: true })\n  }\n\n  private onVideoTimeUpdate = () => {\n    if (this.disposed || !this.enabled) return\n    if (this.panoIndex !== this.five.getCurrentState().panoIndex || this.five.getCurrentState().mode !== 'Panorama') return\n    if (!this.renderFiveDisposer) this.renderFiveDisposer = requestAnimationFrameInterval(() => { this.five.needsRender = true }, 30)\n    this.five.scene.add(this.videoMesh)\n    if (this.videoOpacity.value === 0) {\n      this.fadeAnimation?.cancel()\n      const opacity = { value: 0 }\n      this.fadeAnimation = animate(opacity, {\n        value: 1, duration: 300, ease: 'linear',\n        onUpdate: () => { this.videoOpacity.value = opacity.value },\n        onComplete: () => { this.videoOpacity.value = 1; this.fadeAnimation = undefined },\n      })\n    }\n  }\n\n  /** video pause 事件触发 */\n  private onVideoPaused = () => {\n    this.renderFiveDisposer?.()\n    this.renderFiveDisposer = undefined\n  }\n\n  /** 控制台打印警告 */\n  private logWarning(meg: string) {\n    console.warn(`⛔ ==> [VideoMeshController]:`, meg)\n  }\n\n  /** 检测射线与模型的交点是不是在视频的范围内 */\n  private checkIntersectionInBounding(bounding: number[], target: Intersection) {\n    if (!target.uv) return false\n    const [u, v] = target.uv.toArray()\n    const [minU, _minV, width, height] = bounding\n    const minV = 1 - _minV - height\n    const maxU = minU + width\n    const maxV = minV + height\n    return u >= minU && u <= maxU && v >= minV && v <= maxV\n  }\n}\n","import type { PlaybackManager } from '../shared-utils/playback'\nimport type { Five } from '@realsee/five-webgpu'\nimport type { LoadParams, PluginEventMap, PluginState, PluginData, VideoItem } from './typings'\nimport { VideoMeshController } from './VideoMeshController'\nimport * as BasePlugin from '../base/BasePlugin'\n\nexport class PanoVideoPluginController extends BasePlugin.Controller<PluginState, PluginEventMap> {\n  /** 插件 State */\n  public get state() {\n    return {\n      enabled: this.enabled,\n    }\n  }\n\n  /** 插件是否已被销毁 */\n  public get disposed() {\n    return this._disposed\n  }\n\n  public controllerMap: Map<string, VideoMeshController> = new Map()\n\n  public data?: PluginData\n\n  private enabled = true\n  private _disposed = false\n  private readonly removeFiveDisposeListener: () => void\n\n  public constructor(five: Five, private options?: { mediaManager?: PlaybackManager }) {\n    super(five)\n    // Five emits dispose synchronously, before it releases the renderer.\n    this.removeFiveDisposeListener = five.on('dispose', () => {\n      try { this.dispose() } catch (error) {\n        // Five must finish disposing its other resources and the renderer.\n        console.error('[PanoVideoPluginController]: dispose failed', error)\n      }\n    })\n  }\n\n  /** 加载点位视频数据，加载数据并不代表会加载点位视频。 */\n  public load(data: PluginData, params?: LoadParams) {\n    if (this.disposed) return this.logWarning('插件已被销毁')\n    if (typeof params?.initialState?.enabled !== 'undefined' && params.initialState.enabled !== this.enabled) {\n      params.initialState.enabled ? this.enable() : this.disable()\n    }\n    this.clear()\n    // 初始化 controller 实例\n    data.list.forEach((panoVideoItem) => {\n      const panoIndex = panoVideoItem.pano_index\n      const renderID = panoVideoItem.render_id\n      panoVideoItem.video_list.forEach((videoItem) => {\n        this.controllerMap.set(\n          videoItem.render_id,\n          new VideoMeshController(this.five, {\n            mediaManager: this.options?.mediaManager,\n            ...videoItem,\n            fiveUtil: this.fiveUtil,\n            panoIndex,\n            renderID,\n            hooks: this.hooks,\n            initialState: { enabled: this.enabled },\n          }),\n        )\n      })\n    })\n\n    this.data = data\n\n    this.hooks.emit('dataLoaded', data)\n  }\n\n  /** 开启插件功能。 */\n  public enable(options?: BasePlugin.BaseOptions) {\n    if (this.disposed) return this.logWarning('插件已被销毁')\n    if (this.enabled) return\n    this.enabled = true\n    Array.from(this.controllerMap.values()).forEach((controller) => controller.enable())\n    const userAction = options?.userAction ?? true\n    this.hooks.emit('enable', { userAction })\n  }\n\n  /** 禁用插件功能。 */\n  public disable(options?: BasePlugin.BaseOptions) {\n    if (this.disposed) return this.logWarning('插件已被销毁')\n    if (!this.enabled) return\n    this.enabled = false\n    Array.from(this.controllerMap.values()).forEach((controller) => controller.disable())\n    const userAction = options?.userAction ?? true\n    this.hooks.emit('disable', { userAction })\n  }\n\n  /** 看向某个视频。\n   * - 会自动切换到全景模式。\n   * - 如果遇到不能自动播放的问题，需要放到用户交互事件中调用。\n   */\n  public lookAtVideoItemByRenderID(id: string) {\n    if (this.disposed) return this.logWarning('插件已被销毁')\n    const controller = this.controllerMap.get(id)\n    if (!controller) return this.logWarning(`ID 为 ${id} 的点位视频不存在`)\n    controller.lookAtVideo()\n  }\n\n  /**\n   * 取消静音。\n   *\n   * 大部分浏览器需要用户交互后才能开启视频声音。\n   *\n   * 如果需要取消静音，建议在用户交互事件中调用本方法。\n   *\n   * 例如:\n   *\n   * ```jsx\n   * onClick={() => {\n   *  panoVideoPluginController.lookAtVideoItemByRenderID('xxx')\n   *  panoVideoPluginController.unmuteByRenderID('xxx')\n   * }}\n   * ```\n   */\n  public unmuteByRenderID(id: string, userAction = false) {\n    if (this.disposed) return this.logWarning('插件已被销毁')\n    const controller = this.controllerMap.get(id)\n    if (!controller) return this.logWarning(`ID 为 ${id} 的点位视频不存在`)\n    controller.unmute(userAction)\n  }\n\n  /** 为一个点位添加视频（可以是多条）。 */\n  public add(panoIndex: number, videoItems: VideoItem[]) {\n    if (this.disposed) return this.logWarning('插件已被销毁')\n    videoItems.forEach((videoItem) => {\n      if (this.controllerMap.get(videoItem.render_id)) return this.logWarning(`ID 为 ${videoItem.render_id} 的点位视频已存在`)\n      const renderID = videoItem.render_id\n      this.controllerMap.set(\n        videoItem.render_id,\n        new VideoMeshController(this.five, {\n            mediaManager: this.options?.mediaManager,\n          ...videoItem,\n          fiveUtil: this.fiveUtil,\n          panoIndex,\n          renderID,\n          hooks: this.hooks,\n          initialState: { enabled: this.enabled },\n        }),\n      )\n    })\n  }\n\n  /** 根据 VideoItem render_id 删除某个视频。 */\n  public removeByRenderID(id: string) {\n    if (this.disposed) return this.logWarning('插件已被销毁')\n    const controller = this.controllerMap.get(id)\n    if (!controller) return this.logWarning(`ID 为 ${id} 的点位视频不存在`)\n    controller.dispose()\n    this.controllerMap.delete(id)\n  }\n\n  /** 清空现有数据 */\n  public clear() {\n    if (this.disposed) return this.logWarning('插件已被销毁')\n    this.releaseControllers()\n  }\n\n  /** 销毁插件 */\n  public dispose() {\n    if (this.disposed) return\n    this._disposed = true\n    this.removeFiveDisposeListener()\n    this.releaseControllers()\n  }\n\n  private releaseControllers() {\n    const controllers = Array.from(this.controllerMap.values())\n    this.controllerMap.clear()\n    // Retire every video even if a material disposal listener throws.\n    const errors: unknown[] = []\n    for (const controller of controllers) {\n      try { controller.dispose() } catch (error) { errors.push(error) }\n    }\n    if (errors.length) throw errors[0]\n  }\n\n  /** 控制台打印警告 */\n  // TODO: 全局函数 curry 化\n  private logWarning(meg: string) {\n    console.warn(`⛔ ==> [PanoVideoPluginController]:`, meg)\n  }\n}\n","import type * as BasePlugin from '../base/BasePluginWithData'\nimport type { VideoMeshController } from './VideoMeshController'\n\n/** 单个视频元素 */\nexport interface VideoItem {\n  /** client render ID\n   * @remarks 为什么不用 id 作为唯一标识？\n   * - id 是后端生成的，而 render_id 是前端生成的，在编辑时为了保证在请求后端数据之前也能进行渲染，使用额外的 id 进行渲染。\n   * - 为了保证两端的数据一致性，插件里使用 render_id 作为唯一 ID。\n   */\n  render_id: string\n  /** 文件地址 */\n  url: string\n  /** 算法处理的视频 uv 信息\n   * @description [left, top, width, height]\n   */\n  origin: number[]\n}\n\n/** 点位视频元素 */\nexport interface PanoVideoItem {\n  /** client render ID */\n  render_id: string\n  /** 视频播放点位 */\n  pano_index: number\n  /** 视频列表 */\n  video_list: VideoItem[]\n}\n\n/** 点位视频模型参数 */\nexport interface VideoMeshParams {\n  /** client render ID */\n  renderID: string\n  /** video 文件地址 */\n  url: string\n  /** 算法处理的视频 uv 信息\n   * @description [left, top, width, height]\n   */\n  origin: number[]\n  /** 视频播放点位 */\n  panoIndex: number\n  /** 初始状态 */\n  initialState?: {\n    enabled?: boolean\n  }\n}\n\n/** 加载数据时的额外参数 */\nexport interface LoadParams {\n  initialState?: {\n    enabled?: boolean\n  }\n}\n\nexport interface PluginState {\n  enabled: boolean\n}\n\nexport interface PluginData {\n  list: PanoVideoItem[]\n}\n\nexport interface PluginEventMap extends BasePlugin.EventMap<PluginState, PluginData> {\n  /** 点位视频模型开启 */\n  enable: (params: { userAction: boolean }) => void\n  /** 点位视频模型关闭 */\n  disable: (params: { userAction: boolean }) => void\n  /** 点位视频被点击 */\n  click: (event: { target: VideoMeshController; preventDefault: () => void }) => void\n}\n","import type { PlaybackManager } from '../shared-utils/playback'\nimport type { FivePlugin } from '@realsee/five-webgpu'\nimport { PanoVideoPluginController } from './Controller'\nimport * as _PanoVideoPluginType from './typings'\n\n/** 点位视频播放插件\n * - 支持一次性加载多组数据。\n * - 走到点位上时播放视频（可能是多个）。\n * - 走出点位时销毁视频。\n * - 允许动态开启和禁用功能。\n * - 视频只能在全景模式且点位一致时才会播放。不满足条件会自动销毁。\n * - 不做多媒体缓存，缓解内存占用。\n */\nexport const PanoVideoPlugin: FivePlugin<{ mediaManager?: PlaybackManager } | undefined, PanoVideoPluginController> = (five, options) => {\n  return new PanoVideoPluginController(five, options)\n}\n\nexport { _PanoVideoPluginType as PanoVideoPluginType }\nexport type PanoVideoPluginParameterType = { mediaManager?: PlaybackManager } | undefined\nexport type PanoVideoPluginReturnType = InstanceType<typeof PanoVideoPluginController>\nexport default PanoVideoPlugin\n"],"mappings":"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"}