@realsee/dnalogel 3.81.9 → 3.81.10-alpha.1

package/libs/PanoTagPlugin/utils/model/mediaPlane.js

@@ -1,36 +1,36 @@
-var G = Object.defineProperty;
-var O = (M, l, e) => l in M ? G(M, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : M[l] = e;
-var a = (M, l, e) => (O(M, typeof l != "symbol" ? l + "" : l, e), e);
-var m = (M, l, e) => new Promise((t, i) => {
+var O = Object.defineProperty;
+var _ = (M, u, e) => u in M ? O(M, u, { enumerable: !0, configurable: !0, writable: !0, value: e }) : M[u] = e;
+var a = (M, u, e) => (_(M, typeof u != "symbol" ? u + "" : u, e), e);
+var l = (M, u, e) => new Promise((i, t) => {
   var s = (o) => {
     try {
       n(e.next(o));
-    } catch (d) {
-      i(d);
+    } catch (c) {
+      t(c);
     }
   }, r = (o) => {
     try {
       n(e.throw(o));
-    } catch (d) {
-      i(d);
+    } catch (c) {
+      t(c);
     }
-  }, n = (o) => o.done ? t(o.value) : Promise.resolve(o.value).then(s, r);
-  n((e = e.apply(M, l)).next());
+  }, n = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(s, r);
+  n((e = e.apply(M, u)).next());
 });
-import * as y from "three";
-import { Vector3 as b } from "three";
+import * as w from "three";
+import { Vector3 as F } from "three";
 import { centerPoint as I } from "../../../shared-utils/three/centerPoint.js";
-import { loadPicture as H } from "../../../shared-utils/three/loadTexture.js";
-import { QuadrangleGeometry as F, QuadrangleMesh as S } from "../../../shared-utils/three/Quadrangle.js";
-import { getVideoTexture as V } from "../../../shared-utils/three/loadVideoTexture.js";
-import { Image_Play_Icon_With_Text as B, Image_Play_Icon as E } from "../../Assets/Icon.js";
-import { getPositionsByObjectFit as g } from "../../../shared-utils/three/getPositionsByObjectFit.js";
-import { FragmentTransparencyMaterial as j } from "../../../shared-utils/three/FragmentTransparencyMaterial.js";
+import { loadPicture as E } from "../../../shared-utils/three/loadTexture.js";
+import { QuadrangleGeometry as C, QuadrangleMesh as x } from "../../../shared-utils/three/Quadrangle.js";
+import { getVideoTexture as k } from "../../../shared-utils/three/loadVideoTexture.js";
+import { Image_Play_Icon_With_Text as V, Image_Play_Icon as S } from "../../Assets/Icon.js";
+import { getPositionsByObjectFit as f } from "../../../shared-utils/three/getPositionsByObjectFit.js";
+import { FragmentTransparencyMaterial as B } from "../../../shared-utils/three/FragmentTransparencyMaterial.js";
 import { getNormal as P } from "../../../shared-utils/three/getNormal.js";
 import { CONST as T } from "../../../shared-utils/constants.js";
 import "../../../shared-utils/math/pointsIsRectangle.js";
 import "../../../shared-utils/device.js";
-class C extends y.Mesh {
+class G extends w.Mesh {
   constructor() {
     super(...arguments);
     a(this, "name", "MediaPlane");
@@ -39,15 +39,15 @@ class C extends y.Mesh {
   }
   /** 获取透明度 */
   get opacity() {
-    var e, t;
-    return (t = (e = this.material) == null ? void 0 : e.opacity) != null ? t : 1;
+    var e, i;
+    return (i = (e = this.material) == null ? void 0 : e.opacity) != null ? i : 1;
   }
   /** 设置透明度 (0-1) */
   set opacity(e) {
-    this.material && (this.material.opacity = e, this.material.transparent = e < 1, this.material.needsUpdate = !0), this.traverse((t) => {
-      if (t.isMesh && t !== this) {
-        const i = t;
-        i.material && (i.material.opacity = e, i.material.transparent = e < 1, i.material.needsUpdate = !0);
+    this.material && (this.material.opacity = e, this.material.transparent = e < 1, this.material.needsUpdate = !0), this.traverse((i) => {
+      if (i.isMesh && i !== this) {
+        const t = i;
+        t.material && (t.material.opacity = e, t.material.transparent = e < 1, t.material.needsUpdate = !0);
       }
     });
   }
@@ -58,67 +58,68 @@ class C extends y.Mesh {
   dispose() {
     this.traverse((e) => {
       if (e.isMesh) {
-        const t = e;
-        t.geometry.dispose(), (t.material instanceof Array ? t.material : [t.material]).forEach((s) => {
+        const i = e;
+        i.geometry.dispose(), (i.material instanceof Array ? i.material : [i.material]).forEach((s) => {
           s.dispose();
         });
       }
     });
   }
 }
-class J extends C {
-  constructor(e, t, i) {
-    var o, d;
+class J extends G {
+  constructor(e, i, t) {
+    var o, c;
     super();
     a(this, "name", "PanoTagPluginImagePlane");
     a(this, "originRatio");
     this.src = e;
-    const s = (o = i == null ? void 0 : i.resolveZFighting) != null ? o : !0, r = (d = i == null ? void 0 : i.opacity) != null ? d : 1;
-    let n = t;
+    const s = (o = t == null ? void 0 : t.resolveZFighting) != null ? o : !0, r = (c = t == null ? void 0 : t.opacity) != null ? c : 1;
+    let n = i;
     if (s) {
-      const h = P(t).multiplyScalar(T.Z_FIGHTING_OFFSET);
-      n = t.map((c) => c.clone().add(h));
+      const h = P(i).multiplyScalar(T.Z_FIGHTING_OFFSET);
+      n = i.map((d) => d.clone().add(h));
     }
-    H(e).then(({ texture: h, transparent: c }) => {
-      var x;
-      const v = new y.MeshBasicMaterial({
+    E(e).then(({ texture: h, transparent: d }) => {
+      var b;
+      const m = new w.MeshBasicMaterial({
         map: h,
-        transparent: c || r < 1,
+        transparent: d || r < 1,
         opacity: r,
-        side: y.DoubleSide
+        side: w.DoubleSide
       });
-      this.originRatio = h.image.width / h.image.height, this.objectFit = (x = i == null ? void 0 : i.objectFit) != null ? x : "contain";
-      const u = g(this.objectFit, n, h.image.width / h.image.height), p = I(...u), f = u.map((_) => _.clone().sub(p)), w = new F(f);
-      this.position.copy(p), this.geometry = w, this.material = v;
+      this.originRatio = h.image.width / h.image.height, this.objectFit = (b = t == null ? void 0 : t.objectFit) != null ? b : "contain";
+      const p = f(this.objectFit, n, h.image.width / h.image.height), v = I(...p), g = p.map((H) => H.clone().sub(v)), y = new C(g);
+      this.position.copy(v), this.geometry = y, this.material = m;
     }).catch((h) => {
       console.error(`Imageplane error: ${h == null ? void 0 : h.message}`);
     });
   }
   changePointsOrParams(e) {
-    const { cornerPoints: t, params: i = {} } = e, { objectFit: s = this.objectFit } = i;
-    let r = t;
-    const { resolveZFighting: n } = i != null ? i : {};
+    const { cornerPoints: i, params: t = {} } = e, { objectFit: s = this.objectFit } = t;
+    let r = i;
+    const { resolveZFighting: n } = t != null ? t : {};
     if (n) {
-      const v = P(t).multiplyScalar(T.Z_FIGHTING_OFFSET);
-      r = t.map((u) => u.clone().add(v));
+      const m = P(i).multiplyScalar(T.Z_FIGHTING_OFFSET);
+      r = i.map((p) => p.clone().add(m));
     }
-    const o = g(s != null ? s : "contain", r, this.originRatio), d = I(...o), h = o.map((v) => v.clone().sub(d)), c = new F(h);
-    this.objectFit = s != null ? s : "contain", this.position.copy(d), this.geometry = c;
+    const o = f(s != null ? s : "contain", r, this.originRatio), c = I(...o), h = o.map((m) => m.clone().sub(c)), d = new C(h);
+    this.objectFit = s != null ? s : "contain", this.position.copy(c), this.geometry = d;
   }
 }
-class K extends C {
+class K extends G {
   // eslint-disable-next-line max-params
-  constructor(e, t, i) {
+  constructor(e, i, t) {
+    var v;
     const {
       videoCoverSrc: s,
       objectFit: r = "contain",
       playButton: n = "withText",
       paused: o = !0,
-      videoTextureMap: d,
+      videoTextureMap: c,
       ImageTextureMap: h,
-      domEvents: c,
-      opacity: v = 1
-    } = i != null ? i : {};
+      domEvents: d,
+      opacity: m = 1
+    } = t != null ? t : {};
     super();
     a(this, "isVideoPlane", !0);
     a(this, "name", "PanoTagPluginImagePlane");
@@ -135,37 +136,79 @@ class K extends C {
     a(this, "videoTextureMap");
     a(this, "ImageTextureMap");
     a(this, "initialOpacity");
-    this.cornerPoints = t, this.src = e, this.initialOpacity = v, this.buttonSrc = (() => n === "withText" ? B : n === "withoutText" ? E : typeof n == "string" ? n : E)(), this.videoCoverSrc = s, this.objectFit = r, this.videoTextureMap = d, this.ImageTextureMap = h, this.domEvents = c, this.position.copy(I(...t)), this.videoCoverSrc && o ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => {
-      o ? this.addButtonMesh() : this.play(!0);
+    a(this, "playbackController");
+    a(this, "session");
+    a(this, "loadGeneration", 0);
+    a(this, "playbackDisposed", !1);
+    this.playbackController = (v = t == null ? void 0 : t.mediaManager) == null ? void 0 : v.createController({ label: "tag-video-plane", onCancel: () => this.stopOutput() }), this.cornerPoints = i, this.src = e, this.initialOpacity = m, this.buttonSrc = (() => n === "withText" ? V : n === "withoutText" ? S : typeof n == "string" ? n : S)(), this.videoCoverSrc = s, this.objectFit = r, this.videoTextureMap = c, this.ImageTextureMap = h, this.domEvents = d, this.position.copy(I(...i));
+    const p = this.loadGeneration;
+    this.videoCoverSrc && o ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => {
+      p !== this.loadGeneration || this.playbackDisposed || (o ? this.addButtonMesh() : this.play(!0));
     }), this.addEventListener("removed", () => {
-      this.remove(...this.children);
+      this.pause(), this.remove(...this.children);
     }), this.addEventListener("dispose", () => {
-      var u;
-      (u = this.disposers) == null || u.forEach((p) => p == null ? void 0 : p());
+      var g, y;
+      this.playbackDisposed = !0, (g = this.playbackController) == null || g.dispose(), this.stopOutput(), (y = this.disposers) == null || y.forEach((b) => b == null ? void 0 : b());
     });
   }
-  play(e = !1) {
-    return m(this, null, function* () {
-      this.videoMesh || (yield this.addVideoMesh()), this.showPlayUI(), this.videoInstance.paused && this.videoInstance.play().then(() => this.showPlayUI()).catch((t) => {
-        this.pause(), console.error("play error", t);
-      }), this.videoInstance.muted = e, this.render();
+  dispose() {
+    var e;
+    this.playbackDisposed = !0, (e = this.playbackController) == null || e.dispose(), this.stopOutput(), this.disposers.forEach((i) => i()), this.disposers = [], super.dispose();
+  }
+  setMediaManager(e) {
+    var i;
+    (i = this.playbackController) == null || i.dispose(), this.stopOutput(), this.playbackController = e == null ? void 0 : e.createController({ label: "tag-video-plane", onCancel: () => this.stopOutput() });
+  }
+  play(e = !1, i = !1) {
+    return l(this, null, function* () {
+      var n, o;
+      if (this.playbackDisposed)
+        return;
+      const t = (n = this.playbackController) == null ? void 0 : n.begin({ userAction: i, audible: !e });
+      if (this.playbackController && !t)
+        return;
+      this.session = t;
+      const s = ++this.loadGeneration, r = () => s === this.loadGeneration && !(t != null && t.signal.aborted);
+      try {
+        if (this.videoMesh || (yield this.addVideoMesh()), !r())
+          return;
+        const c = this.videoInstance, h = (o = t == null ? void 0 : t.bind(c)) != null ? o : c;
+        if (h.muted = e, yield h.play(), !r())
+          return;
+        this.showPlayUI(), this.render();
+      } catch (c) {
+        if (!r())
+          return;
+        if (c.name === "AbortError") {
+          this.pause();
+          return;
+        }
+        throw this.pause(), c;
+      }
     });
   }
   pause() {
-    this.videoInstance && (this.videoInstance.pause(), this.showPauseUI().then(() => this.render()));
+    var e;
+    (e = this.playbackController) == null || e.cancel(), this.stopOutput();
+  }
+  stopOutput() {
+    this.loadGeneration++, this.session = void 0, this.videoInstance && (this.videoInstance.muted = !0, this.videoInstance.pause(), this.showPauseUI().then(() => this.render()));
+  }
+  onDispose(e) {
+    this.disposers.push(e);
   }
   initialRenderHooks(e) {
-    const i = e(() => {
+    const t = e(() => {
       var s;
       this.videoMesh && ((s = this.videoInstance) == null ? void 0 : s.paused) === !1 && (this.videoMesh.needsRender = !0);
     });
-    this.disposers.push(() => i);
+    this.disposers.push(t);
   }
   showPlayUI() {
     this.coverMesh && (this.coverMesh.visible = !1), this.remove(this.buttonMesh), this.videoMesh.visible = !0;
   }
   showPauseUI() {
-    return m(this, null, function* () {
+    return l(this, null, function* () {
       this.coverMesh ? (this.coverMesh.visible = !0, this.videoMesh && (this.videoMesh.visible = !1)) : (yield this.addCoverMesh(), this.coverMesh && (this.videoMesh.visible = !1)), this.addButtonMesh().then(() => this.render());
     });
   }
@@ -174,21 +217,21 @@ class K extends C {
     this.videoMesh && (this.videoMesh.needsRender = !0), this.coverMesh && (this.coverMesh.needsRender = !0), this.buttonMesh && (this.buttonMesh.needsRender = !0), this.videoMesh && ((e = this.videoInstance) == null ? void 0 : e.paused) === !1 && (this.videoMesh.needsRender = !0);
   }
   addCoverMesh() {
-    return m(this, null, function* () {
+    return l(this, null, function* () {
       if (this.children.includes(this.coverMesh))
         return;
-      const e = yield (() => m(this, null, function* () {
+      const e = yield (() => l(this, null, function* () {
         if (this.coverMesh)
           return this.coverMesh;
         if (!this.videoCoverSrc)
           return;
-        const { texture: t, transparent: i } = yield this.getImageTexture(this.videoCoverSrc), s = new y.MeshBasicMaterial({
-          transparent: i || this.initialOpacity < 1,
+        const { texture: i, transparent: t } = yield this.getImageTexture(this.videoCoverSrc), s = new w.MeshBasicMaterial({
+          transparent: t || this.initialOpacity < 1,
           opacity: this.initialOpacity,
-          map: t,
-          side: y.DoubleSide
-        }), r = g(this.objectFit, this.cornerPoints, t.image.width / t.image.height), n = new S(r, s);
-        n.position.copy(new b(0, 0, 0)), n.name = "videoCoverMesh";
+          map: i,
+          side: w.DoubleSide
+        }), r = f(this.objectFit, this.cornerPoints, i.image.width / i.image.height), n = new x(r, s);
+        n.position.copy(new F(0, 0, 0)), n.name = "videoCoverMesh";
         const o = P(r).multiplyScalar(T.Z_FIGHTING_OFFSET);
         return n.position.add(o), n;
       }))();
@@ -196,29 +239,29 @@ class K extends C {
     });
   }
   addVideoMesh() {
-    return m(this, null, function* () {
-      var i;
+    return l(this, null, function* () {
+      var t;
       if (this.children.includes(this.videoMesh))
         return;
-      const e = yield (() => m(this, null, function* () {
+      const e = yield (() => l(this, null, function* () {
         if (this.videoMesh)
           return this.videoMesh;
         if (!this.src)
           return;
-        const s = this.getVideoTexture(this.src), r = new y.MeshBasicMaterial({
+        const s = this.getVideoTexture(this.src), r = new w.MeshBasicMaterial({
           transparent: this.initialOpacity < 1,
           opacity: this.initialOpacity,
           map: s,
-          side: y.DoubleSide
+          side: w.DoubleSide
         }), n = yield new Promise((h) => {
-          s.metadataLoaded ? h(g(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight)) : s.addEventListener(
+          s.metadataLoaded ? h(f(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight)) : s.addEventListener(
             "videoLoaded",
-            () => h(g(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight))
+            () => h(f(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight))
           );
-        }), o = new S(n, r);
-        o.name = "videoMesh", o.position.copy(new b(0, 0, 0));
-        const d = P(n).multiplyScalar(T.Z_FIGHTING_OFFSET);
-        return o.position.add(d), o;
+        }), o = new x(n, r);
+        o.name = "videoMesh", o.position.copy(new F(0, 0, 0));
+        const c = P(n).multiplyScalar(T.Z_FIGHTING_OFFSET);
+        return o.position.add(c), o;
       }))();
       if (!e)
         return;
@@ -227,100 +270,100 @@ class K extends C {
         "click",
         () => {
           var s;
-          !this.videoInstance.paused && ((s = this.videoInstance) != null && s.muted) ? this.videoInstance.muted = !1 : this.pause();
+          !this.videoInstance.paused && ((s = this.videoInstance) != null && s.muted) ? this.play(!1, !0) : this.pause();
         },
         { noEmitWhenHide: !0 }
       );
-      const t = e.material.map.image;
-      return (i = this.onVideoReady) == null || i.call(this, t), t.addEventListener("playing", () => {
+      const i = e.material.map.image;
+      return (t = this.onVideoReady) == null || t.call(this, i), i.addEventListener("playing", () => {
         this.coverMesh || this.remove(this.buttonMesh), this.render();
-      }), t.addEventListener("pause", () => {
+      }), i.addEventListener("pause", () => {
         this.videoInstance.paused && (this.showPauseUI(), this.render());
-      }), this.children.includes(this.videoMesh) || (this.add(e), this.videoMesh = e, this.videoInstance = t), e;
+      }), this.children.includes(this.videoMesh) || (this.add(e), this.videoMesh = e, this.videoInstance = i), e;
     });
   }
   addButtonMesh() {
-    return m(this, null, function* () {
+    return l(this, null, function* () {
       if (this.children.includes(this.buttonMesh))
         return;
-      const e = yield (() => m(this, null, function* () {
-        var u, p, f, w;
+      const e = yield (() => l(this, null, function* () {
+        var p, v, g, y;
         if (this.buttonMesh)
           return this.buttonMesh;
-        const t = (p = (u = this.videoMesh) == null ? void 0 : u.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? p : 1 / 0, i = (w = (f = this.coverMesh) == null ? void 0 : f.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? w : 1 / 0, s = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), n = Math.min(t, i, s) / s * 0.3, { texture: o, transparent: d } = yield this.getImageTexture(this.buttonSrc), h = g("contain", this.cornerPoints, o.image.width / o.image.height), c = new S(h, new j(o));
-        c.position.copy(new b(0, 0, 0)), c.name = "buttonMesh", c.scale.set(n, n, n), c.material.side = y.DoubleSide, this.domEvents.addAutoBindEventListener(
-          c,
+        const i = (v = (p = this.videoMesh) == null ? void 0 : p.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? v : 1 / 0, t = (y = (g = this.coverMesh) == null ? void 0 : g.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? y : 1 / 0, s = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), n = Math.min(i, t, s) / s * 0.3, { texture: o, transparent: c } = yield this.getImageTexture(this.buttonSrc), h = f("contain", this.cornerPoints, o.image.width / o.image.height), d = new x(h, new B(o));
+        d.position.copy(new F(0, 0, 0)), d.name = "buttonMesh", d.scale.set(n, n, n), d.material.side = w.DoubleSide, this.domEvents.addAutoBindEventListener(
+          d,
           "click",
           () => {
-            this.play();
+            this.play(!1, !0);
           },
           { noEmitWhenHide: !0 }
         );
-        const v = P(h).multiplyScalar(T.Z_FIGHTING_OFFSET * 2);
-        return c.position.add(v), c;
+        const m = P(h).multiplyScalar(T.Z_FIGHTING_OFFSET * 2);
+        return d.position.add(m), d;
       }))();
       return this.children.includes(this.buttonMesh) || (this.add(e), this.buttonMesh = e), e;
     });
   }
   getImageTexture(e) {
-    return m(this, null, function* () {
-      var i, s;
-      if ((i = this.ImageTextureMap) != null && i.has(e))
+    return l(this, null, function* () {
+      var t, s;
+      if ((t = this.ImageTextureMap) != null && t.has(e))
         return this.ImageTextureMap.get(e);
-      const t = yield H(e);
-      return (s = this.ImageTextureMap) == null || s.set(e, t), t;
+      const i = yield E(e);
+      return (s = this.ImageTextureMap) == null || s.set(e, i), i;
     });
   }
   getVideoTexture(e) {
-    var i, s;
-    if ((i = this.videoTextureMap) != null && i.has(e))
+    var t, s;
+    if ((t = this.videoTextureMap) != null && t.has(e))
       return this.videoTextureMap.get(e);
-    const t = V(e);
-    return (s = this.videoTextureMap) == null || s.set(e, t), t;
+    const i = k(e);
+    return (s = this.videoTextureMap) == null || s.set(e, i), i;
   }
   changePointsOrParams(e) {
-    return m(this, null, function* () {
-      const { cornerPoints: t, params: i } = e;
-      t && (this.cornerPoints = t, this.position.copy(I(...t))), i != null && i.objectFit && (this.objectFit = i.objectFit), yield this.updateAllMeshes();
+    return l(this, null, function* () {
+      const { cornerPoints: i, params: t } = e;
+      i && (this.cornerPoints = i, this.position.copy(I(...i))), t != null && t.objectFit && (this.objectFit = t.objectFit), yield this.updateAllMeshes();
     });
   }
   updateAllMeshes() {
-    return m(this, null, function* () {
+    return l(this, null, function* () {
       this.videoMesh && (yield this.updateVideoMesh()), this.coverMesh && (yield this.updateCoverMesh()), this.buttonMesh && (yield this.updateButtonMesh()), this.render();
     });
   }
   updateVideoMesh() {
-    return m(this, null, function* () {
+    return l(this, null, function* () {
       if (!this.videoMesh || !this.src)
         return;
-      const e = this.getVideoTexture(this.src), t = yield new Promise((o) => {
-        e.metadataLoaded ? o(g(this.objectFit, this.cornerPoints, e.image.videoWidth / e.image.videoHeight)) : e.addEventListener(
+      const e = this.getVideoTexture(this.src), i = yield new Promise((o) => {
+        e.metadataLoaded ? o(f(this.objectFit, this.cornerPoints, e.image.videoWidth / e.image.videoHeight)) : e.addEventListener(
           "videoLoaded",
-          () => o(g(this.objectFit, this.cornerPoints, e.image.videoWidth / e.image.videoHeight))
+          () => o(f(this.objectFit, this.cornerPoints, e.image.videoWidth / e.image.videoHeight))
         );
-      }), i = I(...t), s = t.map((o) => o.clone().sub(i)), r = new F(s);
-      this.videoMesh.geometry.dispose(), this.videoMesh.geometry = r, this.videoMesh.position.copy(new b(0, 0, 0));
-      const n = P(t).multiplyScalar(T.Z_FIGHTING_OFFSET);
+      }), t = I(...i), s = i.map((o) => o.clone().sub(t)), r = new C(s);
+      this.videoMesh.geometry.dispose(), this.videoMesh.geometry = r, this.videoMesh.position.copy(new F(0, 0, 0));
+      const n = P(i).multiplyScalar(T.Z_FIGHTING_OFFSET);
       this.videoMesh.position.add(n);
     });
   }
   updateCoverMesh() {
-    return m(this, null, function* () {
+    return l(this, null, function* () {
       if (!this.coverMesh || !this.videoCoverSrc)
         return;
-      const { texture: e } = yield this.getImageTexture(this.videoCoverSrc), t = g(this.objectFit, this.cornerPoints, e.image.width / e.image.height), i = I(...t), s = t.map((n) => n.clone().sub(i)), r = new F(s);
-      this.coverMesh.geometry.dispose(), this.coverMesh.geometry = r, this.coverMesh.position.copy(new b(0, 0, 0));
+      const { texture: e } = yield this.getImageTexture(this.videoCoverSrc), i = f(this.objectFit, this.cornerPoints, e.image.width / e.image.height), t = I(...i), s = i.map((n) => n.clone().sub(t)), r = new C(s);
+      this.coverMesh.geometry.dispose(), this.coverMesh.geometry = r, this.coverMesh.position.copy(new F(0, 0, 0));
     });
   }
   updateButtonMesh() {
-    return m(this, null, function* () {
-      var u, p, f, w;
+    return l(this, null, function* () {
+      var p, v, g, y;
       if (!this.buttonMesh)
         return;
-      const { texture: e } = yield this.getImageTexture(this.buttonSrc), t = g("contain", this.cornerPoints, e.image.width / e.image.height), i = I(...t), s = t.map((x) => x.clone().sub(i)), r = new F(s), n = (p = (u = this.videoMesh) == null ? void 0 : u.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? p : 1 / 0, o = (w = (f = this.coverMesh) == null ? void 0 : f.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? w : 1 / 0, d = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), c = Math.min(n, o, d) / d * 0.3;
-      this.buttonMesh.geometry.dispose(), this.buttonMesh.geometry = r, this.buttonMesh.position.copy(new b(0, 0, 0)), this.buttonMesh.scale.set(c, c, c);
-      const v = P(t).multiplyScalar(T.Z_FIGHTING_OFFSET * 2);
-      this.buttonMesh.position.add(v);
+      const { texture: e } = yield this.getImageTexture(this.buttonSrc), i = f("contain", this.cornerPoints, e.image.width / e.image.height), t = I(...i), s = i.map((b) => b.clone().sub(t)), r = new C(s), n = (v = (p = this.videoMesh) == null ? void 0 : p.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? v : 1 / 0, o = (y = (g = this.coverMesh) == null ? void 0 : g.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? y : 1 / 0, c = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), d = Math.min(n, o, c) / c * 0.3;
+      this.buttonMesh.geometry.dispose(), this.buttonMesh.geometry = r, this.buttonMesh.position.copy(new F(0, 0, 0)), this.buttonMesh.scale.set(d, d, d);
+      const m = P(i).multiplyScalar(T.Z_FIGHTING_OFFSET * 2);
+      this.buttonMesh.position.add(m);
     });
   }
 }

package/libs/PanoVideoPlugin/Controller.d.ts

@@ -1,8 +1,10 @@
+import type { PlaybackManager } from '../shared-utils/playback';
 import type { Five } from '@realsee/five';
 import type { LoadParams, PluginEventMap, PluginState, PluginData, VideoItem } from './typings';
 import { VideoMeshController } from './VideoMeshController';
 import * as BasePlugin from '../base/BasePlugin';
 export declare class PanoVideoPluginController extends BasePlugin.Controller<PluginState, PluginEventMap> {
+    private options?;
     /** 插件 State */
     get state(): {
         enabled: boolean;
@@ -13,7 +15,9 @@ export declare class PanoVideoPluginController extends BasePlugin.Controller<Plu
     data?: PluginData;
     private enabled;
     private _disposed;
-    constructor(five: Five);
+    constructor(five: Five, options?: {
+        mediaManager?: PlaybackManager;
+    });
     /** 加载点位视频数据，加载数据并不代表会加载点位视频。 */
     load(data: PluginData, params?: LoadParams): void;
     /** 开启插件功能。 */
@@ -41,7 +45,7 @@ export declare class PanoVideoPluginController extends BasePlugin.Controller<Plu
      * }}
      * ```
      */
-    unmuteByRenderID(id: string): void;
+    unmuteByRenderID(id: string, userAction?: boolean): void;
     /** 为一个点位添加视频（可以是多条）。 */
     add(panoIndex: number, videoItems: VideoItem[]): void;
     /** 根据 VideoItem render_id 删除某个视频。 */