@realsee/dnalogel 3.81.9 → 3.81.10-alpha.1

package/libs/PanoVideoPlugin/Controller.js

@@ -1,18 +1,18 @@
-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 u = Object.defineProperty, b = Object.defineProperties;
+var M = Object.getOwnPropertyDescriptors;
+var c = Object.getOwnPropertySymbols;
+var W = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
+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 (c)
+    for (var t of c(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";
+}, 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 "./utils/shader.js";
 import "../shared-utils/tag.js";
 import "../shared-utils/positionToVector3.js";
@@ -85,13 +85,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);
+class Gt extends A {
+  constructor(t, i) {
+    super(t);
     s(this, "controllerMap", /* @__PURE__ */ new Map());
     s(this, "data");
     s(this, "enabled", !0);
     s(this, "_disposed", !1);
+    this.options = i;
   }
   /** 插件 State */
   get state() {
@@ -104,59 +105,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((n) => {
+      const l = n.pano_index, g = n.render_id;
+      n.video_list.forEach((d) => {
+        var h;
         this.controllerMap.set(
-          m.render_id,
-          new h(this.five, a(p({}, m), {
+          d.render_id,
+          new f(this.five, m(a({
+            mediaManager: (h = this.options) == null ? void 0 : h.mediaManager
+          }, d), {
             fiveUtil: this.fiveUtil,
-            panoIndex: c,
-            renderID: f,
+            panoIndex: l,
+            renderID: g,
             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 });
+    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 });
+    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,27 +178,30 @@ class Fr extends _ {
    * }}
    * ```
    */
-  unmuteByRenderID(r) {
+  unmuteByRenderID(t, i = !1) {
     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;
       this.controllerMap.set(
         o.render_id,
-        new h(this.five, a(p({}, o), {
+        new f(this.five, m(a({
+          mediaManager: (l = this.options) == null ? void 0 : l.mediaManager
+        }, o), {
           fiveUtil: this.fiveUtil,
-          panoIndex: r,
+          panoIndex: t,
           renderID: n,
           hooks: this.hooks,
           initialState: { enabled: this.enabled }
@@ -203,32 +210,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
+  Gt as PanoVideoPluginController
 };

package/libs/PanoVideoPlugin/VideoMeshController.d.ts

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

package/libs/PanoVideoPlugin/VideoMeshController.js

@@ -1,9 +1,25 @@
-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 y = (v, i, e) => i in v ? g(v, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : v[i] = e;
+var t = (v, i, e) => (y(v, typeof i != "symbol" ? i + "" : i, e), e);
+var f = (v, i, e) => new Promise((o, n) => {
+  var r = (s) => {
+    try {
+      a(e.next(s));
+    } catch (h) {
+      n(h);
+    }
+  }, d = (s) => {
+    try {
+      a(e.throw(s));
+    } catch (h) {
+      n(h);
+    }
+  }, a = (s) => s.done ? o(s.value) : Promise.resolve(s.value).then(r, d);
+  a((e = e.apply(v, i)).next());
+});
+import { vertexShader as b, fragmentShader as I } 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 M, LinearFilter as c, ShaderMaterial as P, Vector4 as F, SphereBufferGeometry as x, Mesh as L, Vector3 as p, Quaternion as V } from "three";
 import "../vendor/hammerjs/hammer.js";
 import "../shared-utils/three/PointSelector/index.js";
 import "../shared-utils/three/CSS3DRenderer/index.js";
@@ -15,10 +31,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 A } 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 k from "./utils/index.js";
+import { anime as w } 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 +88,7 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "@realsee/five";
-class ji {
+class Xi {
   /** 初始化视频、模型以及相关事件监听。 */
   constructor(i, e) {
     t(this, "video");
@@ -101,27 +117,40 @@ class ji {
      * @remark 由于 render video 依赖 Five render，因此需要自动 render five。
      */
     t(this, "renderFiveDisposer");
+    t(this, "playbackController");
+    t(this, "session");
+    t(this, "playbackGeneration", 0);
     t(this, "hooks");
     /**
      * 取消静音
      *
      * @warning 需要注意：由于大部分浏览器的限制，视频的声音必须在用户有交互事件后才能开启，否则会被浏览器禁用视频播放。
      */
-    t(this, "unmute", () => {
-      this.video.muted = !1;
-    });
+    t(this, "unmute", (i = !1) => f(this, null, function* () {
+      var n, r;
+      if (this.disposed)
+        return;
+      if (!this.video.paused)
+        return this.play(i, !1);
+      const e = (n = this.playbackController) == null ? void 0 : n.begin({ userAction: i, audible: !0 });
+      if (this.playbackController && !e)
+        return;
+      this.session = e;
+      const o = (r = e == null ? void 0 : e.bind(this.video)) != null ? r : this.video;
+      o.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 n = Math.PI, r = Math.PI * 2, d = i, a = 1 - e, s = new p(
+        -1 * Math.cos(r * d) * Math.sin(n * a),
+        1 * Math.cos(n * a),
+        1 * Math.sin(r * d) * Math.sin(n * a)
       );
-      d.setX(-d.x);
+      s.setX(-s.x);
       const h = this.fiveUtil.workUtil.getResolvedObserver(this.panoIndex);
       if (!h)
         return this.logWarning(`点位 ${this.panoIndex} 不存在，请检查 Five 数据是否正常。`);
-      const l = h.position.clone(), m = h.quaternion.clone(), u = d.clone();
+      const l = h.position.clone(), m = h.quaternion.clone(), u = s.clone();
       return u.applyAxisAngle(new p(0, 1, 0), Math.PI / 2), u.applyQuaternion(m), u.add(l), u;
     });
     /** Five 数据加载后需要根据点位位姿调整点位模型位置 */
@@ -130,12 +159,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: o, z: n, w: r } = i.quaternion, d = new V(e, o, n, r), a = i.position;
+      this.videoMesh.position.fromArray([a.x, a.y, a.z]), this.videoMesh.quaternion.set(0, 0, 0, 1), this.videoMesh.rotateOnAxis(new p(0, 1, 0), Math.PI / 2), this.videoMesh.applyQuaternion(d);
     });
     /** 兼容视频播放 */
     t(this, "onFiveWantsMoveToPano", (i) => {
-      i === this.panoIndex && (this.hasVideoEverPlayed || this.video.play().catch(() => {
+      i === this.panoIndex && (this.hasVideoEverPlayed || this.play(!1, !0).catch(() => {
       }));
     });
     /** 走到某个点位上时，挂载/卸载视频 */
@@ -170,14 +199,14 @@ class ji {
       if (!e)
         return;
       if (this.checkIntersectionInBounding(this.origin, e)) {
-        const o = {
+        const n = {
           target: this,
           _preventDefaultReturn: !1,
           preventDefault: () => {
-            o._preventDefaultReturn = !0;
+            n._preventDefaultReturn = !0;
           }
         };
-        return this.hooks.emit("click", o), o._preventDefaultReturn === !1 && (this.video.muted = !this.video.muted), !1;
+        return this.hooks.emit("click", n), n._preventDefaultReturn === !1 && (this.video.muted ? this.unmute(!0) : this.mute()), !1;
       }
     });
     /** video canplaythrough 事件触发 */
@@ -203,13 +232,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 = A(() => {
             this.five.needsRender = !0;
           }, 30)), this.five.scene.add(this.videoMesh), this.videoMesh.material.uniforms.opacity.value === 0)) {
             const i = {
               value: 0
             };
-            D({
+            w({
               targets: i,
               value: 1,
               duration: 300,
@@ -231,28 +260,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;
-    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,
+    var s, h, l;
+    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 = (s = e.initialState) == null ? void 0 : s.enabled) != null ? h : !0;
+    const o = document.createElement("video");
+    o.crossOrigin = "anonymous", o.autoplay = !1, o.muted = !0, o.loop = !0, o.playsInline = !0, this.video = o, this.playbackController = (l = e.mediaManager) == null ? void 0 : l.createController({ label: "pano-video", onCancel: () => {
+      this.playbackGeneration++, this.session = void 0;
+    } });
+    const n = new M(this.video);
+    n.minFilter = c, n.magFilter = c;
+    const r = new P({
+      vertexShader: b,
+      fragmentShader: I,
       uniforms: {
-        map: { value: o },
+        map: { value: n },
         size: {
-          value: new y(this.origin[0], 1 - this.origin[1] - this.origin[3], this.origin[2], this.origin[3])
+          value: new F(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;
+    }), d = new x(1, 64, 64);
+    d.scale(-1, 1, 1);
+    const a = new L(d, r);
+    a.name = "pano-video-plugin", this.videoMesh = a, this.fiveUtil.workUtil.work && this.onFiveDataLoaded(), this.enabled && this.addEventListeners(), this.mountIfNeeded(), window[`__PANOVIDEO_${this.renderID}_DEBUG__`] = this;
   }
   /** 传入的 ID，不可更改 */
   get renderID() {
@@ -266,9 +297,43 @@ class ji {
   get enabled() {
     return this._enabled;
   }
+  play(i = !1, e = !1) {
+    return f(this, null, function* () {
+      var d, a;
+      if (this.disposed)
+        return;
+      const o = (d = this.playbackController) == null ? void 0 : d.begin({ userAction: i, audible: !e });
+      if (this.playbackController && !o)
+        return;
+      this.session = o;
+      const n = ++this.playbackGeneration, r = (a = o == null ? void 0 : o.bind(this.video)) != null ? a : this.video;
+      r.muted = e;
+      try {
+        yield r.play();
+      } catch (s) {
+        if (o != null && o.signal.aborted || n !== this.playbackGeneration)
+          return;
+        if (s.name === "AbortError") {
+          this.pause();
+          return;
+        }
+        throw this.pause(), s;
+      }
+    });
+  }
+  pause() {
+    var i;
+    (i = this.playbackController) == null || i.cancel(), this.playbackGeneration++, this.session = void 0, this.video.muted = !0, this.video.pause();
+  }
+  mute() {
+    var e, o;
+    const i = (o = (e = this.session) == null ? void 0 : e.bind(this.video)) != null ? o : this.video;
+    i.muted = !0;
+  }
   /** 彻底销毁，不响应之后的任何事件 */
   dispose() {
-    this.disposed || (this.disable(), this._disposed = !0);
+    var i;
+    this.disposed || (this.disable(), (i = this.playbackController) == null || i.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 +354,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 o = new p().subVectors(e, this.observer.position).normalize(), { longitude: n, latitude: r } = k(o);
+    this.five.setState({ panoIndex: this.panoIndex, longitude: n, latitude: r }), this.onFiveWantsMoveToPano(this.panoIndex);
   }
   /** 获取视频中心点的 uv */
   getUVCenter() {
@@ -318,21 +383,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(!1, 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.pause(), 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.pause(), this.video.pause(), this.videoMesh.material.uniforms.opacity.value = 0, this.five.scene.remove(this.videoMesh);
   }
   /** 控制台打印警告 */
   logWarning(i) {
@@ -342,10 +403,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 [o, n] = e.uv.toArray(), [r, d, a, s] = i, h = 1 - d - s, l = r + a, m = h + s;
+    return o >= r && o <= l && n >= h && n <= m;
   }
 }
 export {
-  ji as VideoMeshController
+  Xi as VideoMeshController
 };

package/libs/PanoVideoPlugin/index.d.ts

@@ -1,3 +1,4 @@
+import type { PlaybackManager } from '../shared-utils/playback';
 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<{
+    mediaManager?: PlaybackManager;
+} | undefined, PanoVideoPluginController>;
 export { _PanoVideoPluginType as PanoVideoPluginType };
-export type PanoVideoPluginParameterType = undefined;
+export type PanoVideoPluginParameterType = {
+    mediaManager?: PlaybackManager;
+} | undefined;
 export type PanoVideoPluginReturnType = InstanceType<typeof PanoVideoPluginController>;
 export default PanoVideoPlugin;

package/libs/PanoVideoPlugin/index.js

@@ -1,5 +1,5 @@
-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 vo } from "./typings/index.js";
 import "./VideoMeshController.js";
 import "./utils/shader.js";
 import "../shared-utils/tag.js";
@@ -74,9 +74,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 jo = (o, r) => new i(o, r);
 export {
-  ho as PanoVideoPlugin,
-  qo as PanoVideoPluginType,
-  ho as default
+  jo as PanoVideoPlugin,
+  vo as PanoVideoPluginType,
+  jo as default
 };

package/libs/base/BasePlugin.d.ts

@@ -1,3 +1,4 @@
+import type { PlaybackManager } from '../shared-utils/playback';
 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 {
+    mediaManager?: PlaybackManager;
     /** 静态资源前缀 */
     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.1");
     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 { PlaybackManager, PlaybackController, PlaybackSession, MediaOperations } from './shared-utils/playback';

package/libs/shared-utils/audio.d.ts

@@ -26,6 +26,7 @@ export declare class IAudio extends IAudio_base {
     set src(paramsSrc: string);
     get muted(): boolean;
     set muted(muted: boolean);
+    generation: number;
     realSrc: string;
     inited: boolean;
     removeDocumentEventListener: () => void;