@realsee/dnalogel 3.81.9 → 3.81.10-alpha.0

package/libs/PanoVideoPlugin/Controller.js

@@ -1,18 +1,19 @@
-var u = Object.defineProperty, g = Object.defineProperties;
-var b = Object.getOwnPropertyDescriptors;
-var d = Object.getOwnPropertySymbols;
-var M = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
-var l = (e, i, r) => i in e ? u(e, i, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[i] = r, p = (e, i) => {
-  for (var r in i || (i = {}))
-    M.call(i, r) && l(e, r, i[r]);
-  if (d)
-    for (var r of d(i))
-      W.call(i, r) && l(e, r, i[r]);
+var g = Object.defineProperty, b = Object.defineProperties;
+var M = Object.getOwnPropertyDescriptors;
+var u = 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) => {
+  for (var t in r || (r = {}))
+    W.call(r, t) && p(e, t, r[t]);
+  if (u)
+    for (var t of u(r))
+      _.call(r, t) && p(e, t, r[t]);
   return e;
-}, a = (e, i) => g(e, b(i));
-var s = (e, i, r) => (l(e, typeof i != "symbol" ? i + "" : i, r), r);
-import { VideoMeshController as h } from "./VideoMeshController.js";
-import { Controller as _ } from "../base/BasePlugin.js";
+}, 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";
+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";
@@ -85,13 +86,14 @@ import "../shared-utils/three/filterVisibleIntersections.js";
 import "../shared-utils/animationFrame/index.js";
 import "./utils/index.js";
 import "../shared-utils/url/defaultUrls.js";
