@realsee/dnalogel 3.81.10-alpha.0 → 3.81.10-alpha.2

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

@@ -1,37 +1,36 @@
 var O = Object.defineProperty;
-var G = (g, m, e) => m in g ? O(g, m, { enumerable: !0, configurable: !0, writable: !0, value: e }) : g[m] = e;
-var a = (g, m, e) => (G(g, typeof m != "symbol" ? m + "" : m, e), e);
-var u = (g, m, e) => new Promise((i, t) => {
+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) {
-      t(d);
+    } catch (c) {
+      t(c);
     }
-  }, h = (o) => {
+  }, r = (o) => {
     try {
       n(e.throw(o));
-    } catch (d) {
-      t(d);
+    } catch (c) {
+      t(c);
     }
-  }, n = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(s, h);
-  n((e = e.apply(g, m)).next());
+  }, n = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(s, r);
+  n((e = e.apply(M, u)).next());
 });
-import { AudioTask as k } from "../../../shared-utils/audioFocus.js";
-import * as f from "three";
-import { Vector3 as P } from "three";
-import { centerPoint as T } 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 y } from "../../../shared-utils/three/getPositionsByObjectFit.js";
-import { FragmentTransparencyMaterial as j } from "../../../shared-utils/three/FragmentTransparencyMaterial.js";
-import { getNormal as I } from "../../../shared-utils/three/getNormal.js";
-import { CONST as b } from "../../../shared-utils/constants.js";
+import * as w from "three";
+import { Vector3 as F } from "three";
+import { centerPoint as I } from "../../../shared-utils/three/centerPoint.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 f.Mesh {
+class G extends w.Mesh {
   constructor() {
     super(...arguments);
     a(this, "name", "MediaPlane");
@@ -67,58 +66,59 @@ class C extends f.Mesh {
     });
   }
 }
