@realsee/dnalogel 2.10.3 → 2.10.5-alpha.0

package/libs/PanoTagPlugin/Components/Tag/index.js

@@ -81,8 +81,8 @@ import "../../../shared-utils/animationFrame/BetterTween.js";
 import "../../../shared-utils/animationFrame/index.js";
 import "./AudioTag/AudioTag.js";
 import "../Common/Audio.js";
-import "../../../shared-utils/audio.js";
 import "../../utils/audio/SharedAudio.js";
+import "../../../shared-utils/audio.js";
 import "../Common/Icon/audioIcon.js";
 import "./AudioTag/AudioPlaneTag.js";
 import "../Common/Icon/Icon.js";

package/libs/PanoTagPlugin/Components/TagContainer.js

@@ -80,8 +80,8 @@ import "../utils/tag/tagCheck.js";
 import "./Tag/AudioTag/index.js";
 import "./Tag/AudioTag/AudioTag.js";
 import "./Common/Audio.js";
-import "../../shared-utils/audio.js";
 import "../utils/audio/SharedAudio.js";
+import "../../shared-utils/audio.js";
 import "./Common/Icon/audioIcon.js";
 import "./Tag/AudioTag/AudioPlaneTag.js";
 import "./Tag/MediaPlane.js";

package/libs/PanoTagPlugin/Components/TagItem.js

@@ -80,8 +80,8 @@ import "../utils/tag/tagCheck.js";
 import "./Tag/AudioTag/index.js";
 import "./Tag/AudioTag/AudioTag.js";
 import "./Common/Audio.js";
-import "../../shared-utils/audio.js";
 import "../utils/audio/SharedAudio.js";
+import "../../shared-utils/audio.js";
 import "./Common/Icon/audioIcon.js";
 import "./Tag/AudioTag/AudioPlaneTag.js";
 import "./Tag/MediaPlane.js";

package/libs/PanoTagPlugin/controller/index.js

@@ -1,15 +1,15 @@
-var B = Object.defineProperty, G = Object.defineProperties;
-var x = Object.getOwnPropertyDescriptors;
+var L = Object.defineProperty, V = Object.defineProperties;
+var B = Object.getOwnPropertyDescriptors;
 var F = Object.getOwnPropertySymbols;