-class Fr extends _ {
-  constructor(r) {
-    super(r);
-    s(this, "controllerMap", /* @__PURE__ */ new Map());
-    s(this, "data");
-    s(this, "enabled", !0);
-    s(this, "_disposed", !1);
+class Ht extends A {
+  constructor(t, i) {
+    super(t);
+    n(this, "controllerMap", /* @__PURE__ */ new Map());
+    n(this, "data");
+    n(this, "enabled", !0);
+    n(this, "_disposed", !1);
+    this.options = i;
   }
   /** 插件 State */
   get state() {
@@ -104,59 +106,62 @@ class Fr extends _ {
     return this._disposed;
   }
   /** 加载点位视频数据，加载数据并不代表会加载点位视频。 */
-  load(r, t) {
+  load(t, i) {
     var o;
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    typeof ((o = t == null ? void 0 : t.initialState) == null ? void 0 : o.enabled) != "undefined" && t.initialState.enabled !== this.enabled && (t.initialState.enabled ? this.enable() : this.disable()), r.list.forEach((n) => {
-      const c = n.pano_index, f = n.render_id;
-      n.video_list.forEach((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((s) => {
+      const l = s.pano_index, f = s.render_id;
+      s.video_list.forEach((h) => {
+        var m;
         this.controllerMap.set(
-          m.render_id,
-          new h(this.five, a(p({}, m), {
+          h.render_id,
+          new c(this.five, d(a({
+            audioFocus: (m = this.options) == null ? void 0 : m.audioFocus
+          }, h), {
             fiveUtil: this.fiveUtil,
-            panoIndex: c,
+            panoIndex: l,
             renderID: f,
             hooks: this.hooks,
             initialState: { enabled: this.enabled }
           }))
         );
       });
-    }), this.data = r, this.hooks.emit("dataLoaded", r);
+    }), this.data = t, this.hooks.emit("dataLoaded", t);
   }
   /** 开启插件功能。 */
-  enable(r) {
+  enable(t) {
     var o;
     if (this.disposed)
       return this.logWarning("插件已被销毁");
     if (this.enabled)
       return;
-    this.enabled = !0, Array.from(this.controllerMap.values()).forEach((n) => n.enable());
-    const t = (o = r == null ? void 0 : r.userAction) != null ? o : !0;
-    this.hooks.emit("enable", { userAction: t });
+    this.enabled = !0, Array.from(this.controllerMap.values()).forEach((s) => s.enable());
+    const i = (o = t == null ? void 0 : t.userAction) != null ? o : !0;
+    this.hooks.emit("enable", { userAction: i });
   }
   /** 禁用插件功能。 */
-  disable(r) {
+  disable(t) {
     var o;
     if (this.disposed)
       return this.logWarning("插件已被销毁");
     if (!this.enabled)
       return;
-    this.enabled = !1, Array.from(this.controllerMap.values()).forEach((n) => n.disable());
-    const t = (o = r == null ? void 0 : r.userAction) != null ? o : !0;
-    this.hooks.emit("disable", { userAction: t });
+    this.enabled = !1, Array.from(this.controllerMap.values()).forEach((s) => s.disable());
+    const i = (o = t == null ? void 0 : t.userAction) != null ? o : !0;
+    this.hooks.emit("disable", { userAction: i });
   }
   /** 看向某个视频。
    * - 会自动切换到全景模式。
    * - 如果遇到不能自动播放的问题，需要放到用户交互事件中调用。
    */
-  lookAtVideoItemByRenderID(r) {
+  lookAtVideoItemByRenderID(t) {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    const t = this.controllerMap.get(r);
-    if (!t)
-      return this.logWarning(`ID 为 ${r} 的点位视频不存在`);
-    t.lookAtVideo();
+    const i = this.controllerMap.get(t);
+    if (!i)
+      return this.logWarning(`ID 为 ${t} 的点位视频不存在`);
+    i.lookAtVideo();
   }
   /**
    * 取消静音。
@@ -174,28 +179,31 @@ class Fr extends _ {
    * }}
    * ```
    */
-  unmuteByRenderID(r) {
+  unmuteByRenderID(t, i = "auto") {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    const t = this.controllerMap.get(r);
-    if (!t)
-      return this.logWarning(`ID 为 ${r} 的点位视频不存在`);
-    t.unmute();
+    const o = this.controllerMap.get(t);
+    if (!o)
+      return this.logWarning(`ID 为 ${t} 的点位视频不存在`);
+    o.unmute(i);
   }
   /** 为一个点位添加视频（可以是多条）。 */
-  add(r, t) {
+  add(t, i) {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    t.forEach((o) => {
+    i.forEach((o) => {
+      var l;
       if (this.controllerMap.get(o.render_id))
         return this.logWarning(`ID 为 ${o.render_id} 的点位视频已存在`);
-      const n = o.render_id;
+      const s = o.render_id;
       this.controllerMap.set(
         o.render_id,
-        new h(this.five, a(p({}, o), {
+        new c(this.five, d(a({
+          audioFocus: (l = this.options) == null ? void 0 : l.audioFocus
+        }, o), {
           fiveUtil: this.fiveUtil,
-          panoIndex: r,
-          renderID: n,
+          panoIndex: t,
+          renderID: s,
           hooks: this.hooks,
           initialState: { enabled: this.enabled }
         }))
@@ -203,32 +211,32 @@ class Fr extends _ {
     });
   }
   /** 根据 VideoItem render_id 删除某个视频。 */
-  removeByRenderID(r) {
+  removeByRenderID(t) {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    const t = this.controllerMap.get(r);
-    if (!t)
-      return this.logWarning(`ID 为 ${r} 的点位视频不存在`);
-    t.dispose(), this.controllerMap.delete(r);
+    const i = this.controllerMap.get(t);
+    if (!i)
+      return this.logWarning(`ID 为 ${t} 的点位视频不存在`);
+    i.dispose(), this.controllerMap.delete(t);
   }
   /** 清空现有数据 */
   clear() {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    Array.from(this.controllerMap.values()).forEach((r) => r.dispose()), this.controllerMap.clear();
+    Array.from(this.controllerMap.values()).forEach((t) => t.dispose()), this.controllerMap.clear();
   }
   /** 销毁插件 */
   dispose() {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    this._disposed = !0, Array.from(this.controllerMap.values()).forEach((r) => r.dispose()), this.controllerMap.clear();
+    this._disposed = !0, Array.from(this.controllerMap.values()).forEach((t) => t.dispose()), this.controllerMap.clear();
   }
   /** 控制台打印警告 */
   // TODO: 全局函数 curry 化
-  logWarning(r) {
-    console.warn("⛔ ==> [PanoVideoPluginController]:", r);
+  logWarning(t) {
+    console.warn("⛔ ==> [PanoVideoPluginController]:", t);
   }
 }
 export {
-  Fr as PanoVideoPluginController
+  Ht as PanoVideoPluginController
 };

package/libs/PanoVideoPlugin/VideoMeshController.d.ts

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

package/libs/PanoVideoPlugin/VideoMeshController.js

@@ -1,9 +1,26 @@
-var c = Object.defineProperty;
-var g = (v, i, e) => i in v ? c(v, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : v[i] = e;
-var t = (v, i, e) => (g(v, typeof i != "symbol" ? i + "" : i, e), e);
-import { vertexShader as I, fragmentShader as M } from "./utils/shader.js";
+var g = Object.defineProperty;
+var I = (u, i, e) => i in u ? g(u, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[i] = e;
+var t = (u, i, e) => (I(u, typeof i != "symbol" ? i + "" : i, e), e);
+var f = (u, i, e) => new Promise((n, o) => {
+  var a = (s) => {
+    try {
+      r(e.next(s));
+    } catch (d) {
+      o(d);
+    }
+  }, h = (s) => {
+    try {
+      r(e.throw(s));
+    } catch (d) {
+      o(d);
+    }
+  }, r = (s) => s.done ? n(s.value) : Promise.resolve(s.value).then(a, h);
+  r((e = e.apply(u, i)).next());
+});
+import { AudioTask as M } from "../shared-utils/audioFocus.js";
+import { vertexShader as P, fragmentShader as y } from "./utils/shader.js";
 import "../shared-utils/tag.js";
-import { VideoTexture as P, LinearFilter as f, ShaderMaterial as F, Vector4 as y, SphereBufferGeometry as x, Mesh as L, Vector3 as p, Quaternion as V } from "three";
+import { VideoTexture as F, LinearFilter as c, ShaderMaterial as b, Vector4 as x, SphereBufferGeometry as L, Mesh as V, Vector3 as p, Quaternion as A } from "three";
 import "../vendor/hammerjs/hammer.js";
 import "../shared-utils/three/PointSelector/index.js";
 import "../shared-utils/three/CSS3DRenderer/index.js";
@@ -15,10 +32,10 @@ import "../shared-utils/three/blink.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../vendor/earcut/src/earcut.js";
-import { requestAnimationFrameInterval as b } from "../shared-utils/animationFrame/index.js";
+import { requestAnimationFrameInterval as T } from "../shared-utils/animationFrame/index.js";
 import "../shared-utils/five/FivePuppet.js";
-import A from "./utils/index.js";
-import { anime as D } from "../vendor/animejs/lib/anime.es.js";
+import w from "./utils/index.js";
+import { anime as k } from "../vendor/animejs/lib/anime.es.js";
 import "../shared-utils/positionToVector3.js";
 import "../shared-utils/five/vector3ToScreen.js";
 import "../shared-utils/five/getFiveModel.js";
@@ -72,7 +89,7 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "@realsee/five";
-class ji {
+class Ji {
   /** 初始化视频、模型以及相关事件监听。 */
   constructor(i, e) {
     t(this, "video");
@@ -101,28 +118,29 @@ class ji {
      * @remark 由于 render video 依赖 Five render，因此需要自动 render five。
      */
     t(this, "renderFiveDisposer");
+    t(this, "audioTask");
     t(this, "hooks");
     /**
      * 取消静音
      *
      * @warning 需要注意：由于大部分浏览器的限制，视频的声音必须在用户有交互事件后才能开启，否则会被浏览器禁用视频播放。
      */
-    t(this, "unmute", () => {
-      this.video.muted = !1;
+    t(this, "unmute", (i = "auto") => {
+      this.audioTask.begin(i) && (this.video.muted = !1);
     });
     /** 把 uv 值转换成位置 */
     t(this, "uv2Position", (i, e) => {
-      const o = Math.PI, r = Math.PI * 2, a = i, s = 1 - e, d = new p(
-        -1 * Math.cos(r * a) * Math.sin(o * s),
-        1 * Math.cos(o * s),
-        1 * Math.sin(r * a) * Math.sin(o * s)
+      const o = Math.PI, a = Math.PI * 2, h = i, r = 1 - e, s = new p(
+        -1 * Math.cos(a * h) * Math.sin(o * r),
+        1 * Math.cos(o * r),
+        1 * Math.sin(a * h) * Math.sin(o * r)
       );
-      d.setX(-d.x);
-      const h = this.fiveUtil.workUtil.getResolvedObserver(this.panoIndex);
-      if (!h)
+      s.setX(-s.x);
+      const d = this.fiveUtil.workUtil.getResolvedObserver(this.panoIndex);
+      if (!d)
         return this.logWarning(`点位 ${this.panoIndex} 不存在，请检查 Five 数据是否正常。`);
-      const l = h.position.clone(), m = h.quaternion.clone(), u = d.clone();
-      return u.applyAxisAngle(new p(0, 1, 0), Math.PI / 2), u.applyQuaternion(m), u.add(l), u;
+      const l = d.position.clone(), m = d.quaternion.clone(), v = s.clone();
+      return v.applyAxisAngle(new p(0, 1, 0), Math.PI / 2), v.applyQuaternion(m), v.add(l), v;
     });
     /** Five 数据加载后需要根据点位位姿调整点位模型位置 */
     t(this, "onFiveDataLoaded", () => {
@@ -130,12 +148,12 @@ class ji {
       if (!i)
         return this.logWarning(`点位 ${this.panoIndex} 不存在，请检查 Five 数据是否正常。`);
       this.observer = i;
-      const { x: e, y: n, z: o, w: r } = i.quaternion, a = new V(e, n, o, r), s = i.position;
-      this.videoMesh.position.fromArray([s.x, s.y, s.z]), this.videoMesh.quaternion.set(0, 0, 0, 1), this.videoMesh.rotateOnAxis(new p(0, 1, 0), Math.PI / 2), this.videoMesh.applyQuaternion(a);
+      const { x: e, y: n, z: o, w: a } = i.quaternion, h = new A(e, n, o, a), r = i.position;
+      this.videoMesh.position.fromArray([r.x, r.y, r.z]), this.videoMesh.quaternion.set(0, 0, 0, 1), this.videoMesh.rotateOnAxis(new p(0, 1, 0), Math.PI / 2), this.videoMesh.applyQuaternion(h);
     });
     /** 兼容视频播放 */
     t(this, "onFiveWantsMoveToPano", (i) => {
-      i === this.panoIndex && (this.hasVideoEverPlayed || this.video.play().catch(() => {
+      i === this.panoIndex && (this.hasVideoEverPlayed || this.play("auto", !0).catch(() => {
       }));
     });
     /** 走到某个点位上时，挂载/卸载视频 */
@@ -177,7 +195,7 @@ class ji {
             o._preventDefaultReturn = !0;
           }
         };
-        return this.hooks.emit("click", o), o._preventDefaultReturn === !1 && (this.video.muted = !this.video.muted), !1;
+        return this.hooks.emit("click", o), o._preventDefaultReturn === !1 && (this.video.muted ? this.unmute("user") : (this.video.muted = !0, this.audioTask.release())), !1;
       }
     });
     /** video canplaythrough 事件触发 */
@@ -203,13 +221,13 @@ class ji {
       this.video.addEventListener(
         "timeupdate",
         () => {
-          if (this.enabled && this.panoIndex === this.five.getCurrentState().panoIndex && this.five.getCurrentState().mode === "Panorama" && (this.renderFiveDisposer || (this.renderFiveDisposer = b(() => {
+          if (this.enabled && this.panoIndex === this.five.getCurrentState().panoIndex && this.five.getCurrentState().mode === "Panorama" && (this.renderFiveDisposer || (this.renderFiveDisposer = T(() => {
             this.five.needsRender = !0;
           }, 30)), this.five.scene.add(this.videoMesh), this.videoMesh.material.uniforms.opacity.value === 0)) {
             const i = {
               value: 0
             };
-            D({
+            k({
               targets: i,
               value: 1,
               duration: 300,
@@ -231,28 +249,30 @@ class ji {
       var i;
       (i = this.renderFiveDisposer) == null || i.call(this), this.renderFiveDisposer = void 0;
     });
-    var d, h;
-    this.five = i, this.panoIndex = e.panoIndex, this.fiveUtil = e.fiveUtil, this._id = e.renderID, this.url = e.url, this.origin = e.origin.slice(), this.hooks = e.hooks, this._enabled = (h = (d = e.initialState) == null ? void 0 : d.enabled) != null ? h : !0;
+    var s, d;
+    this.five = i, this.panoIndex = e.panoIndex, this.fiveUtil = e.fiveUtil, this._id = e.renderID, this.url = e.url, this.origin = e.origin.slice(), this.hooks = e.hooks, this._enabled = (d = (s = e.initialState) == null ? void 0 : s.enabled) != null ? d : !0;
     const n = document.createElement("video");
-    n.crossOrigin = "anonymous", n.autoplay = !1, n.muted = !0, n.loop = !0, n.playsInline = !0, this.video = n;
-    const o = new P(this.video);
-    o.minFilter = f, o.magFilter = f;
-    const r = new F({
-      vertexShader: I,
-      fragmentShader: M,
+    n.crossOrigin = "anonymous", n.autoplay = !1, n.muted = !0, n.loop = !0, n.playsInline = !0, this.video = n, this.audioTask = new M(e.audioFocus, "pano-video", () => {
+      n.muted = !0, n.pause();
+    });
+    const o = new F(this.video);
+    o.minFilter = c, o.magFilter = c;
+    const a = new b({
+      vertexShader: P,
+      fragmentShader: y,
       uniforms: {
         map: { value: o },
         size: {
-          value: new y(this.origin[0], 1 - this.origin[1] - this.origin[3], this.origin[2], this.origin[3])
+          value: new x(this.origin[0], 1 - this.origin[1] - this.origin[3], this.origin[2], this.origin[3])
         },
         opacity: { value: 0 }
       },
       depthTest: !0,
       transparent: !0
-    }), a = new x(1, 64, 64);
-    a.scale(-1, 1, 1);
-    const s = new L(a, r);
-    s.name = "pano-video-plugin", this.videoMesh = s, this.fiveUtil.workUtil.work && this.onFiveDataLoaded(), this.enabled && this.addEventListeners(), this.mountIfNeeded(), window[`__PANOVIDEO_${this.renderID}_DEBUG__`] = this;
+    }), h = new L(1, 64, 64);
+    h.scale(-1, 1, 1);
+    const r = new V(h, a);
+    r.name = "pano-video-plugin", this.videoMesh = r, this.fiveUtil.workUtil.work && this.onFiveDataLoaded(), this.enabled && this.addEventListeners(), this.mountIfNeeded(), window[`__PANOVIDEO_${this.renderID}_DEBUG__`] = this;
   }
   /** 传入的 ID，不可更改 */
   get renderID() {
@@ -266,9 +286,29 @@ class ji {
   get enabled() {
     return this._enabled;
   }
+  play(i = "auto", e = !1) {
+    return f(this, null, function* () {
+      const n = e ? this.audioTask.beginSilent() : this.audioTask.begin(i);
+      if (!(!n || this.disposed)) {
+        this.video.muted = e;
+        try {
+          yield this.video.play();
+        } catch (o) {
+          if (n())
+            throw this.audioTask.cancel(), o;
+        }
+      }
+    });
+  }
+  pause() {
+    this.audioTask.cancel();
+  }
+  mute() {
+    this.video.muted = !0, this.audioTask.release();
+  }
   /** 彻底销毁，不响应之后的任何事件 */
   dispose() {
-    this.disposed || (this.disable(), this._disposed = !0);
+    this.disposed || (this.disable(), this.audioTask.dispose(), this._disposed = !0);
   }
   enable() {
     this.disposed || this.enabled || (this._enabled = !0, !this.observer && this.five.work && this.onFiveDataLoaded(), this.addEventListeners(), this.mountIfNeeded());
@@ -289,8 +329,8 @@ class ji {
     const e = this.uv2Position(i[0], i[1]);
     if (!e)
       return;
-    const n = new p().subVectors(e, this.observer.position).normalize(), { longitude: o, latitude: r } = A(n);
-    this.five.setState({ panoIndex: this.panoIndex, longitude: o, latitude: r }), this.onFiveWantsMoveToPano(this.panoIndex);
+    const n = new p().subVectors(e, this.observer.position).normalize(), { longitude: o, latitude: a } = w(n);
+    this.five.setState({ panoIndex: this.panoIndex, longitude: o, latitude: a }), this.onFiveWantsMoveToPano(this.panoIndex);
   }
   /** 获取视频中心点的 uv */
   getUVCenter() {
@@ -318,21 +358,17 @@ class ji {
       return this.logWarning("插件已经销毁，无法挂载。");
     if (this.url === "")
       return this.logWarning("视频资源不存在。");
-    this.video.src !== this.url && (this.video.src = this.url), this.video.paused && this.video.play().catch((i) => {
-      this.logWarning(i instanceof Error ? i.message : "视频播放失败。"), this.five.once("gesture", () => {
-        this.video.play().catch((e) => {
-          this.logWarning(e instanceof Error ? e.message : "自动播放视频失败。");
-        });
-      });
+    this.video.src !== this.url && (this.video.src = this.url), this.video.paused && this.play("auto", this.video.muted).catch((i) => {
+      this.logWarning(i instanceof Error ? i.message : "视频播放失败。");
     });
   }
   /** 卸载：销毁视频资源；移除模型。 */
   unmount() {
-    this.video.pause(), this.videoMesh.material.uniforms.opacity.value = 0, this.video.src !== "" && (this.video.src = ""), this.five.scene.remove(this.videoMesh);
+    this.audioTask.cancel(), this.video.pause(), this.videoMesh.material.uniforms.opacity.value = 0, this.video.src !== "" && (this.video.src = ""), this.five.scene.remove(this.videoMesh);
   }
   /** 暂停视频，去除模型。 */
   hide() {
-    this.video.pause(), this.videoMesh.material.uniforms.opacity.value = 0, this.five.scene.remove(this.videoMesh);
+    this.audioTask.cancel(), this.video.pause(), this.videoMesh.material.uniforms.opacity.value = 0, this.five.scene.remove(this.videoMesh);
   }
   /** 控制台打印警告 */
   logWarning(i) {
@@ -342,10 +378,10 @@ class ji {
   checkIntersectionInBounding(i, e) {
     if (!e.uv)
       return !1;
-    const [n, o] = e.uv.toArray(), [r, a, s, d] = i, h = 1 - a - d, l = r + s, m = h + d;
-    return n >= r && n <= l && o >= h && o <= m;
+    const [n, o] = e.uv.toArray(), [a, h, r, s] = i, d = 1 - h - s, l = a + r, m = d + s;
+    return n >= a && n <= l && o >= d && o <= m;
   }
 }
 export {
-  ji as VideoMeshController
+  Ji as VideoMeshController
 };

package/libs/PanoVideoPlugin/index.d.ts

@@ -1,3 +1,4 @@
+import type { AudioFocusHost } from '../shared-utils/audioFocus';
 import type { FivePlugin } from '@realsee/five';
 import { PanoVideoPluginController } from './Controller';
 import * as _PanoVideoPluginType from './typings';
@@ -9,8 +10,12 @@ import * as _PanoVideoPluginType from './typings';
  * - 视频只能在全景模式且点位一致时才会播放。不满足条件会自动销毁。
  * - 不做多媒体缓存，缓解内存占用。
  */
-export declare const PanoVideoPlugin: FivePlugin<undefined, PanoVideoPluginController>;
+export declare const PanoVideoPlugin: FivePlugin<{
+    audioFocus?: AudioFocusHost;
+} | undefined, PanoVideoPluginController>;
 export { _PanoVideoPluginType as PanoVideoPluginType };
-export type PanoVideoPluginParameterType = undefined;
+export type PanoVideoPluginParameterType = {
+    audioFocus?: AudioFocusHost;
+} | undefined;
 export type PanoVideoPluginReturnType = InstanceType<typeof PanoVideoPluginController>;
 export default PanoVideoPlugin;

package/libs/PanoVideoPlugin/index.js

@@ -1,6 +1,7 @@
-import { PanoVideoPluginController as r } from "./Controller.js";
-import { typings as qo } from "./typings/index.js";
+import { PanoVideoPluginController as i } from "./Controller.js";
+import { typings as zo } from "./typings/index.js";
 import "./VideoMeshController.js";
+import "../shared-utils/audioFocus.js";
 import "./utils/shader.js";
 import "../shared-utils/tag.js";
 import "../shared-utils/positionToVector3.js";
@@ -74,9 +75,9 @@ import "../shared-utils/animationFrame/index.js";
 import "./utils/index.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/url/defaultUrls.js";
-const ho = (o) => new r(o);
+const ko = (o, r) => new i(o, r);
 export {
-  ho as PanoVideoPlugin,
-  qo as PanoVideoPluginType,
-  ho as default
+  ko as PanoVideoPlugin,
+  zo as PanoVideoPluginType,
+  ko as default
 };

package/libs/base/BasePlugin.d.ts

@@ -1,3 +1,4 @@
+import type { AudioFocusHost } from '../shared-utils/audioFocus';
 import type { Five } from '@realsee/five';
 import { Subscribe } from '../shared-utils/Subscribe';
 import { WorkUtil } from '../shared-utils/Utils/WorkUtil';
@@ -25,6 +26,7 @@ interface BaseOptions {
     [key: string]: unknown;
 }
 interface Config {
+    audioFocus?: AudioFocusHost;
     /** 静态资源前缀 */
     staticPrefix?: string;
     /** 国际化转换函数 */

package/libs/base/BasePlugin.js

@@ -1,7 +1,7 @@
 var e = Object.defineProperty;
 var s = (o, t, i) => t in o ? e(o, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[t] = i;
 var r = (o, t, i) => (s(o, typeof t != "symbol" ? t + "" : t, i), i);
-import { Subscribe as m } from "../shared-utils/Subscribe.js";
+import { Subscribe as l } from "../shared-utils/Subscribe.js";
 import "../shared-utils/tag.js";
 import "three";
 import "../vendor/hammerjs/hammer.js";
@@ -15,7 +15,7 @@ import "../shared-utils/three/blink.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../vendor/earcut/src/earcut.js";
-import { FiveUtil as l } from "../shared-utils/Utils/FiveUtil.js";
+import { FiveUtil as m } from "../shared-utils/Utils/FiveUtil.js";
 import { DEFAULT_STATIC_PREFIX as p } from "../shared-utils/url/defaultUrls.js";
 import "../shared-utils/five/FivePuppet.js";
 let I = class {
@@ -23,7 +23,7 @@ let I = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    r(this, "VERSION", "3.81.9");
+    r(this, "VERSION", "3.81.10-alpha.0");
     r(this, "NAME");
     r(this, "five");
     r(this, "workUtil");
@@ -31,9 +31,9 @@ let I = class {
     /**
      * @description: 插件事件钩子
      */
-    r(this, "hooks", new m());
+    r(this, "hooks", new l());
     r(this, "staticPrefix", p);
-    this.five = t, this.fiveUtil = new l(t), this.workUtil = this.fiveUtil.workUtil, i != null && i.staticPrefix && (this.staticPrefix = i.staticPrefix);
+    this.five = t, this.fiveUtil = new m(t), this.workUtil = this.fiveUtil.workUtil, i != null && i.staticPrefix && (this.staticPrefix = i.staticPrefix);
   }
   set workCode(t) {
     this.workUtil.workCode = t, this.onWorkCodeChange();

package/libs/index.d.ts

@@ -30,3 +30,4 @@ export * from './ModelMakerPlugin';
 export * from './DigitalPerformancePlugin';
 export * as DigitalPerformanceV2 from './DigitalPerformanceV2Plugin';
 export * as Util from './shared-utils/exports';
+export type { AudioIntent, AudioStopReason, AudioLease, AudioSource, AudioFocusHost } from './shared-utils/audioFocus';