-class X extends C {
+class J extends G {
   constructor(e, i, t) {
-    var o, d;
+    var o, c;
     super();
     a(this, "name", "PanoTagPluginImagePlane");
     a(this, "originRatio");
     this.src = e;
-    const s = (o = t == null ? void 0 : t.resolveZFighting) != null ? o : !0, h = (d = t == null ? void 0 : t.opacity) != null ? d : 1;
+    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 r = I(i).multiplyScalar(b.Z_FIGHTING_OFFSET);
-      n = i.map((c) => c.clone().add(r));
+      const h = P(i).multiplyScalar(T.Z_FIGHTING_OFFSET);
+      n = i.map((d) => d.clone().add(h));
     }
-    H(e).then(({ texture: r, transparent: c }) => {
-      var x;
-      const p = new f.MeshBasicMaterial({
-        map: r,
-        transparent: c || h < 1,
-        opacity: h,
-        side: f.DoubleSide
+    E(e).then(({ texture: h, transparent: d }) => {
+      var b;
+      const m = new w.MeshBasicMaterial({
+        map: h,
+        transparent: d || r < 1,
+        opacity: r,
+        side: w.DoubleSide
       });
-      this.originRatio = r.image.width / r.image.height, this.objectFit = (x = t == null ? void 0 : t.objectFit) != null ? x : "contain";
-      const l = y(this.objectFit, n, r.image.width / r.image.height), v = T(...l), M = l.map((_) => _.clone().sub(v)), w = new F(M);
-      this.position.copy(v), this.geometry = w, this.material = p;
-    }).catch((r) => {
-      console.error(`Imageplane error: ${r == null ? void 0 : r.message}`);
+      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: i, params: t = {} } = e, { objectFit: s = this.objectFit } = t;
-    let h = i;
+    let r = i;
     const { resolveZFighting: n } = t != null ? t : {};
     if (n) {
-      const p = I(i).multiplyScalar(b.Z_FIGHTING_OFFSET);
-      h = i.map((l) => l.clone().add(p));
+      const m = P(i).multiplyScalar(T.Z_FIGHTING_OFFSET);
+      r = i.map((p) => p.clone().add(m));
     }
-    const o = y(s != null ? s : "contain", h, this.originRatio), d = T(...o), r = o.map((p) => p.clone().sub(d)), c = new F(r);
-    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 Y extends C {
+class K extends G {
   // eslint-disable-next-line max-params
   constructor(e, i, t) {
+    var v;
     const {
       videoCoverSrc: s,
-      objectFit: h = "contain",
+      objectFit: r = "contain",
       playButton: n = "withText",
       paused: o = !0,
-      videoTextureMap: d,
-      ImageTextureMap: r,
-      domEvents: c,
-      opacity: p = 1
+      videoTextureMap: c,
+      ImageTextureMap: h,
+      domEvents: d,
+      opacity: m = 1
     } = t != null ? t : {};
     super();
     a(this, "isVideoPlane", !0);
@@ -136,47 +136,63 @@ class Y extends C {
     a(this, "videoTextureMap");
     a(this, "ImageTextureMap");
     a(this, "initialOpacity");
-    a(this, "audioTask");
-    this.audioTask = new k(t == null ? void 0 : t.audioFocus, "tag-video-plane", () => this.stopOutput()), this.cornerPoints = i, this.src = e, this.initialOpacity = p, this.buttonSrc = (() => n === "withText" ? B : n === "withoutText" ? E : typeof n == "string" ? n : E)(), this.videoCoverSrc = s, this.objectFit = h, this.videoTextureMap = d, this.ImageTextureMap = r, this.domEvents = c, this.position.copy(T(...i));
-    const l = this.audioTask.beginSilent();
+    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(() => {
-      l() && (o ? this.addButtonMesh() : this.play(!0));
+      p !== this.loadGeneration || this.playbackDisposed || (o ? this.addButtonMesh() : this.play(!0));
     }), this.addEventListener("removed", () => {
-      this.audioTask.cancel(), this.remove(...this.children);
+      this.pause(), this.remove(...this.children);
     }), this.addEventListener("dispose", () => {
-      var v;
-      this.audioTask.dispose(), (v = this.disposers) == null || v.forEach((M) => M == null ? void 0 : M());
+      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());
     });
   }
   dispose() {
-    this.audioTask.dispose(), this.disposers.forEach((e) => e()), this.disposers = [], super.dispose();
+    var e;
+    this.playbackDisposed = !0, (e = this.playbackController) == null || e.dispose(), this.stopOutput(), this.disposers.forEach((i) => i()), this.disposers = [], super.dispose();
   }
-  setAudioFocus(e) {
-    this.audioTask.setHost(e);
+  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 = "auto") {
-    return u(this, null, function* () {
-      const t = e ? this.audioTask.beginSilent() : this.audioTask.begin(i);
-      if (!t || (this.videoMesh || (yield this.addVideoMesh()), !t()))
+  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;
-      const s = this.videoInstance;
-      s.muted = e;
+      this.session = t;
+      const s = ++this.loadGeneration, r = () => s === this.loadGeneration && !(t != null && t.signal.aborted);
       try {
-        if (yield s.play(), !t())
+        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 (h) {
-        if (!t())
+      } catch (c) {
+        if (!r())
           return;
-        throw this.pause(), h;
+        if (c.name === "AbortError") {
+          this.pause();
+          return;
+        }
+        throw this.pause(), c;
       }
     });
   }
   pause() {
-    this.audioTask.cancel();
+    var e;
+    (e = this.playbackController) == null || e.cancel(), this.stopOutput();
   }
   stopOutput() {
-    this.videoInstance && (this.videoInstance.muted = !0, this.videoInstance.pause(), this.showPauseUI().then(() => this.render()));
+    this.loadGeneration++, this.session = void 0, this.videoInstance && (this.playbackController || (this.videoInstance.muted = !0, this.videoInstance.pause()), this.showPauseUI().then(() => this.render()));
   }
   onDispose(e) {
     this.disposers.push(e);
@@ -192,7 +208,7 @@ class Y extends C {
     this.coverMesh && (this.coverMesh.visible = !1), this.remove(this.buttonMesh), this.videoMesh.visible = !0;
   }
   showPauseUI() {
-    return u(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());
     });
   }
@@ -201,51 +217,51 @@ class Y 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 u(this, null, function* () {
+    return l(this, null, function* () {
       if (this.children.includes(this.coverMesh))
         return;
-      const e = yield (() => u(this, null, function* () {
+      const e = yield (() => l(this, null, function* () {
         if (this.coverMesh)
           return this.coverMesh;
         if (!this.videoCoverSrc)
           return;
-        const { texture: i, transparent: t } = yield this.getImageTexture(this.videoCoverSrc), s = new f.MeshBasicMaterial({
+        const { texture: i, transparent: t } = yield this.getImageTexture(this.videoCoverSrc), s = new w.MeshBasicMaterial({
           transparent: t || this.initialOpacity < 1,
           opacity: this.initialOpacity,
           map: i,
-          side: f.DoubleSide
-        }), h = y(this.objectFit, this.cornerPoints, i.image.width / i.image.height), n = new S(h, s);
-        n.position.copy(new P(0, 0, 0)), n.name = "videoCoverMesh";
-        const o = I(h).multiplyScalar(b.Z_FIGHTING_OFFSET);
+          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;
       }))();
       return e && (this.children.includes(this.coverMesh) || (this.add(e), this.coverMesh = e)), e;
     });
   }
   addVideoMesh() {
-    return u(this, null, function* () {
+    return l(this, null, function* () {
       var t;
       if (this.children.includes(this.videoMesh))
         return;
-      const e = yield (() => u(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), h = new f.MeshBasicMaterial({
+        const s = this.getVideoTexture(this.src), r = new w.MeshBasicMaterial({
           transparent: this.initialOpacity < 1,
           opacity: this.initialOpacity,
           map: s,
-          side: f.DoubleSide
-        }), n = yield new Promise((r) => {
-          s.metadataLoaded ? r(y(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight)) : s.addEventListener(
+          side: w.DoubleSide
+        }), n = yield new Promise((h) => {
+          s.metadataLoaded ? h(f(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight)) : s.addEventListener(
             "videoLoaded",
-            () => r(y(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, h);
-        o.name = "videoMesh", o.position.copy(new P(0, 0, 0));
-        const d = I(n).multiplyScalar(b.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;
@@ -254,47 +270,47 @@ class Y extends C {
         "click",
         () => {
           var s;
-          !this.videoInstance.paused && ((s = this.videoInstance) != null && s.muted) ? this.play(!1, "user") : this.pause();
+          !this.videoInstance.paused && ((s = this.videoInstance) != null && s.muted) ? this.play(!1, !0) : this.pause();
         },
         { noEmitWhenHide: !0 }
       );
       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();
+        this.playbackController && (!this.session || this.session.signal.aborted) || (this.coverMesh || this.remove(this.buttonMesh), this.render());
       }), i.addEventListener("pause", () => {
         this.videoInstance.paused && (this.showPauseUI(), this.render());
       }), this.children.includes(this.videoMesh) || (this.add(e), this.videoMesh = e, this.videoInstance = i), e;
     });
   }
   addButtonMesh() {
-    return u(this, null, function* () {
+    return l(this, null, function* () {
       if (this.children.includes(this.buttonMesh))
         return;
-      const e = yield (() => u(this, null, function* () {
-        var l, v, M, w;
+      const e = yield (() => l(this, null, function* () {
+        var p, v, g, y;
         if (this.buttonMesh)
           return this.buttonMesh;
-        const i = (v = (l = this.videoMesh) == null ? void 0 : l.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? v : 1 / 0, t = (w = (M = this.coverMesh) == null ? void 0 : M.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? w : 1 / 0, s = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), n = Math.min(i, t, s) / s * 0.3, { texture: o, transparent: d } = yield this.getImageTexture(this.buttonSrc), r = y("contain", this.cornerPoints, o.image.width / o.image.height), c = new S(r, new j(o));
-        c.position.copy(new P(0, 0, 0)), c.name = "buttonMesh", c.scale.set(n, n, n), c.material.side = f.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(!1, "user");
+            this.play(!1, !0);
           },
           { noEmitWhenHide: !0 }
         );
-        const p = I(r).multiplyScalar(b.Z_FIGHTING_OFFSET * 2);
-        return c.position.add(p), 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 u(this, null, function* () {
+    return l(this, null, function* () {
       var t, s;
       if ((t = this.ImageTextureMap) != null && t.has(e))
         return this.ImageTextureMap.get(e);
-      const i = yield H(e);
+      const i = yield E(e);
       return (s = this.ImageTextureMap) == null || s.set(e, i), i;
     });
   }
@@ -302,56 +318,56 @@ class Y extends C {
     var t, s;
     if ((t = this.videoTextureMap) != null && t.has(e))
       return this.videoTextureMap.get(e);
-    const i = V(e);
+    const i = k(e);
     return (s = this.videoTextureMap) == null || s.set(e, i), i;
   }
   changePointsOrParams(e) {
-    return u(this, null, function* () {
+    return l(this, null, function* () {
       const { cornerPoints: i, params: t } = e;
-      i && (this.cornerPoints = i, this.position.copy(T(...i))), t != null && t.objectFit && (this.objectFit = t.objectFit), yield this.updateAllMeshes();
+      i && (this.cornerPoints = i, this.position.copy(I(...i))), t != null && t.objectFit && (this.objectFit = t.objectFit), yield this.updateAllMeshes();
     });
   }
   updateAllMeshes() {
-    return u(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 u(this, null, function* () {
+    return l(this, null, function* () {
       if (!this.videoMesh || !this.src)
         return;
       const e = this.getVideoTexture(this.src), i = yield new Promise((o) => {
-        e.metadataLoaded ? o(y(this.objectFit, this.cornerPoints, e.image.videoWidth / e.image.videoHeight)) : e.addEventListener(
+        e.metadataLoaded ? o(f(this.objectFit, this.cornerPoints, e.image.videoWidth / e.image.videoHeight)) : e.addEventListener(
           "videoLoaded",
-          () => o(y(this.objectFit, this.cornerPoints, e.image.videoWidth / e.image.videoHeight))
+          () => o(f(this.objectFit, this.cornerPoints, e.image.videoWidth / e.image.videoHeight))
         );
-      }), t = T(...i), s = i.map((o) => o.clone().sub(t)), h = new F(s);
-      this.videoMesh.geometry.dispose(), this.videoMesh.geometry = h, this.videoMesh.position.copy(new P(0, 0, 0));
-      const n = I(i).multiplyScalar(b.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 u(this, null, function* () {
+    return l(this, null, function* () {
       if (!this.coverMesh || !this.videoCoverSrc)
         return;
-      const { texture: e } = yield this.getImageTexture(this.videoCoverSrc), i = y(this.objectFit, this.cornerPoints, e.image.width / e.image.height), t = T(...i), s = i.map((n) => n.clone().sub(t)), h = new F(s);
-      this.coverMesh.geometry.dispose(), this.coverMesh.geometry = h, this.coverMesh.position.copy(new P(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 u(this, null, function* () {
-      var l, v, M, w;
+    return l(this, null, function* () {
+      var p, v, g, y;
       if (!this.buttonMesh)
         return;
-      const { texture: e } = yield this.getImageTexture(this.buttonSrc), i = y("contain", this.cornerPoints, e.image.width / e.image.height), t = T(...i), s = i.map((x) => x.clone().sub(t)), h = new F(s), n = (v = (l = this.videoMesh) == null ? void 0 : l.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? v : 1 / 0, o = (w = (M = this.coverMesh) == null ? void 0 : M.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 = h, this.buttonMesh.position.copy(new P(0, 0, 0)), this.buttonMesh.scale.set(c, c, c);
-      const p = I(i).multiplyScalar(b.Z_FIGHTING_OFFSET * 2);
-      this.buttonMesh.position.add(p);
+      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);
     });
   }
 }
 export {
-  X as ImagePlane,
-  Y as VideoPlane
+  J as ImagePlane,
+  K as VideoPlane
 };

package/libs/PanoVideoPlugin/Controller.d.ts

@@ -1,4 +1,4 @@
-import type { AudioFocusHost, AudioIntent } from '../shared-utils/audioFocus';
+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';
@@ -16,7 +16,7 @@ export declare class PanoVideoPluginController extends BasePlugin.Controller<Plu
     private enabled;
     private _disposed;
     constructor(five: Five, options?: {
-        audioFocus?: AudioFocusHost;
+        mediaManager?: PlaybackManager;
     });
     /** 加载点位视频数据，加载数据并不代表会加载点位视频。 */
     load(data: PluginData, params?: LoadParams): void;
@@ -45,7 +45,7 @@ export declare class PanoVideoPluginController extends BasePlugin.Controller<Plu
      * }}
      * ```
      */
-    unmuteByRenderID(id: string, intent?: AudioIntent): void;
+    unmuteByRenderID(id: string, userAction?: boolean): void;
     /** 为一个点位添加视频（可以是多条）。 */
     add(panoIndex: number, videoItems: VideoItem[]): void;
     /** 根据 VideoItem render_id 删除某个视频。 */

package/libs/PanoVideoPlugin/Controller.js

@@ -1,19 +1,18 @@
-var g = Object.defineProperty, b = Object.defineProperties;
+var u = Object.defineProperty, b = Object.defineProperties;
 var M = Object.getOwnPropertyDescriptors;
-var u = Object.getOwnPropertySymbols;
+var c = Object.getOwnPropertySymbols;
 var W = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
-var p = (e, r, t) => r in e ? g(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, a = (e, r) => {
+var p = (e, r, t) => r in e ? u(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, a = (e, r) => {
   for (var t in r || (r = {}))
     W.call(r, t) && p(e, t, r[t]);
-  if (u)
-    for (var t of u(r))
+  if (c)
+    for (var t of c(r))
       _.call(r, t) && p(e, t, r[t]);
   return e;
-}, d = (e, r) => b(e, M(r));
-var n = (e, r, t) => (p(e, typeof r != "symbol" ? r + "" : r, t), t);
-import { VideoMeshController as c } from "./VideoMeshController.js";
+}, m = (e, r) => b(e, M(r));
+var s = (e, r, t) => (p(e, typeof r != "symbol" ? r + "" : r, t), t);
+import { VideoMeshController as f } from "./VideoMeshController.js";
 import { Controller as A } from "../base/BasePlugin.js";
-import "../shared-utils/audioFocus.js";
 import "./utils/shader.js";
 import "../shared-utils/tag.js";
 import "../shared-utils/positionToVector3.js";
@@ -86,13 +85,13 @@ import "../shared-utils/three/filterVisibleIntersections.js";
 import "../shared-utils/animationFrame/index.js";
 import "./utils/index.js";
 import "../shared-utils/url/defaultUrls.js";
-class Ht extends A {
+class Gt extends A {
   constructor(t, i) {
     super(t);
-    n(this, "controllerMap", /* @__PURE__ */ new Map());
-    n(this, "data");
-    n(this, "enabled", !0);
-    n(this, "_disposed", !1);
+    s(this, "controllerMap", /* @__PURE__ */ new Map());
+    s(this, "data");
+    s(this, "enabled", !0);
+    s(this, "_disposed", !1);
     this.options = i;
   }
   /** 插件 State */
@@ -110,18 +109,18 @@ class Ht extends A {
     var o;
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    typeof ((o = i == null ? void 0 : i.initialState) == null ? void 0 : o.enabled) != "undefined" && i.initialState.enabled !== this.enabled && (i.initialState.enabled ? this.enable() : this.disable()), t.list.forEach((s) => {
-      const l = s.pano_index, f = s.render_id;
-      s.video_list.forEach((h) => {
-        var m;
+    typeof ((o = i == null ? void 0 : i.initialState) == null ? void 0 : o.enabled) != "undefined" && i.initialState.enabled !== this.enabled && (i.initialState.enabled ? this.enable() : this.disable()), t.list.forEach((n) => {
+      const l = n.pano_index, g = n.render_id;
+      n.video_list.forEach((d) => {
+        var h;
         this.controllerMap.set(
-          h.render_id,
-          new c(this.five, d(a({
-            audioFocus: (m = this.options) == null ? void 0 : m.audioFocus
-          }, h), {
+          d.render_id,
+          new f(this.five, m(a({
+            mediaManager: (h = this.options) == null ? void 0 : h.mediaManager
+          }, d), {
             fiveUtil: this.fiveUtil,
             panoIndex: l,
-            renderID: f,
+            renderID: g,
             hooks: this.hooks,
             initialState: { enabled: this.enabled }
           }))
@@ -136,7 +135,7 @@ class Ht extends A {
       return this.logWarning("插件已被销毁");
     if (this.enabled)
       return;
-    this.enabled = !0, Array.from(this.controllerMap.values()).forEach((s) => s.enable());
+    this.enabled = !0, Array.from(this.controllerMap.values()).forEach((n) => n.enable());
     const i = (o = t == null ? void 0 : t.userAction) != null ? o : !0;
     this.hooks.emit("enable", { userAction: i });
   }
@@ -147,7 +146,7 @@ class Ht extends A {
       return this.logWarning("插件已被销毁");
     if (!this.enabled)
       return;
-    this.enabled = !1, Array.from(this.controllerMap.values()).forEach((s) => s.disable());
+    this.enabled = !1, Array.from(this.controllerMap.values()).forEach((n) => n.disable());
     const i = (o = t == null ? void 0 : t.userAction) != null ? o : !0;
     this.hooks.emit("disable", { userAction: i });
   }
@@ -179,7 +178,7 @@ class Ht extends A {
    * }}
    * ```
    */
-  unmuteByRenderID(t, i = "auto") {
+  unmuteByRenderID(t, i = !1) {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
     const o = this.controllerMap.get(t);
@@ -195,15 +194,15 @@ class Ht extends A {
       var l;
       if (this.controllerMap.get(o.render_id))
         return this.logWarning(`ID 为 ${o.render_id} 的点位视频已存在`);
-      const s = o.render_id;
+      const n = o.render_id;
       this.controllerMap.set(
         o.render_id,
-        new c(this.five, d(a({
-          audioFocus: (l = this.options) == null ? void 0 : l.audioFocus
+        new f(this.five, m(a({
+          mediaManager: (l = this.options) == null ? void 0 : l.mediaManager
         }, o), {
           fiveUtil: this.fiveUtil,
           panoIndex: t,
-          renderID: s,
+          renderID: n,
           hooks: this.hooks,
           initialState: { enabled: this.enabled }
         }))
@@ -238,5 +237,5 @@ class Ht extends A {
   }
 }
 export {
-  Ht as PanoVideoPluginController
+  Gt as PanoVideoPluginController
 };

package/libs/PanoVideoPlugin/VideoMeshController.d.ts

@@ -1,4 +1,4 @@
-import { type AudioFocusHost, type AudioIntent } from '../shared-utils/audioFocus';
+import type { PlaybackManager } from '../shared-utils/playback';
 import type { Five } from '@realsee/five';
 import type { VideoMeshParams } from './typings';
 import type { Subscribe } from '../shared-utils/Subscribe';
@@ -50,11 +50,13 @@ export declare class VideoMeshController {
      * @remark 由于 render video 依赖 Five render，因此需要自动 render five。
      */
     private renderFiveDisposer?;
-    private audioTask;
+    private playbackController?;
+    private session?;
+    private playbackGeneration;
     private hooks;
     /** 初始化视频、模型以及相关事件监听。 */
     constructor(five: Five, params: VideoMeshParams & {
-        audioFocus?: AudioFocusHost;
+        mediaManager?: PlaybackManager;
         fiveUtil?: FiveUtil;
     } & {
         hooks: Subscribe<Simplify<PluginEventMap>>;
@@ -64,8 +66,8 @@ export declare class VideoMeshController {
      *
      * @warning 需要注意：由于大部分浏览器的限制，视频的声音必须在用户有交互事件后才能开启，否则会被浏览器禁用视频播放。
      */
-    unmute: (intent?: AudioIntent) => void;
-    play(intent?: AudioIntent, muted?: boolean): Promise<void>;
+    unmute: (userAction?: boolean) => Promise<void>;
+    play(userAction?: boolean, muted?: boolean): Promise<void>;
     pause(): void;
     mute(): void;
     /** 彻底销毁，不响应之后的任何事件 */