-var N = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
-var P = (h, d, e) => d in h ? B(h, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[d] = e, p = (h, d) => {
+var x = Object.prototype.hasOwnProperty, G = Object.prototype.propertyIsEnumerable;
+var P = (h, d, e) => d in h ? L(h, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[d] = e, p = (h, d) => {
   for (var e in d || (d = {}))
-    N.call(d, e) && P(h, e, d[e]);
+    x.call(d, e) && P(h, e, d[e]);
   if (F)
     for (var e of F(d))
-      W.call(d, e) && P(h, e, d[e]);
+      G.call(d, e) && P(h, e, d[e]);
   return h;
-}, T = (h, d) => G(h, x(d));
+}, T = (h, d) => V(h, B(d));
 var l = (h, d, e) => (P(h, typeof d != "symbol" ? d + "" : d, e), e);
 var c = (h, d, e) => new Promise((t, i) => {
   var s = (n) => {
@@ -27,26 +27,26 @@ var c = (h, d, e) => new Promise((t, i) => {
   }, r = (n) => n.done ? t(n.value) : Promise.resolve(n.value).then(s, o);
   r((e = e.apply(h, d)).next());
 });
-import { Subscribe as z } from "@realsee/five";
-import { Group as E, Vector3 as A, Matrix4 as S, Quaternion as _ } from "three";
+import { Subscribe as N } from "@realsee/five";
+import { Group as E, Vector3 as A, Matrix4 as S, Quaternion as W } from "three";
 import v from "object-assign-deep";
-import { writable as $ } from "../../vendor/svelte/store/index.js";
-import q from "../Components/TagContainer.js";
-import H from "../Components/Tag/index.js";
+import { writable as z } from "../../vendor/svelte/store/index.js";
+import _ from "../Components/TagContainer.js";
+import $ from "../Components/Tag/index.js";
 import { arrayPositionToVector3 as C } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { addDebugPoints as J } from "../utils/addDebugPoints.js";
+import { addDebugPoints as q } from "../utils/addDebugPoints.js";
 import { planeNormal as k } from "../utils/planeNormal.js";
 import "@realsee/five/gltf-loader";
 import { isMediaModelTag as f } from "../utils/tag/tagCheck.js";
-import { waitFiveModelLoaded as Q } from "../utils/actionAfterFiveModelLoad.js";
-import { normalPositionToPositions as X } from "../utils/normalPositionToPositions.js";
+import { waitFiveModelLoaded as H } from "../utils/actionAfterFiveModelLoad.js";
+import { normalPositionToPositions as J } from "../utils/normalPositionToPositions.js";
 import { debounce as j } from "../utils/debounce.js";
-import { throttle as K } from "../utils/throttle.js";
+import { throttle as Q } from "../utils/throttle.js";
 import { resizeObserver as I } from "../utils/resizeObserver.js";
-import { TagComputer as Y } from "./TagComputer.js";
-import { CSS3DRenderPlugin as Z } from "../../CSS3DRenderPlugin/index.js";
-import ee from "../utils/tag/format.js";
-import { generateBlankAudio as U, AudioNamespace as L } from "../../shared-utils/audio.js";
+import { TagComputer as X } from "./TagComputer.js";
+import { CSS3DRenderPlugin as K } from "../../CSS3DRenderPlugin/index.js";
+import Y from "../utils/tag/format.js";
+import { generateBlankAudio as Z, AudioNamespace as ee } from "../../shared-utils/audio.js";
 import { loadGLTF as te } from "../../shared-utils/three/GLTFLoader.js";
 import "../../vendor/svelte/internal/index.js";
 import "../Components/TagItem.js";
@@ -140,18 +140,18 @@ import "./TagCacheController.js";
 import "../../base/BasePlugin.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
-const V = "3.0.0", M = `DnalogelPlugin-PanoTagPlugin@${V}`, ie = !1, li = (h) => `${M}--${h}`;
-class hi extends Y {
+const U = "3.0.0", M = `DnalogelPlugin-PanoTagPlugin@${U}`, ie = !1, li = (h) => `${M}--${h}`;
+class hi extends X {
   constructor(e, t) {
     super(e);
-    l(this, "version", V);
+    l(this, "version", U);
     l(this, "state", { enabled: !0, visible: !0 });
     l(this, "params");
     l(this, "debug");
     l(this, "css3DRenderPlugin");
     l(this, "TagContainerSvelte");
     l(this, "temporaryState", { visible: !0 });
-    l(this, "mediaStore", $({
+    l(this, "mediaStore", z({
       currentMediaElement: null
     }));
     l(this, "group", new E());
@@ -195,7 +195,7 @@ class hi extends Y {
       const r = this.gltfObjectGroup.children.find((a) => a.customID === e.id);
       return r && this.gltfObjectGroup.remove(r), this.gltfObjectGroup.add(s), this.updateTagCss3DObjectMatrix(e, s), s;
     }));
-    this.group.name = "PanoTagPluginModelGroup", this.gltfObjectGroup.name = "PanoTagPluginGLTFObjectGroup", this.group.add(this.gltfObjectGroup), this.params = p({ debug: !1, config: this.config }, t), this.debug = this.params.debug, this.config = this.params.config, U(1, { namespace: L.GetAudioDuration }), U(1, { namespace: L.PlayAudio }), Object.assign(window, { [`__PANOTAGPLUGIN_DEBUG_${Date.now()}__`]: this }), Object.assign(window, { __PANOTAGPLUGIN_DEBUG__: this }), this.state.enabled && this.five.scene.add(this.group);
+    this.group.name = "PanoTagPluginModelGroup", this.gltfObjectGroup.name = "PanoTagPluginGLTFObjectGroup", this.group.add(this.gltfObjectGroup), this.params = p({ debug: !1, config: this.config }, t), this.debug = this.params.debug, this.config = this.params.config, Z(1, { namespace: ee.PlayAudio }), Object.assign(window, { [`__PANOTAGPLUGIN_DEBUG_${Date.now()}__`]: this }), Object.assign(window, { __PANOTAGPLUGIN_DEBUG__: this }), this.state.enabled && this.five.scene.add(this.group);
   }
   load(e, t) {
     return c(this, null, function* () {
@@ -207,7 +207,7 @@ class hi extends Y {
       const i = yield this.addTag(e.tagList, t);
       if (this.debug)
         try {
-          J(this.five, this.tags);
+          q(this.five, this.tags);
         } catch (r) {
           console.error(r);
         }
@@ -220,12 +220,12 @@ class hi extends Y {
         const r = this.getTagConfig(o);
         return T(p({}, o), {
           state: p({ visible: void 0, unfolded: ie }, r.initialState),
-          hooks: new z(),
+          hooks: new N(),
           clickable: r.clickable,
           mergedConfig: r
         });
       }).filter((o) => o.position);
-      return s.forEach(ee), this.tags.push(...s), Q(this.five).then(() => {
+      return s.forEach(Y), this.tags.push(...s), H(this.five).then(() => {
         var o, r, n;
         return this.store.eventListenerDisposer && ((r = (o = this.store).eventListenerDisposer) == null || r.call(o)), this.state.enabled && (this.store.eventListenerDisposer = this.addEventListener()), this.addResizeListener(), this.checkPanelTag(), this.setVisibleAndUnfolded({ withAnimation: (n = t == null ? void 0 : t.withAnimation) != null ? n : !0 }).then(() => this.updateRenderAllTags()), this.updateRenderAllTags(), this.addMediaModelTag(s);
       });
@@ -386,7 +386,7 @@ class hi extends Y {
     }, i = () => {
       !this.state.enabled || this.hide();
     }, { observe: s, unobserve: o } = I(
-      K(() => {
+      Q(() => {
         !this.store.resizeObserverDisposer || i();
       }, 500),
       e
@@ -477,7 +477,7 @@ class hi extends Y {
       const i = (t = this.five.getElement()) == null ? void 0 : t.parentElement;
       if (!i)
         return console.error("updateRenderPlaneTag: tag2DContainer not found");
-      this.TagContainerSvelte = new q({
+      this.TagContainerSvelte = new _({
         target: i,
         props: { hooks: this.hooks, tags: e, state: this.state, temporaryState: this.temporaryState, mediaStore: this.mediaStore }
       });
@@ -494,16 +494,16 @@ class hi extends Y {
           state: this.state,
           temporaryState: this.temporaryState
         }), !b.equals(u)) {
-          const D = new _().setFromUnitVectors(b, u);
+          const D = new W().setFromUnitVectors(b, u);
           y.css3DObject.setRotationFromQuaternion(D);
         }
         return;
       }
       if (((m = t.state) == null ? void 0 : m.visible) === !1)
         return;
-      if (this.css3DRenderPlugin || (this.css3DRenderPlugin = Z(this.five)), t.stickType === "3DPoint" && !t.normal)
+      if (this.css3DRenderPlugin || (this.css3DRenderPlugin = K(this.five)), t.stickType === "3DPoint" && !t.normal)
         return console.error("updateRenderPlaneTag: \u4E09\u7EF4\u70B9\u6807\u7B7E\u7F3A\u5C11\u6CD5\u5411\u91CF\uFF01");
-      const i = (() => t.stickType === "Plane" ? t.position : f(t) ? t.data.mediaPosition : X(
+      const i = (() => t.stickType === "Plane" ? t.position : f(t) ? t.data.mediaPosition : J(
         this.five.camera.position,
         C(t.position),
         C(t.normal)
@@ -522,7 +522,7 @@ class hi extends Y {
         return;
       const o = this.getTagConfig(t).tag3DConfig, r = this.css3DRenderPlugin.create3DDomContainer(i, o);
       !r || (this.updateTagCss3DObjectVisible(t), this.store.css3DRenderDisposer.set(t.id, r.dispose), t.tag3DContentSvelte = {
-        svelteApp: new H({
+        svelteApp: new $({
           target: r.container,
           props: {
             tag: t,

package/libs/PanoTagPlugin/index.js

@@ -87,8 +87,8 @@ import "./utils/tag/tagCheck.js";
 import "./Components/Tag/AudioTag/index.js";
 import "./Components/Tag/AudioTag/AudioTag.js";
 import "./Components/Common/Audio.js";
-import "../shared-utils/audio.js";
 import "./utils/audio/SharedAudio.js";
+import "../shared-utils/audio.js";
 import "./Components/Common/Icon/audioIcon.js";
 import "./Components/Tag/AudioTag/AudioPlaneTag.js";
 import "./Components/Tag/MediaPlane.js";

package/libs/PanoTagPlugin/utils/audio/SharedAudio.d.ts

@@ -1,6 +1,6 @@
 export declare class SharedAudio extends Audio {
     sharedAudioSrc?: string;
-    sharedAudioPaused: boolean;
+    private sharedAudioPaused;
     get paused(): boolean;
     get currentTime(): number;
     private sharedAudioCurrentTime;

package/libs/PanoTagPlugin/utils/audio/SharedAudio.js

@@ -1,32 +1,16 @@
-var y = Object.defineProperty;
-var L = (r, a, e) => a in r ? y(r, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[a] = e;
-var u = (r, a, e) => (L(r, typeof a != "symbol" ? a + "" : a, e), e);
-var m = (r, a, e) => new Promise((o, d) => {
-  var i = (n) => {
-    try {
-      h(e.next(n));
-    } catch (c) {
-      d(c);
-    }
-  }, p = (n) => {
-    try {
-      h(e.throw(n));
-    } catch (c) {
-      d(c);
-    }
-  }, h = (n) => n.done ? o(n.value) : Promise.resolve(n.value).then(i, p);
-  h((e = e.apply(r, a)).next());
-});
-import { getAudio as E, AudioNamespace as A } from "../../../shared-utils/audio.js";
-class f extends Audio {
+var m = Object.defineProperty;
+var y = (r, a, e) => a in r ? m(r, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[a] = e;
+var n = (r, a, e) => (y(r, typeof a != "symbol" ? a + "" : a, e), e);
+import { getAudio as L, AudioNamespace as A } from "../../../shared-utils/audio.js";
+class I extends Audio {
   constructor(e) {
     super();
-    u(this, "sharedAudioSrc");
-    u(this, "sharedAudioPaused", !0);
-    u(this, "sharedAudioCurrentTime", 0);
-    u(this, "tryplaying", !1);
-    u(this, "audioInstance");
-    u(this, "eventListenerDisposer");
+    n(this, "sharedAudioSrc");
+    n(this, "sharedAudioPaused", !0);
+    n(this, "sharedAudioCurrentTime", 0);
+    n(this, "tryplaying", !1);
+    n(this, "audioInstance");
+    n(this, "eventListenerDisposer");
     this.sharedAudioSrc = e;
   }
   get paused() {
@@ -37,27 +21,22 @@ class f extends Audio {
     return this.sharedAudioCurrentTime;
   }
   play() {
-    return m(this, null, function* () {
-      var e, o, d;
-      this.tryplaying || (this.tryplaying = !0, (!this.audioInstance || ((e = this.audioInstance) == null ? void 0 : e.realSrc) !== this.sharedAudioSrc) && (this.audioInstance = E(this.sharedAudioSrc, { namespace: A.PlayAudio })), (o = this.eventListenerDisposer) == null || o.call(this), this.eventListenerDisposer = this.addEventListeners(), this.audioInstance.currentTime = (d = this.currentTime) != null ? d : 0, this.audioInstance.play().then(() => {
-        var i;
-        this.audioInstance.currentTime = (i = this.currentTime) != null ? i : 0, this.sharedAudioPaused = !1;
-      }).catch((i) => {
-        this.pause(), console.warn(i);
-      }).finally(() => {
-        this.tryplaying = !1;
-      }));
-    });
+    var e, d, o;
+    this.tryplaying || (this.tryplaying = !0, (!this.audioInstance || ((e = this.audioInstance) == null ? void 0 : e.realSrc) !== this.sharedAudioSrc) && (this.audioInstance = L(this.sharedAudioSrc, { namespace: A.PlayAudio })), (d = this.eventListenerDisposer) == null || d.call(this), this.eventListenerDisposer = this.addEventListeners(), this.audioInstance.currentTime = (o = this.currentTime) != null ? o : 0, this.audioInstance.play().catch((i) => {
+      var u;
+      console.warn("Error playing media in Safari", i), (u = this.onerror) == null || u.call(this, i);
+    }).then(() => {
+      var i;
+      this.audioInstance.muted = !1, this.audioInstance.currentTime = (i = this.currentTime) != null ? i : 0, this.sharedAudioPaused = !1;
+    }).finally(() => {
+      this.tryplaying = !1;
+    }));
   }
   pause() {
-    !this.audioInstance || this.paused || (this.sharedAudioPaused = !0, this.audioInstance.addEventListener(
-      "pause",
-      () => {
-        var e;
-        (e = this.eventListenerDisposer) == null || e.call(this);
-      },
-      { once: !0 }
-    ), this.audioInstance.pause());
+    !this.audioInstance || this.paused || (this.sharedAudioPaused = !0, this.audioInstance.addEventListener("pause", () => {
+      var e;
+      return (e = this.eventListenerDisposer) == null ? void 0 : e.call(this);
+    }, { once: !0 }), this.audioInstance.pause());
   }
   dispose() {
     this.clear(), this.audioInstance = void 0;
@@ -70,25 +49,25 @@ class f extends Audio {
     const e = this.audioInstance;
     if (!e)
       return;
-    const o = (s) => {
+    const d = (s) => {
       var t;
-      this.sharedAudioCurrentTime = e.currentTime, this.sharedAudioPaused = e.paused, (t = this.ontimeupdate) == null || t.call(this, s);
-    }, d = (s) => {
+      this.sharedAudioCurrentTime = e.currentTime, e.currentTime === 0 && (this.sharedAudioPaused = e.paused), (t = this.ontimeupdate) == null || t.call(this, s);
+    }, o = (s) => {
       var t;
-      return (t = this.onplay) == null ? void 0 : t.call(this, s);
+      e.isBlankAudio || (this.sharedAudioPaused = !1, (t = this.onplay) == null || t.call(this, s));
     }, i = (s) => {
       var t;
-      (t = this.onpause) == null || t.call(this, s), this.sharedAudioPaused = !0, this.clear();
-    }, p = (s) => {
+      (t = this.onpause) == null || t.call(this, s), !this.sharedAudioPaused && (this.pause(), this.sharedAudioPaused = !0, this.clear());
+    }, u = (s) => {
       var t;
       (t = this.onended) == null || t.call(this, s), this.sharedAudioPaused = !0, this.sharedAudioCurrentTime = 0;
     }, h = (s) => {
       var t;
-      return (t = this.onerror) == null ? void 0 : t.call(this, s);
-    }, n = (s) => {
+      this.sharedAudioPaused = !0, (t = this.onerror) == null || t.call(this, s);
+    }, c = (s) => {
       var t;
       return (t = this.oncanplay) == null ? void 0 : t.call(this, s);
-    }, c = (s) => {
+    }, p = (s) => {
       var t;
       return (t = this.oncanplaythrough) == null ? void 0 : t.call(this, s);
     }, l = (s) => {
@@ -98,11 +77,11 @@ class f extends Audio {
       var t;
       return (t = this.onloadedmetadata) == null ? void 0 : t.call(this, s);
     };
-    return e.addEventListener("timeupdate", o), e.addEventListener("play", d), e.addEventListener("pause", i), e.addEventListener("ended", p), e.addEventListener("error", h), e.addEventListener("canplay", n), e.addEventListener("canplaythrough", c), e.addEventListener("loadeddata", l), e.addEventListener("loadedmetadata", v), () => {
-      e.removeEventListener("timeupdate", o), e.removeEventListener("play", d), e.removeEventListener("pause", i), e.removeEventListener("ended", p), e.removeEventListener("error", h), e.removeEventListener("canplay", n), e.removeEventListener("canplaythrough", c), e.removeEventListener("loadeddata", l), e.removeEventListener("loadedmetadata", v);
+    return e.addEventListener("timeupdate", d), e.addEventListener("play", o), e.addEventListener("pause", i), e.addEventListener("ended", u), e.addEventListener("error", h), e.addEventListener("canplay", c), e.addEventListener("canplaythrough", p), e.addEventListener("loadeddata", l), e.addEventListener("loadedmetadata", v), () => {
+      e.removeEventListener("timeupdate", d), e.removeEventListener("play", o), e.removeEventListener("pause", i), e.removeEventListener("ended", u), e.removeEventListener("error", h), e.removeEventListener("canplay", c), e.removeEventListener("canplaythrough", p), e.removeEventListener("loadeddata", l), e.removeEventListener("loadedmetadata", v);
     };
   }
 }
 export {
-  f as SharedAudio
+  I as SharedAudio
 };

package/libs/PanoVideoPlugin/Controller.js

@@ -1,16 +1,16 @@
-var g = Object.defineProperty, f = Object.defineProperties;
-var D = Object.getOwnPropertyDescriptors;
+var g = Object.defineProperty, D = Object.defineProperties;
+var B = Object.getOwnPropertyDescriptors;
 var h = Object.getOwnPropertySymbols;
-var B = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
-var s = (o, e, r) => e in o ? g(o, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[e] = r, l = (o, e) => {
-  for (var r in e || (e = {}))
-    B.call(e, r) && s(o, r, e[r]);
+var b = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
+var s = (o, r, e) => r in o ? g(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, l = (o, r) => {
+  for (var e in r || (r = {}))
+    b.call(r, e) && s(o, e, r[e]);
   if (h)
-    for (var r of h(e))
-      m.call(e, r) && s(o, r, e[r]);
+    for (var e of h(r))
+      m.call(r, e) && s(o, e, r[e]);
   return o;
-}, a = (o, e) => f(o, D(e));
-var n = (o, e, r) => (s(o, typeof e != "symbol" ? e + "" : e, r), r);
+}, a = (o, r) => D(o, B(r));
+var u = (o, r, e) => (s(o, typeof r != "symbol" ? r + "" : r, e), e);
 import { VideoMeshController as p } from "./VideoMeshController.js";
 import { Controller as A } from "../base/BasePlugin.js";
 import "./utils/shader.js";
@@ -35,13 +35,13 @@ import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../shared-utils/animationFrame/index.js";
 import "../shared-utils/animationFrame/BetterTween.js";
 import "./utils/index.js";
-class L extends A {
-  constructor(r) {
-    super(r);
-    n(this, "enabled", !0);
-    n(this, "controllerMap", /* @__PURE__ */ new Map());
-    n(this, "_disposed", !1);
-    this.five = r;
+class N extends A {
+  constructor(e) {
+    super(e);
+    u(this, "enabled", !0);
+    u(this, "controllerMap", /* @__PURE__ */ new Map());
+    u(this, "_disposed", !1);
+    this.five = e;
   }
   get state() {
     return {
@@ -51,86 +51,91 @@ class L extends A {
   get disposed() {
     return this._disposed;
   }
-  load(r, t) {
+  load(e, t) {
+    var i;
     if (this.disposed)
       return this.logWarning("\u63D2\u4EF6\u5DF2\u88AB\u9500\u6BC1");
-    r.list.forEach((i) => {
-      const u = i.pano_index, c = i.render_id;
-      i.video_list.forEach((d) => {
+    typeof ((i = t == null ? void 0 : t.initialState) == null ? void 0 : i.enabled) != "undefined" && t.initialState.enabled !== this.enabled && (t.initialState.enabled ? this.enable() : this.disable()), e.list.forEach((n) => {
+      const c = n.pano_index, f = n.render_id;
+      n.video_list.forEach((d) => {
         this.controllerMap.set(
           d.render_id,
-          new p(this.five, a(l({}, d), { panoIndex: u, renderID: c, initialState: t == null ? void 0 : t.initialState }))
+          new p(this.five, a(l({}, d), {
+            panoIndex: c,
+            renderID: f,
+            initialState: { enabled: this.enabled }
+          }))
         );
       });
     });
   }
-  enable(r) {
+  enable(e) {
     var i;
     if (this.disposed)
       return this.logWarning("\u63D2\u4EF6\u5DF2\u88AB\u9500\u6BC1");
     if (this.enabled)
       return;
-    this.enabled = !0, Array.from(this.controllerMap.values()).forEach((u) => u.enable());
-    const t = (i = r == null ? void 0 : r.userAction) != null ? i : !0;
+    this.enabled = !0, Array.from(this.controllerMap.values()).forEach((n) => n.enable());
+    const t = (i = e == null ? void 0 : e.userAction) != null ? i : !0;
     this.hooks.emit("enable", { userAction: t });
   }
-  disable(r) {
+  disable(e) {
     var i;
     if (this.disposed)
       return this.logWarning("\u63D2\u4EF6\u5DF2\u88AB\u9500\u6BC1");
     if (!this.enabled)
       return;
-    this.enabled = !1, Array.from(this.controllerMap.values()).forEach((u) => u.disable());
-    const t = (i = r == null ? void 0 : r.userAction) != null ? i : !0;
+    this.enabled = !1, Array.from(this.controllerMap.values()).forEach((n) => n.disable());
+    const t = (i = e == null ? void 0 : e.userAction) != null ? i : !0;
     this.hooks.emit("disable", { userAction: t });
   }
-  lookAtVideoItemByRenderID(r) {
+  lookAtVideoItemByRenderID(e) {
     if (this.disposed)
       return this.logWarning("\u63D2\u4EF6\u5DF2\u88AB\u9500\u6BC1");
-    const t = this.controllerMap.get(r);
+    const t = this.controllerMap.get(e);
     if (!t)
-      return this.logWarning(`ID \u4E3A ${r} \u7684\u70B9\u4F4D\u89C6\u9891\u4E0D\u5B58\u5728`);
+      return this.logWarning(`ID \u4E3A ${e} \u7684\u70B9\u4F4D\u89C6\u9891\u4E0D\u5B58\u5728`);
     t.lookAtVideo();
   }
-  add(r, t) {
+  add(e, t) {
     if (this.disposed)
       return this.logWarning("\u63D2\u4EF6\u5DF2\u88AB\u9500\u6BC1");
     t.forEach((i) => {
       if (this.controllerMap.get(i.render_id))
         return this.logWarning(`ID \u4E3A ${i.render_id} \u7684\u70B9\u4F4D\u89C6\u9891\u5DF2\u5B58\u5728`);
-      const u = i.render_id;
+      const n = i.render_id;
       this.controllerMap.set(
         i.render_id,
         new p(this.five, a(l({}, i), {
-          panoIndex: r,
-          renderID: u,
+          panoIndex: e,
+          renderID: n,
           initialState: { enabled: this.enabled }
         }))
       );
     });
   }
-  removeByRenderID(r) {
+  removeByRenderID(e) {
     if (this.disposed)
       return this.logWarning("\u63D2\u4EF6\u5DF2\u88AB\u9500\u6BC1");
-    const t = this.controllerMap.get(r);
+    const t = this.controllerMap.get(e);
     if (!t)
-      return this.logWarning(`ID \u4E3A ${r} \u7684\u70B9\u4F4D\u89C6\u9891\u4E0D\u5B58\u5728`);
-    t.dispose(), this.controllerMap.delete(r);
+      return this.logWarning(`ID \u4E3A ${e} \u7684\u70B9\u4F4D\u89C6\u9891\u4E0D\u5B58\u5728`);
+    t.dispose(), this.controllerMap.delete(e);
   }
   clear() {
     if (this.disposed)
       return this.logWarning("\u63D2\u4EF6\u5DF2\u88AB\u9500\u6BC1");
-    Array.from(this.controllerMap.values()).forEach((r) => r.dispose()), this.controllerMap.clear();
+    Array.from(this.controllerMap.values()).forEach((e) => e.dispose()), this.controllerMap.clear();
   }
   dispose() {
     if (this.disposed)
       return this.logWarning("\u63D2\u4EF6\u5DF2\u88AB\u9500\u6BC1");
-    this._disposed = !0, Array.from(this.controllerMap.values()).forEach((r) => r.dispose()), this.controllerMap.clear();
+    this._disposed = !0, Array.from(this.controllerMap.values()).forEach((e) => e.dispose()), this.controllerMap.clear();
   }
-  logWarning(r) {
-    console.warn("\u26D4 ==> [PanoVideoPluginController]:", r);
+  logWarning(e) {
+    console.warn("\u26D4 ==> [PanoVideoPluginController]:", e);
   }
 }
 export {
-  L as PanoVideoPluginController
+  N as PanoVideoPluginController
 };

package/libs/index.js

@@ -277,8 +277,8 @@ import "./PanoTagPlugin/utils/tag/tagCheck.js";
 import "./PanoTagPlugin/Components/Tag/AudioTag/index.js";
 import "./PanoTagPlugin/Components/Tag/AudioTag/AudioTag.js";
 import "./PanoTagPlugin/Components/Common/Audio.js";
-import "./shared-utils/audio.js";
 import "./PanoTagPlugin/utils/audio/SharedAudio.js";
+import "./shared-utils/audio.js";
 import "./PanoTagPlugin/Components/Common/Icon/audioIcon.js";
 import "./PanoTagPlugin/Components/Tag/AudioTag/AudioPlaneTag.js";
 import "./PanoTagPlugin/Components/Tag/MediaPlane.js";

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

@@ -22,6 +22,8 @@ export declare class IAudio extends Audio {
     get isBlankAudio(): boolean;
     get src(): string;
     set src(paramsSrc: string);
+    get muted(): boolean;
+    set muted(muted: boolean);
     realSrc: string;
     inited: boolean;
     removeDocumentEventListener: () => void;