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

package/libs/PanoTagPlugin/utils/model/mediaPlane.d.ts

@@ -1,3 +1,4 @@
+import { type AudioFocusHost, type AudioIntent } from '../../../shared-utils/audioFocus';
 import * as THREE from 'three';
 import { Vector3 } from 'three';
 import type { FiveDomEvents } from '../../../shared-utils/five/FiveDomEvents';
@@ -54,9 +55,9 @@ declare class VideoPlane extends MediaPlane {
     private videoTextureMap;
     private ImageTextureMap;
     private initialOpacity;
-    private requestFiveRender?;
-    private disposed;
+    private audioTask;
     constructor(videoSrc: string, cornerPoints: Vector3[], params?: {
+        audioFocus?: AudioFocusHost;
         paused?: boolean;
         playButton?: 'withText' | 'withoutText' | string;
         videoCoverSrc?: string;
@@ -68,15 +69,13 @@ declare class VideoPlane extends MediaPlane {
         }>;
         domEvents?: FiveDomEvents;
         opacity?: number;
-        requestFiveRender?: () => void;
     });
-    play(muted?: boolean): Promise<void>;
-    pause(): void;
-    /**
-     * videoInstance 由按 src 复用的纹理缓存持有，不随 mesh 一起释放；
-     * 这里不显式暂停的话，贴片移出场景后视频仍会继续走进度并出声。
-     */
     dispose(): void;
+    setAudioFocus(host?: AudioFocusHost): void;
+    play(muted?: boolean, intent?: AudioIntent): Promise<void>;
+    pause(): void;
+    private stopOutput;
+    onDispose(dispose: () => void): void;
     initialRenderHooks(func: (render: () => void) => () => void): void;
     private showPlayUI;
     private showPauseUI;

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

@@ -1,53 +1,54 @@
-var G = Object.defineProperty;
-var O = (g, m, e) => m in g ? G(g, m, { enumerable: !0, configurable: !0, writable: !0, value: e }) : g[m] = e;
-var r = (g, m, e) => (O(g, typeof m != "symbol" ? m + "" : m, e), e);
-var u = (g, m, e) => new Promise((t, i) => {
+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 s = (o) => {
     try {
       n(e.next(o));
-    } catch (c) {
-      i(c);
+    } catch (d) {
+      t(d);
     }
-  }, a = (o) => {
+  }, h = (o) => {
     try {
       n(e.throw(o));
-    } catch (c) {
-      i(c);
+    } catch (d) {
+      t(d);
     }
-  }, n = (o) => o.done ? t(o.value) : Promise.resolve(o.value).then(s, a);
+  }, n = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(s, h);
   n((e = e.apply(g, m)).next());
 });
+import { AudioTask as k } from "../../../shared-utils/audioFocus.js";
 import * as f from "three";
-import { Vector3 as b } from "three";
-import { centerPoint as I } from "../../../shared-utils/three/centerPoint.js";
+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 R } from "../../../shared-utils/three/loadVideoTexture.js";
-import { Image_Play_Icon_With_Text as V, Image_Play_Icon as E } from "../../Assets/Icon.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 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 { 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 "../../../shared-utils/math/pointsIsRectangle.js";
 import "../../../shared-utils/device.js";
 class C extends f.Mesh {
   constructor() {
     super(...arguments);
-    r(this, "name", "MediaPlane");
-    r(this, "src");
-    r(this, "objectFit");
+    a(this, "name", "MediaPlane");
+    a(this, "src");
+    a(this, "objectFit");
   }
   /** 获取透明度 */
   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,133 +59,146 @@ class C extends f.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, c;
+class X extends C {
+  constructor(e, i, t) {
+    var o, d;
     super();
-    r(this, "name", "PanoTagPluginImagePlane");
-    r(this, "originRatio");
+    a(this, "name", "PanoTagPluginImagePlane");
+    a(this, "originRatio");
     this.src = e;
-    const s = (o = i == null ? void 0 : i.resolveZFighting) != null ? o : !0, a = (c = i == null ? void 0 : i.opacity) != null ? c : 1;
-    let n = t;
+    const s = (o = t == null ? void 0 : t.resolveZFighting) != null ? o : !0, h = (d = t == null ? void 0 : t.opacity) != null ? d : 1;
+    let n = i;
     if (s) {
-      const h = P(t).multiplyScalar(T.Z_FIGHTING_OFFSET);
-      n = t.map((d) => d.clone().add(h));
+      const r = I(i).multiplyScalar(b.Z_FIGHTING_OFFSET);
+      n = i.map((c) => c.clone().add(r));
     }
-    H(e).then(({ texture: h, transparent: d }) => {
+    H(e).then(({ texture: r, transparent: c }) => {
       var x;
       const p = new f.MeshBasicMaterial({
-        map: h,
-        transparent: d || a < 1,
-        opacity: a,
+        map: r,
+        transparent: c || h < 1,
+        opacity: h,
         side: f.DoubleSide
       });
-      this.originRatio = h.image.width / h.image.height, this.objectFit = (x = i == null ? void 0 : i.objectFit) != null ? x : "contain";
-      const l = y(this.objectFit, n, h.image.width / h.image.height), v = I(...l), M = l.map((_) => _.clone().sub(v)), w = new F(M);
+      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((h) => {
-      console.error(`Imageplane error: ${h == null ? void 0 : h.message}`);
+    }).catch((r) => {
+      console.error(`Imageplane error: ${r == null ? void 0 : r.message}`);
     });
   }
   changePointsOrParams(e) {
-    const { cornerPoints: t, params: i = {} } = e, { objectFit: s = this.objectFit } = i;
-    let a = t;
-    const { resolveZFighting: n } = i != null ? i : {};
+    const { cornerPoints: i, params: t = {} } = e, { objectFit: s = this.objectFit } = t;
+    let h = i;
+    const { resolveZFighting: n } = t != null ? t : {};
     if (n) {
-      const p = P(t).multiplyScalar(T.Z_FIGHTING_OFFSET);
-      a = t.map((l) => l.clone().add(p));
+      const p = I(i).multiplyScalar(b.Z_FIGHTING_OFFSET);
+      h = i.map((l) => l.clone().add(p));
     }
-    const o = y(s != null ? s : "contain", a, this.originRatio), c = I(...o), h = o.map((p) => p.clone().sub(c)), d = new F(h);
-    this.objectFit = s != null ? s : "contain", this.position.copy(c), this.geometry = d;
+    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;
   }
 }
-class K extends C {
+class Y extends C {
   // eslint-disable-next-line max-params
-  constructor(e, t, i) {
+  constructor(e, i, t) {
     const {
       videoCoverSrc: s,
-      objectFit: a = "contain",
+      objectFit: h = "contain",
       playButton: n = "withText",
       paused: o = !0,
-      videoTextureMap: c,
-      ImageTextureMap: h,
-      domEvents: d,
-      opacity: p = 1,
-      requestFiveRender: l
-    } = i != null ? i : {};
+      videoTextureMap: d,
+      ImageTextureMap: r,
+      domEvents: c,
+      opacity: p = 1
+    } = t != null ? t : {};
     super();
-    r(this, "isVideoPlane", !0);
-    r(this, "name", "PanoTagPluginImagePlane");
-    r(this, "videoInstance");
-    r(this, "onVideoReady");
-    r(this, "buttonSrc");
-    r(this, "videoCoverSrc");
-    r(this, "domEvents");
-    r(this, "disposers", []);
-    r(this, "cornerPoints");
-    r(this, "videoMesh");
-    r(this, "coverMesh");
-    r(this, "buttonMesh");
-    r(this, "videoTextureMap");
-    r(this, "ImageTextureMap");
-    r(this, "initialOpacity");
-    r(this, "requestFiveRender");
-    r(this, "disposed", !1);
-    this.cornerPoints = t, this.src = e, this.initialOpacity = p, this.buttonSrc = (() => n === "withText" ? V : n === "withoutText" ? E : typeof n == "string" ? n : E)(), this.videoCoverSrc = s, this.objectFit = a, this.videoTextureMap = c, this.ImageTextureMap = h, this.domEvents = d, this.requestFiveRender = l, this.position.copy(I(...t)), this.videoCoverSrc && o ? this.addCoverMesh().then(() => {
-      this.render(), this.addButtonMesh().then(() => this.render());
-    }) : this.addVideoMesh().then(() => {
-      this.render(), o ? this.addButtonMesh().then(() => this.render()) : this.play(!0);
+    a(this, "isVideoPlane", !0);
+    a(this, "name", "PanoTagPluginImagePlane");
+    a(this, "videoInstance");
+    a(this, "onVideoReady");
+    a(this, "buttonSrc");
+    a(this, "videoCoverSrc");
+    a(this, "domEvents");
+    a(this, "disposers", []);
+    a(this, "cornerPoints");
+    a(this, "videoMesh");
+    a(this, "coverMesh");
+    a(this, "buttonMesh");
+    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();
+    this.videoCoverSrc && o ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => {
+      l() && (o ? this.addButtonMesh() : this.play(!0));
     }), this.addEventListener("removed", () => {
-      this.remove(...this.children);
+      this.audioTask.cancel(), this.remove(...this.children);
     }), this.addEventListener("dispose", () => {
       var v;
-      (v = this.disposers) == null || v.forEach((M) => M == null ? void 0 : M());
+      this.audioTask.dispose(), (v = this.disposers) == null || v.forEach((M) => M == null ? void 0 : M());
     });
   }
-  play(e = !1) {
+  dispose() {
+    this.audioTask.dispose(), this.disposers.forEach((e) => e()), this.disposers = [], super.dispose();
+  }
+  setAudioFocus(e) {
+    this.audioTask.setHost(e);
+  }
+  play(e = !1, i = "auto") {
     return u(this, null, function* () {
-      this.disposed || (this.videoMesh || (yield this.addVideoMesh()), !this.disposed && (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()));
+      const t = e ? this.audioTask.beginSilent() : this.audioTask.begin(i);
+      if (!t || (this.videoMesh || (yield this.addVideoMesh()), !t()))
+        return;
+      const s = this.videoInstance;
+      s.muted = e;
+      try {
+        if (yield s.play(), !t())
+          return;
+        this.showPlayUI(), this.render();
+      } catch (h) {
+        if (!t())
+          return;
+        throw this.pause(), h;
+      }
     });
   }
   pause() {
-    this.videoInstance && (this.videoInstance.pause(), this.showPauseUI().then(() => this.render()));
+    this.audioTask.cancel();
   }
-  /**
-   * videoInstance 由按 src 复用的纹理缓存持有，不随 mesh 一起释放；
-   * 这里不显式暂停的话，贴片移出场景后视频仍会继续走进度并出声。
-   */
-  dispose() {
-    var e;
-    this.disposed = !0, (e = this.videoInstance) == null || e.pause(), super.dispose();
+  stopOutput() {
+    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 u(this, null, function* () {
-      this.disposed || (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()));
+      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());
     });
   }
   render() {
-    var e, t;
-    this.disposed || (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), (t = this.requestFiveRender) == null || t.call(this));
+    var e;
+    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* () {
@@ -195,14 +209,14 @@ class K extends C {
           return this.coverMesh;
         if (!this.videoCoverSrc)
           return;
-        const { texture: t, transparent: i } = yield this.getImageTexture(this.videoCoverSrc), s = new f.MeshBasicMaterial({
-          transparent: i || this.initialOpacity < 1,
+        const { texture: i, transparent: t } = yield this.getImageTexture(this.videoCoverSrc), s = new f.MeshBasicMaterial({
+          transparent: t || this.initialOpacity < 1,
           opacity: this.initialOpacity,
-          map: t,
+          map: i,
           side: f.DoubleSide
-        }), a = y(this.objectFit, this.cornerPoints, t.image.width / t.image.height), n = new S(a, s);
-        n.position.copy(new b(0, 0, 0)), n.name = "videoCoverMesh";
-        const o = P(a).multiplyScalar(T.Z_FIGHTING_OFFSET);
+        }), 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);
         return n.position.add(o), n;
       }))();
       return e && (this.children.includes(this.coverMesh) || (this.add(e), this.coverMesh = e)), e;
@@ -210,7 +224,7 @@ class K extends C {
   }
   addVideoMesh() {
     return u(this, null, function* () {
-      var i;
+      var t;
       if (this.children.includes(this.videoMesh))
         return;
       const e = yield (() => u(this, null, function* () {
@@ -218,20 +232,20 @@ class K extends C {
           return this.videoMesh;
         if (!this.src)
           return;
-        const s = this.getVideoTexture(this.src), a = new f.MeshBasicMaterial({
+        const s = this.getVideoTexture(this.src), h = new f.MeshBasicMaterial({
           transparent: this.initialOpacity < 1,
           opacity: this.initialOpacity,
           map: s,
           side: f.DoubleSide
-        }), n = yield new Promise((h) => {
-          s.metadataLoaded ? h(y(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight)) : s.addEventListener(
+        }), n = yield new Promise((r) => {
+          s.metadataLoaded ? r(y(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight)) : s.addEventListener(
             "videoLoaded",
-            () => h(y(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight))
+            () => r(y(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight))
           );
-        }), o = new S(n, a);
-        o.name = "videoMesh", o.position.copy(new b(0, 0, 0));
-        const c = P(n).multiplyScalar(T.Z_FIGHTING_OFFSET);
-        return o.position.add(c), o;
+        }), 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;
       }))();
       if (!e)
         return;
@@ -240,16 +254,16 @@ 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, "user") : 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() {
@@ -260,41 +274,41 @@ class K extends C {
         var l, v, M, w;
         if (this.buttonMesh)
           return this.buttonMesh;
-        const t = (v = (l = this.videoMesh) == null ? void 0 : l.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? v : 1 / 0, i = (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(t, i, s) / s * 0.3, { texture: o, transparent: c } = yield this.getImageTexture(this.buttonSrc), h = y("contain", this.cornerPoints, o.image.width / o.image.height), d = new S(h, new B(o));
-        d.position.copy(new b(0, 0, 0)), d.name = "buttonMesh", d.scale.set(n, n, n), d.material.side = f.DoubleSide, this.domEvents.addAutoBindEventListener(
-          d,
+        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,
           "click",
           () => {
-            this.play();
+            this.play(!1, "user");
           },
           { noEmitWhenHide: !0 }
         );
-        const p = P(h).multiplyScalar(T.Z_FIGHTING_OFFSET * 2);
-        return d.position.add(p), d;
+        const p = I(r).multiplyScalar(b.Z_FIGHTING_OFFSET * 2);
+        return c.position.add(p), c;
       }))();
       return this.children.includes(this.buttonMesh) || (this.add(e), this.buttonMesh = e), e;
     });
   }
   getImageTexture(e) {
     return u(this, null, function* () {
-      var i, s;
-      if ((i = this.ImageTextureMap) != null && i.has(e))
+      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 H(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 = R(e);
-    return (s = this.videoTextureMap) == null || s.set(e, t), t;
+    const i = V(e);
+    return (s = this.videoTextureMap) == null || s.set(e, i), i;
   }
   changePointsOrParams(e) {
     return u(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();
+      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();
     });
   }
   updateAllMeshes() {
@@ -306,14 +320,14 @@ class K extends C {
     return u(this, null, function* () {
       if (!this.videoMesh || !this.src)
         return;
-      const e = this.getVideoTexture(this.src), t = yield new Promise((o) => {
+      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(
           "videoLoaded",
           () => o(y(this.objectFit, this.cornerPoints, e.image.videoWidth / e.image.videoHeight))
         );
-      }), i = I(...t), s = t.map((o) => o.clone().sub(i)), a = new F(s);
-      this.videoMesh.geometry.dispose(), this.videoMesh.geometry = a, this.videoMesh.position.copy(new b(0, 0, 0));
-      const n = P(t).multiplyScalar(T.Z_FIGHTING_OFFSET);
+      }), 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);
       this.videoMesh.position.add(n);
     });
   }
@@ -321,8 +335,8 @@ class K extends C {
     return u(this, null, function* () {
       if (!this.coverMesh || !this.videoCoverSrc)
         return;
-      const { texture: e } = yield this.getImageTexture(this.videoCoverSrc), t = y(this.objectFit, this.cornerPoints, e.image.width / e.image.height), i = I(...t), s = t.map((n) => n.clone().sub(i)), a = new F(s);
-      this.coverMesh.geometry.dispose(), this.coverMesh.geometry = a, this.coverMesh.position.copy(new b(0, 0, 0));
+      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));
     });
   }
   updateButtonMesh() {
@@ -330,14 +344,14 @@ class K extends C {
       var l, v, M, w;
       if (!this.buttonMesh)
         return;
-      const { texture: e } = yield this.getImageTexture(this.buttonSrc), t = y("contain", this.cornerPoints, e.image.width / e.image.height), i = I(...t), s = t.map((x) => x.clone().sub(i)), a = 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, c = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), d = Math.min(n, o, c) / c * 0.3;
-      this.buttonMesh.geometry.dispose(), this.buttonMesh.geometry = a, this.buttonMesh.position.copy(new b(0, 0, 0)), this.buttonMesh.scale.set(d, d, d);
-      const p = P(t).multiplyScalar(T.Z_FIGHTING_OFFSET * 2);
+      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);
     });
   }
 }
 export {
-  J as ImagePlane,
-  K as VideoPlane
+  X as ImagePlane,
+  Y as VideoPlane
 };

package/libs/PanoVideoPlugin/Controller.d.ts

@@ -1,8 +1,10 @@
+import type { AudioFocusHost, AudioIntent } from '../shared-utils/audioFocus';
 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?: {
+        audioFocus?: AudioFocusHost;
+    });
     /** 加载点位视频数据，加载数据并不代表会加载点位视频。 */
     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, intent?: AudioIntent): void;
     /** 为一个点位添加视频（可以是多条）。 */
     add(panoIndex: number, videoItems: VideoItem[]): void;
     /** 根据 VideoItem render_id 删除某个视频。 */