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

package/libs/CruisePlugin/Work.js

@@ -1,49 +1,48 @@
-var D = Object.defineProperty, K = Object.defineProperties;
-var L = Object.getOwnPropertyDescriptors;
-var F = Object.getOwnPropertySymbols;
-var U = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
-var A = (v, l, t) => l in v ? D(v, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : v[l] = t, I = (v, l) => {
-  for (var t in l || (l = {}))
-    U.call(l, t) && A(v, t, l[t]);
-  if (F)
-    for (var t of F(l))
-      M.call(l, t) && A(v, t, l[t]);
-  return v;
-}, b = (v, l) => K(v, L(l));
-var x = (v, l, t) => (A(v, typeof l != "symbol" ? l + "" : l, t), t);
-var P = (v, l, t) => new Promise((i, e) => {
-  var o = (m) => {
+var M = Object.defineProperty, U = Object.defineProperties;
+var O = Object.getOwnPropertyDescriptors;
+var T = Object.getOwnPropertySymbols;
+var G = Object.prototype.hasOwnProperty, Q = Object.prototype.propertyIsEnumerable;
+var A = (y, f, t) => f in y ? M(y, f, { enumerable: !0, configurable: !0, writable: !0, value: t }) : y[f] = t, I = (y, f) => {
+  for (var t in f || (f = {}))
+    G.call(f, t) && A(y, t, f[t]);
+  if (T)
+    for (var t of T(f))
+      Q.call(f, t) && A(y, t, f[t]);
+  return y;
+}, x = (y, f) => U(y, O(f));
+var w = (y, f, t) => (A(y, typeof f != "symbol" ? f + "" : f, t), t);
+var P = (y, f, t) => new Promise((e, o) => {
+  var i = (a) => {
     try {
-      p(t.next(m));
+      p(t.next(a));
     } catch (r) {
-      e(r);
+      o(r);
     }
-  }, n = (m) => {
+  }, s = (a) => {
     try {
-      p(t.throw(m));
+      p(t.throw(a));
     } catch (r) {
-      e(r);
+      o(r);
     }
-  }, p = (m) => m.done ? i(m.value) : Promise.resolve(m.value).then(o, n);
-  p((t = t.apply(v, l)).next());
+  }, p = (a) => a.done ? e(a.value) : Promise.resolve(a.value).then(i, s);
+  p((t = t.apply(y, f)).next());
 });
-import { AudioTask as O } from "../shared-utils/audioFocus.js";
-import { GuideLinePlugin as G } from "../GuideLinePlugin/index.js";
-import { uuid as w } from "../shared-utils/uuid.js";
-import { coordinatesRotation as Q } from "./utils/coordinatesAngle.js";
-import { safeCall as R } from "./utils/safeCall.js";
-import * as _ from "three";
-import { sleep as V } from "./utils/sleep.js";
-import { waitFiveLoaded as W } from "../shared-utils/five/fiveLoaded.js";
-import { vectorToCoordinates as N } from "../shared-utils/vectorToCoordinate.js";
-import j from "./BaseController.js";
+import { GuideLinePlugin as R } from "../GuideLinePlugin/index.js";
+import { uuid as k } from "../shared-utils/uuid.js";
+import { coordinatesRotation as _ } from "./utils/coordinatesAngle.js";
+import { safeCall as V } from "./utils/safeCall.js";
+import * as W from "three";
+import { sleep as N } from "./utils/sleep.js";
+import { waitFiveLoaded as j } from "../shared-utils/five/fiveLoaded.js";
+import { vectorToCoordinates as J } from "../shared-utils/vectorToCoordinate.js";
+import z from "./BaseController.js";
 import "../shared-utils/tag.js";
 import "../vendor/hammerjs/hammer.js";
 import "../shared-utils/three/PointSelector/index.js";
 import "../shared-utils/three/CSS3DRenderer/index.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "@realsee/five/line";
-import { notNil as J } from "../shared-utils/isNil.js";
+import { notNil as B } from "../shared-utils/isNil.js";
 import "../shared-utils/three/core/Five_LineMaterial2.js";
 import "../shared-utils/three/core/Sphere.js";
 import "../shared-utils/three/blink.js";
@@ -374,12 +373,13 @@ import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "./Work.js";
 import "./utils/coordinatesToVector.js";
-class vs extends j {
-  constructor(t, i) {
-    super(t, i);
-    x(this, "audioTask");
-    x(this, "audioCurrent");
-    x(this, "state", {
+class gn extends z {
+  constructor(t, e) {
+    var o;
+    super(t, e);
+    w(this, "playbackController");
+    w(this, "session");
+    w(this, "state", {
       visible: !0,
       enabled: !0,
       disposed: !1,
@@ -394,47 +394,46 @@ class vs extends j {
         }
       }
     });
-    x(this, "privateState", {
+    w(this, "privateState", {
       playing: !1,
       currentPlayQueue: [],
       currentPlayKeyframe: null,
       broke: !1,
       modeChanging: !1
     });
-    this.audioTask = new O(i == null ? void 0 : i.audioFocus, "cruise", () => {
-      this.audioCurrent = void 0, this.handlePause({ userAction: !1 });
-    }), this.config = i, Object.assign(window, { __WalkPlugin_DEBUG__: this });
+    this.playbackController = (o = e == null ? void 0 : e.mediaManager) == null ? void 0 : o.createController({ label: "cruise", onCancel: () => this.handlePause({ userAction: !1 }, !0) }), this.config = e, Object.assign(window, { __WalkPlugin_DEBUG__: this });
   }
   handleDispose() {
-    this.handlePause({ userAction: !1 }), this.audioTask.dispose(), super.handleDispose();
+    var t;
+    this.handlePause({ userAction: !1 }), (t = this.playbackController) == null || t.dispose(), super.handleDispose();
   }
   /**
    * @description Load Data and State
    */
-  load(t, i, e) {
+  load(t, e, o) {
     return P(this, null, function* () {
-      var s, a;
+      var m, n;
       this.handlePause({ userAction: !1 }), this.clear();
-      const o = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, n = yield this.formatData(t);
-      this.data = I({ id: n.keyframesId }, n), this.hooks.emit("dataChange", n, o);
-      let p = [], m;
-      const r = this.data.keyframes.filter((u) => u.data.panoIndex !== void 0);
-      r.filter((u, f) => {
-        var d;
-        return u.data.panoIndex !== ((d = r[f - 1]) == null ? void 0 : d.data.panoIndex);
-      }).map((u) => u.data.panoIndex).forEach((u) => {
-        var d, h;
-        const f = (d = this.workUtil.getObserver(u)) == null ? void 0 : d.floorIndex;
-        if (f !== void 0)
-          if (m === f) {
-            const y = p.length - 1;
-            p[y] = [...(h = p[y]) != null ? h : [], u];
+      const i = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, s = yield this.formatData(t);
+      this.data = I({ id: s.keyframesId }, s), this.hooks.emit("dataChange", s, i);
+      let p = [], a;
+      const r = this.data.keyframes.filter((d) => d.data.panoIndex !== void 0);
+      r.filter((d, l) => {
+        var u;
+        return d.data.panoIndex !== ((u = r[l - 1]) == null ? void 0 : u.data.panoIndex);
+      }).map((d) => d.data.panoIndex).forEach((d) => {
+        var u, v;
+        const l = (u = this.workUtil.getObserver(d)) == null ? void 0 : u.floorIndex;
+        if (l !== void 0)
+          if (a === l) {
+            const g = p.length - 1;
+            p[g] = [...(v = p[g]) != null ? v : [], d];
           } else {
-            m = f;
-            const y = p.length;
-            p[y] = [u];
+            a = l;
+            const g = p.length;
+            p[g] = [d];
           }
-      }), !this.GuideLine && ((s = this.config) == null ? void 0 : s.useGuideLine) !== !1 && n.useGuildLine !== !1 && (this.GuideLine = G(this.five, this.config)), (a = this.GuideLine) == null || a.load({ routes: p.map((u) => ({ panoIndexList: u })), config: n.guildPluginOptions }), i ? this.setState(i, { userAction: e }) : (this.setState({ playing: !1 }, { userAction: !1 }), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), this.changePlayState(this.state.playing, { userAction: !1 }), this.changeSpeed(this.state.speed)), this.clearPauseData(), console.debug("WORKPLUGIN loaded", n), this.hooks.emit("dataLoaded", n);
+      }), !this.GuideLine && ((m = this.config) == null ? void 0 : m.useGuideLine) !== !1 && s.useGuildLine !== !1 && (this.GuideLine = R(this.five, this.config)), (n = this.GuideLine) == null || n.load({ routes: p.map((d) => ({ panoIndexList: d })), config: s.guildPluginOptions }), e ? this.setState(e, { userAction: o }) : (this.setState({ playing: !1 }, { userAction: !1 }), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), this.changePlayState(this.state.playing, { userAction: !1 }), this.changeSpeed(this.state.speed)), this.clearPauseData(), console.debug("WORKPLUGIN loaded", s), this.hooks.emit("dataLoaded", s);
     });
   }
   /**
@@ -443,59 +442,59 @@ class vs extends j {
    * @param {string} options.id play from keyframes id
    */
   playFrom(t) {
-    const { index: i, id: e, userAction: o } = t;
-    this.state.playing && this.setState({ playing: !1 }, { userAction: o }), this.setState({ playing: !0 }, { userAction: o, playFromIndex: i, playFromId: e });
+    const { index: e, id: o, userAction: i } = t;
+    this.state.playing && this.setState({ playing: !1 }, { userAction: i }), this.setState({ playing: !0 }, { userAction: i, playFromIndex: e, playFromId: o });
   }
   /**
    * @description Play from first keyframe
    */
   playFromStart(t) {
-    return this.playFrom(b(I({}, t), { index: 0 }));
+    return this.playFrom(x(I({}, t), { index: 0 }));
   }
   /**
    * @description Format data
    */
   formatData(t) {
     return P(this, null, function* () {
-      this.five.work || (yield W(this.five));
-      const i = (() => {
-        const e = t;
-        return typeof e == "object" && e !== null && J(e.version) && e.data ? e.data : e;
+      this.five.work || (yield j(this.five));
+      const e = (() => {
+        const o = t;
+        return typeof o == "object" && o !== null && B(o.version) && o.data ? o.data : o;
       })();
-      if (i.keyframes)
+      if (e.keyframes)
         return {
-          keyframesId: w(),
-          keyframes: i.keyframes.map((e, o) => {
-            var m;
-            const n = i.keyframes[o + 1], p = (() => !n || n.start === void 0 || e.end === void 0 ? 0 : n.start - e.end)();
-            return b(I({ id: (m = e.uuid) != null ? m : w(), moveIndex: o, stay: p, index: o }, e), { guildPluginOptions: i.guildPluginOptions });
+          keyframesId: k(),
+          keyframes: e.keyframes.map((o, i) => {
+            var a;
+            const s = e.keyframes[i + 1], p = (() => !s || s.start === void 0 || o.end === void 0 ? 0 : s.start - o.end)();
+            return x(I({ id: (a = o.uuid) != null ? a : k(), moveIndex: i, stay: p, index: i }, o), { guildPluginOptions: e.guildPluginOptions });
           })
         };
-      if (i.panoIndexList) {
-        let e = [];
-        const { moveEffect: o, moveToFirstPanoEffect: n, moveToFirstPanoDuration: p } = i;
-        return this.privateState.moveToFirstPanoEffect = n, this.privateState.moveToFirstPanoDuration = p, i.panoIndexList.forEach((m, r) => {
-          const s = (() => {
-            var h, y;
-            const a = i.panoIndexList.slice(r).find((k) => k !== m);
-            if (a === void 0)
+      if (e.panoIndexList) {
+        let o = [];
+        const { moveEffect: i, moveToFirstPanoEffect: s, moveToFirstPanoDuration: p } = e;
+        return this.privateState.moveToFirstPanoEffect = s, this.privateState.moveToFirstPanoDuration = p, e.panoIndexList.forEach((a, r) => {
+          const m = (() => {
+            var v, g;
+            const n = e.panoIndexList.slice(r).find((b) => b !== a);
+            if (n === void 0)
               return;
-            const u = this.workUtil.getObserverPosition(m), f = this.workUtil.getObserverPosition(a);
-            if (!f || !u || ((h = this.workUtil.getObserver(m)) == null ? void 0 : h.floorIndex) !== ((y = this.workUtil.getObserver(a)) == null ? void 0 : y.floorIndex))
+            const d = this.workUtil.getObserverPosition(a), l = this.workUtil.getObserverPosition(n);
+            if (!l || !d || ((v = this.workUtil.getObserver(a)) == null ? void 0 : v.floorIndex) !== ((g = this.workUtil.getObserver(n)) == null ? void 0 : g.floorIndex))
               return;
-            const d = new _.Vector3().subVectors(f, u);
-            return N(d.normalize());
+            const u = new W.Vector3().subVectors(l, d);
+            return J(u.normalize());
           })();
-          i.moveType === void 0 || i.moveType === "justMove" ? e.push({
+          e.moveType === void 0 || e.moveType === "justMove" ? o.push({
             moveIndex: r,
-            stay: i.stay,
-            data: I({ effect: "Move", panoIndex: m, moveEffect: o }, s != null ? s : {})
-          }) : i.moveType === "moveAndRotate" && (e.push({ moveIndex: r, stay: i.stay, data: { effect: "Move", panoIndex: m, moveEffect: o } }), s && e.push({ moveIndex: r, stay: i.stay, data: I({ effect: "Rotate", panoIndex: m }, s) }));
+            stay: e.stay,
+            data: I({ effect: "Move", panoIndex: a, moveEffect: i }, m != null ? m : {})
+          }) : e.moveType === "moveAndRotate" && (o.push({ moveIndex: r, stay: e.stay, data: { effect: "Move", panoIndex: a, moveEffect: i } }), m && o.push({ moveIndex: r, stay: e.stay, data: I({ effect: "Rotate", panoIndex: a }, m) }));
         }), {
-          keyframesId: w(),
-          keyframes: e.map((m, r) => I({ id: w(), index: r }, m)),
-          guildPluginOptions: i.guildPluginOptions,
-          useGuildLine: i.useGuildLine
+          keyframesId: k(),
+          keyframes: o.map((a, r) => I({ id: k(), index: r }, a)),
+          guildPluginOptions: e.guildPluginOptions,
+          useGuildLine: e.useGuildLine
         };
       } else
         throw new Error("format error: data no keyframes or no panoIndexList");
@@ -509,92 +508,112 @@ class vs extends j {
   // eslint-disable-next-line complexity
   handlePlay(t) {
     return P(this, null, function* () {
-      var y, k, E, T;
-      const { data: i, state: e, privateState: o, hooks: n } = this;
-      if (o.playing || !(i != null && i.keyframes) || (i == null ? void 0 : i.keyframes.length) === 0)
+      var g, b, C, L, F, D, K;
+      const { data: e, state: o, privateState: i, hooks: s } = this;
+      if (i.playing || !(e != null && e.keyframes) || (e == null ? void 0 : e.keyframes.length) === 0)
         return;
-      const m = i.keyframes.some((c) => {
-        var g;
-        return !!((g = c.data.audio) != null && g.url);
-      }) ? this.audioTask.begin(t != null && t.userAction ? "user" : "auto") : this.audioTask.beginSilent();
-      if (!m) {
-        e.playing = !1;
+      const p = e.keyframes.some((h) => {
+        var c;
+        return !!((c = h.data.audio) != null && c.url);
+      }), a = (g = this.playbackController) == null ? void 0 : g.begin({ userAction: (t == null ? void 0 : t.userAction) === !0, audible: p });
+      if (this.playbackController && !a) {
+        o.playing = !1;
         return;
       }
-      this.audioCurrent = m;
-      const r = w();
-      o.playId = r, o.audio && o.audio.paused && (((k = this.data) == null ? void 0 : k.keyframes[(y = t == null ? void 0 : t.playFromIndex) != null ? y : 0]).data.effect === "Move" ? this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null) : o.audio.play()), o.playing = !0, o.broke = !1;
-      const s = i.keyframes, a = this.getPauseData();
-      (t == null ? void 0 : t.notEmitEvent) !== !0 && n.emit("play", { userAction: (E = t == null ? void 0 : t.userAction) != null ? E : !0 });
-      let u = !1;
-      const d = yield (() => P(this, null, function* () {
-        var c, g;
+      this.session = a;
+      const r = k();
+      if (i.playId = r, i.audio && i.audio.paused)
+        if (((C = this.data) == null ? void 0 : C.keyframes[(b = t == null ? void 0 : t.playFromIndex) != null ? b : 0]).data.effect === "Move")
+          this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null);
+        else {
+          try {
+            yield ((L = a == null ? void 0 : a.bind(i.audio)) != null ? L : i.audio).play();
+          } catch (c) {
+            if (a != null && a.signal.aborted)
+              return;
+            if (c.name === "AbortError") {
+              this.handlePause({ userAction: !1 });
+              return;
+            }
+            throw this.handlePause({ userAction: !1 }), c;
+          }
+          if (a != null && a.signal.aborted || r !== i.playId)
+            return;
+        }
+      i.playing = !0, i.broke = !1;
+      const m = e.keyframes, n = this.getPauseData();
+      (t == null ? void 0 : t.notEmitEvent) !== !0 && s.emit("play", { userAction: (F = t == null ? void 0 : t.userAction) != null ? F : !0 });
+      let d = !1;
+      const u = yield (() => P(this, null, function* () {
+        var h, c;
         if ((t == null ? void 0 : t.playFromIndex) !== void 0)
           return t.playFromIndex;
         if ((t == null ? void 0 : t.playFromId) !== void 0)
-          return (c = this.data) == null ? void 0 : c.keyframes.findIndex((S) => S.id === t.playFromId);
-        if (a != null && a.id) {
-          const S = (g = this.data) == null ? void 0 : g.keyframes.find((C) => C.id === a.id);
-          if (a != null && a.fiveState && (yield this.move(a.fiveState, {
-            moveEffect: o.moveToFirstPanoEffect,
-            duration: o.moveToFirstPanoDuration
+          return (h = this.data) == null ? void 0 : h.keyframes.findIndex((S) => S.id === t.playFromId);
+        if (n != null && n.id) {
+          const S = (c = this.data) == null ? void 0 : c.keyframes.find((E) => E.id === n.id);
+          if (n != null && n.fiveState && (yield this.move(n.fiveState, {
+            moveEffect: i.moveToFirstPanoEffect,
+            duration: i.moveToFirstPanoDuration
           })), S) {
             if (S.data.effect === "Move")
               return S.index;
             if (S.data.effect === "Rotate") {
-              const C = a.duration !== void 0 ? a.duration * (1 - a.playedProgress) : void 0;
-              return yield this.playKeyframe(S, { duration: C }), u = !0, S.index + 1;
+              const E = n.duration !== void 0 ? n.duration * (1 - n.playedProgress) : void 0;
+              return yield this.playKeyframe(S, { duration: E }), d = !0, S.index + 1;
             }
           }
         }
       }))();
-      if ((t == null ? void 0 : t.userAction) !== !1) {
+      if (r !== i.playId || a != null && a.signal.aborted)
+        return;
+      if ((t == null ? void 0 : t.userAction) === !0) {
         this.privateState.audioCache || (this.privateState.audioCache = /* @__PURE__ */ new Map());
-        for (let c = d; c < s.length; c++) {
-          const g = s[c];
-          if ((T = g == null ? void 0 : g.data) != null && T.audio && !this.privateState.audioCache.has(g.data.audio.url)) {
-            const S = new Audio(g.data.audio.url);
-            S.preload = "auto", this.privateState.audioCache.set(g.data.audio.url, S);
+        for (let h = u; h < m.length; h++) {
+          const c = m[h];
+          if ((D = c == null ? void 0 : c.data) != null && D.audio && !this.privateState.audioCache.has(c.data.audio.url)) {
+            const S = new Audio(c.data.audio.url);
+            S.preload = "auto", this.privateState.audioCache.set(c.data.audio.url, S);
           }
         }
       }
       this.clearPauseData();
-      for (const c of s) {
-        if (o.broke || !e.playing || !o.playing || r !== o.playId)
+      for (const h of m) {
+        if (i.broke || !o.playing || !i.playing || r !== i.playId)
           return;
-        if (!(d !== void 0 && c.index < d))
+        if (!(u !== void 0 && h.index < u))
           try {
-            n.emit("playIndexChange", c.index, c), yield this.playKeyframe(c, {
-              moveEffect: u === !1 ? o.moveToFirstPanoEffect : void 0,
-              duration: u === !1 && typeof o.moveToFirstPanoDuration == "number" ? o.moveToFirstPanoDuration : void 0
-            }), c.stay && (yield V(c.stay)), u === !1 && (u = !0);
-          } catch (g) {
-            if (r !== o.playId)
+            s.emit("playIndexChange", h.index, h), yield this.playKeyframe(h, {
+              moveEffect: d === !1 ? i.moveToFirstPanoEffect : void 0,
+              duration: d === !1 && typeof i.moveToFirstPanoDuration == "number" ? i.moveToFirstPanoDuration : void 0
+            }), h.stay && (yield N(h.stay)), d === !1 && (d = !0);
+          } catch (c) {
+            if (r !== i.playId)
               return Promise.resolve("broke");
-            throw this.handlePause({ userAction: !1 }), g;
+            throw this.handlePause({ userAction: !1 }), c;
           }
       }
-      e.playing && r === o.playId && (this.setState({ playing: !1 }, { userAction: !1 }), this.audioTask.release(), n.emit("end"), this.clearPauseData());
+      o.playing && r === i.playId && (this.setState({ playing: !1 }, { userAction: !1 }), (K = this.session) == null || K.finish(), this.session = void 0, s.emit("end"), this.clearPauseData());
     });
   }
   /**
    * @description: Pause and record pause state
    */
-  handlePause(t) {
-    var n;
-    const { state: i, privateState: e, hooks: o } = this;
-    this.audioCurrent = void 0, this.audioTask.release(), e.playId = w(), i.playing = !1, e.playing !== !1 && (e.playing = !1, e.audio && e.audio.pause(), (t == null ? void 0 : t.userAction) !== !1 && this.setPauseData(), e.broke || this.forceInteruptUpdateCamera(), (t == null ? void 0 : t.notEmitEvent) !== !0 && o.emit("pause", { userAction: (n = t == null ? void 0 : t.userAction) != null ? n : !0 }));
+  handlePause(t, e = !1) {
+    var p, a;
+    const { state: o, privateState: i, hooks: s } = this;
+    this.session = void 0, e || (p = this.playbackController) == null || p.cancel(), i.playId = k(), o.playing = !1, i.playing !== !1 && (i.playing = !1, i.audio && i.audio.pause(), (t == null ? void 0 : t.userAction) !== !1 && this.setPauseData(), i.broke || this.forceInteruptUpdateCamera(), (t == null ? void 0 : t.notEmitEvent) !== !0 && s.emit("pause", { userAction: (a = t == null ? void 0 : t.userAction) != null ? a : !0 }));
   }
   /**
    * @description: Change play speed
    */
-  changeSpeed(t, i = !0) {
-    var m;
-    const { state: e, privateState: o, hooks: n } = this, { currentPlayKeyframe: p } = o;
-    if (n.emit("speedChange", t, { userAction: i }), e.playing && p)
+  changeSpeed(t, e = !0) {
+    var a;
+    const { state: o, privateState: i, hooks: s } = this, { currentPlayKeyframe: p } = i;
+    if (s.emit("speedChange", t, { userAction: e }), o.playing && p)
       try {
-        const r = p.originDuration !== void 0 ? p.originDuration * (1 - this.getProgress()) : void 0, s = p.keyframe, { privateState: a } = this;
-        ((m = this.privateState.currentPlayKeyframe) == null ? void 0 : m.keyframe.id) !== s.id && (this.privateState.currentPlayKeyframe = { keyframe: s }), a.currentPlayQueue.push(this.getPlayPromise(s, { duration: r }));
+        const r = p.originDuration !== void 0 ? p.originDuration * (1 - this.getProgress()) : void 0, m = p.keyframe, { privateState: n } = this;
+        ((a = this.privateState.currentPlayKeyframe) == null ? void 0 : a.keyframe.id) !== m.id && (this.privateState.currentPlayKeyframe = { keyframe: m }), n.currentPlayQueue.push(this.getPlayPromise(m, { duration: r }));
       } catch (r) {
         console.error(r);
       }
@@ -609,12 +628,12 @@ class vs extends j {
    * @description Set pause data
    */
   setPauseData() {
-    var t, i, e;
+    var t, e, o;
     if ((t = this.data) != null && t.id)
       return this.pauseDataMap.set(this.data.id, {
-        id: (i = this.privateState.currentPlayKeyframe) == null ? void 0 : i.keyframe.id,
+        id: (e = this.privateState.currentPlayKeyframe) == null ? void 0 : e.keyframe.id,
         fiveState: this.five.getCurrentState(),
-        duration: (e = this.privateState.currentPlayKeyframe) == null ? void 0 : e.originDuration,
+        duration: (o = this.privateState.currentPlayKeyframe) == null ? void 0 : o.originDuration,
         playedProgress: this.getProgress()
       });
   }
@@ -627,44 +646,44 @@ class vs extends j {
   /**
    * @description Play single keyframe
    */
-  playKeyframe(t, i) {
+  playKeyframe(t, e) {
     return P(this, null, function* () {
-      var o;
-      const { privateState: e } = this;
-      return ((o = this.privateState.currentPlayKeyframe) == null ? void 0 : o.keyframe.id) !== t.id && (this.privateState.currentPlayKeyframe = { keyframe: t }), e.currentPlayQueue.push(this.getPlayPromise(t, i)), this.actionPromiseQueue();
+      var i;
+      const { privateState: o } = this;
+      return ((i = this.privateState.currentPlayKeyframe) == null ? void 0 : i.keyframe.id) !== t.id && (this.privateState.currentPlayKeyframe = { keyframe: t }), o.currentPlayQueue.push(this.getPlayPromise(t, e)), this.actionPromiseQueue();
     });
   }
   /**
    * @description: getPlayPromise
    */
-  getPlayPromise(e) {
-    return P(this, arguments, function* (t, i = {}) {
-      var n;
-      const o = t.data;
-      if (i.duration = (n = i.duration) != null ? n : t.start !== void 0 && t.end !== void 0 ? t.end - t.start : void 0, !!o)
-        return new Promise((p, m) => {
+  getPlayPromise(o) {
+    return P(this, arguments, function* (t, e = {}) {
+      var s;
+      const i = t.data;
+      if (e.duration = (s = e.duration) != null ? s : t.start !== void 0 && t.end !== void 0 ? t.end - t.start : void 0, !!i)
+        return new Promise((p, a) => {
           let r = !1;
           this.addInterruptListener(() => {
             if (!r)
-              return this.hooks.emit("broke"), this.privateState.broke = !0, this.setState({ playing: !1 }), r = !0, m(new Error("play is interupted"));
+              return this.hooks.emit("broke"), this.privateState.broke = !0, this.setState({ playing: !1 }), r = !0, a(new Error("play is interupted"));
           });
           try {
             if (r)
               return;
-            const s = () => {
+            const m = () => {
               p(), r = !0;
             };
-            switch (o.effect) {
+            switch (i.effect) {
               case "Move":
-                this.move(o, i).then(s);
+                this.move(i, e).then(m);
                 break;
               case "Rotate":
-                this.rotate(o, i).then(s);
+                this.rotate(i, e).then(m);
                 break;
               default:
-                this.rotate(o, i).then(s);
+                this.rotate(i, e).then(m);
             }
-          } catch (s) {
+          } catch (m) {
           }
         });
     });
@@ -675,67 +694,67 @@ class vs extends j {
   actionPromiseQueue() {
     return P(this, null, function* () {
       const { privateState: t } = this;
-      return new Promise((i, e) => {
+      return new Promise((e, o) => {
         if (t.currentPlayQueue.length === 0) {
-          i();
+          e();
           return;
         }
-        const o = t.currentPlayQueue.shift();
-        if (!o) {
-          i();
+        const i = t.currentPlayQueue.shift();
+        if (!i) {
+          e();
           return;
         }
-        o.then(i, e);
+        i.then(e, o);
       }).then(() => t.currentPlayQueue.length === 0 ? Promise.resolve() : this.actionPromiseQueue());
     });
   }
   /**
    * @description Action move keyframe
    */
-  move(t, i) {
+  move(t, e) {
     return P(this, null, function* () {
-      var o;
-      const e = this.audioCurrent;
-      return this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null), t.mode && t.mode !== this.five.currentMode ? yield this.changeMode(t) : t.panoIndex !== this.five.panoIndex && (yield this.changePano(t, i)), e != null && e() && !((o = this.privateState.audio) != null && o.pause) && (this.loadAudio(t.audio), yield this.playAudio()), Promise.resolve();
+      var p;
+      const o = this.session, i = this.privateState.playId, s = () => i === this.privateState.playId && !(o != null && o.signal.aborted);
+      return this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null), t.mode && t.mode !== this.five.currentMode ? yield this.changeMode(t) : t.panoIndex !== this.five.panoIndex && (yield this.changePano(t, e)), s != null && s() && !((p = this.privateState.audio) != null && p.pause) && (this.loadAudio(t.audio), yield this.playAudio()), Promise.resolve();
     });
   }
   /**
    * @description Action rotate keyframe
    */
-  rotate(t, i) {
+  rotate(t, e) {
     return P(this, null, function* () {
-      var o;
-      const e = this.audioCurrent;
+      var p;
+      const o = this.session, i = this.privateState.playId, s = () => i === this.privateState.playId && !(o != null && o.signal.aborted);
       if (t.audio && this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null), t.mode && t.mode !== this.five.currentMode)
         yield this.changeMode({ mode: t.mode, panoIndex: t.panoIndex });
       else if (t.panoIndex && t.panoIndex !== this.five.panoIndex)
-        return yield this.changePano(t, i);
-      e != null && e() && (yield this.updateCamera(t, i), e != null && e() && t.audio && !((o = this.privateState.audio) != null && o.pause) && (this.loadAudio(t.audio), yield this.playAudio()));
+        return yield this.changePano(t, e);
+      s != null && s() && (yield this.updateCamera(t, e), s != null && s() && t.audio && !((p = this.privateState.audio) != null && p.pause) && (this.loadAudio(t.audio), yield this.playAudio()));
     });
   }
   /**
    * @description Update five camera
    */
-  updateCamera(e) {
-    return P(this, arguments, function* (t, i = {}) {
-      const { five: o, privateState: n, state: p } = this, m = (() => {
-        var y, k;
-        const d = (y = p.config) == null ? void 0 : y.speedConfig, h = (k = t.rotateSpeed) != null ? k : d == null ? void 0 : d.rotateSpeed;
-        if ((d == null ? void 0 : d.rotateSpeedUnit) === void 0)
-          return h;
-        if (h !== void 0)
-          return d.rotateSpeedUnit === "rad/ms" ? h : h / 1e3;
-      })(), r = this.five.getCurrentState(), s = Math.PI * 2;
-      let a = t.longitude;
-      a !== void 0 && (a = (a % s + s) % s, t.direction === "left" ? a <= r.longitude && (a += s) : t.direction === "right" && a >= r.longitude && (a -= s));
-      const u = (() => i.duration ? i.duration : m ? Q(r, b(I({}, t), { longitude: a })) / m : 800)();
-      n.currentPlayKeyframe && (n.currentPlayKeyframe.originDuration = u);
-      const f = this.getSpeededDuration(u);
-      return new Promise((d) => {
-        R(
+  updateCamera(o) {
+    return P(this, arguments, function* (t, e = {}) {
+      const { five: i, privateState: s, state: p } = this, a = (() => {
+        var g, b;
+        const u = (g = p.config) == null ? void 0 : g.speedConfig, v = (b = t.rotateSpeed) != null ? b : u == null ? void 0 : u.rotateSpeed;
+        if ((u == null ? void 0 : u.rotateSpeedUnit) === void 0)
+          return v;
+        if (v !== void 0)
+          return u.rotateSpeedUnit === "rad/ms" ? v : v / 1e3;
+      })(), r = this.five.getCurrentState(), m = Math.PI * 2;
+      let n = t.longitude;
+      n !== void 0 && (n = (n % m + m) % m, t.direction === "left" ? n <= r.longitude && (n += m) : t.direction === "right" && n >= r.longitude && (n -= m));
+      const d = (() => e.duration ? e.duration : a ? _(r, x(I({}, t), { longitude: n })) / a : 800)();
+      s.currentPlayKeyframe && (s.currentPlayKeyframe.originDuration = d);
+      const l = this.getSpeededDuration(d);
+      return new Promise((u) => {
+        V(
           () => {
-            var h;
-            return o.updateCameraWithKeyframes(
+            var v;
+            return i.updateCameraWithKeyframes(
               [
                 {
                   progress: 0,
@@ -750,7 +769,7 @@ class vs extends j {
                 {
                   progress: 0.25,
                   value: {
-                    longitude: a !== void 0 ? (r.longitude + (a + r.longitude) / 2) / 2 : r.longitude,
+                    longitude: n !== void 0 ? (r.longitude + (n + r.longitude) / 2) / 2 : r.longitude,
                     latitude: r.latitude,
                     fov: r.fov,
                     offset: r.offset.clone(),
@@ -760,7 +779,7 @@ class vs extends j {
                 {
                   progress: 0.5,
                   value: {
-                    longitude: a !== void 0 ? (a + r.longitude) / 2 : r.longitude,
+                    longitude: n !== void 0 ? (n + r.longitude) / 2 : r.longitude,
                     latitude: t.latitude !== void 0 ? (t.latitude + r.latitude) / 2 : r.latitude,
                     fov: r.fov,
                     offset: r.offset.clone(),
@@ -770,7 +789,7 @@ class vs extends j {
                 {
                   progress: 0.75,
                   value: {
-                    longitude: a !== void 0 ? (a + (a + r.longitude) / 2) / 2 : r.longitude,
+                    longitude: n !== void 0 ? (n + (n + r.longitude) / 2) / 2 : r.longitude,
                     latitude: r.latitude,
                     fov: r.fov,
                     offset: r.offset.clone(),
@@ -780,7 +799,7 @@ class vs extends j {
                 {
                   progress: 1,
                   value: {
-                    longitude: a !== void 0 ? a : (h = t.longitude) != null ? h : r.longitude,
+                    longitude: n !== void 0 ? n : (v = t.longitude) != null ? v : r.longitude,
                     latitude: t.latitude !== void 0 ? t.latitude : r.latitude,
                     fov: r.fov,
                     offset: r.offset.clone(),
@@ -788,90 +807,97 @@ class vs extends j {
                   }
                 }
               ],
-              f
+              l
             );
           }
-        ), setTimeout(() => d(), f);
+        ), setTimeout(() => u(), l);
       });
     });
   }
   /**
    * @description: Change five pano
    */
-  changePano(t, i) {
+  changePano(t, e) {
     return P(this, null, function* () {
-      const { five: e, privateState: o, state: n } = this;
-      if (typeof t.panoIndex != "number" || t.panoIndex === e.panoIndex)
+      const { five: o, privateState: i, state: s } = this;
+      if (typeof t.panoIndex != "number" || t.panoIndex === o.panoIndex)
         return;
-      const p = e.getCurrentState().mode !== "Panorama";
+      const p = o.getCurrentState().mode !== "Panorama";
       p && (this.privateState.modeChanging = !0);
-      const m = (() => {
-        var u, f;
-        const s = (u = n.config) == null ? void 0 : u.speedConfig, a = (f = t.moveSpeed) != null ? f : s == null ? void 0 : s.moveSpeed;
-        if ((s == null ? void 0 : s.moveSpeedUnit) === void 0)
-          return a;
-        if (a !== void 0)
-          return s.moveSpeedUnit === "m/ms" ? a : a / 1e3;
+      const a = (() => {
+        var d, l;
+        const m = (d = s.config) == null ? void 0 : d.speedConfig, n = (l = t.moveSpeed) != null ? l : m == null ? void 0 : m.moveSpeed;
+        if ((m == null ? void 0 : m.moveSpeedUnit) === void 0)
+          return n;
+        if (n !== void 0)
+          return m.moveSpeedUnit === "m/ms" ? n : n / 1e3;
       })(), r = (() => {
-        if (i != null && i.duration)
-          return i.duration;
-        if (m && typeof e.panoIndex == "number" && typeof t.panoIndex == "number") {
-          const s = this.workUtil.getObserverPosition(e.panoIndex), a = this.workUtil.getObserverPosition(t.panoIndex);
-          return s && a ? s.distanceTo(a) / m : 800;
+        if (e != null && e.duration)
+          return e.duration;
+        if (a && typeof o.panoIndex == "number" && typeof t.panoIndex == "number") {
+          const m = this.workUtil.getObserverPosition(o.panoIndex), n = this.workUtil.getObserverPosition(t.panoIndex);
+          return m && n ? m.distanceTo(n) / a : 800;
         }
         return 800;
       })();
-      o.currentPlayKeyframe && (o.currentPlayKeyframe.originDuration = r), yield new Promise((s) => {
-        var u, f, d;
-        const a = this.fiveUtil.moveToPano(t.panoIndex, {
+      i.currentPlayKeyframe && (i.currentPlayKeyframe.originDuration = r), yield new Promise((m) => {
+        var d, l, u;
+        const n = this.fiveUtil.moveToPano(t.panoIndex, {
           latitude: t.latitude,
           longitude: t.longitude,
           fov: t.fov,
           duration: this.getSpeededDuration(r),
-          effect: (d = (f = i == null ? void 0 : i.moveEffect) != null ? f : (u = this.state.config) == null ? void 0 : u.moveEffect) != null ? d : t.moveEffect,
-          moveCancelCallback: () => s(),
-          moveEndCallback: () => s()
+          effect: (u = (l = e == null ? void 0 : e.moveEffect) != null ? l : (d = this.state.config) == null ? void 0 : d.moveEffect) != null ? u : t.moveEffect,
+          moveCancelCallback: () => m(),
+          moveEndCallback: () => m()
         });
-        a instanceof Promise && a.then(() => s()), p && e.once("panoArrived", () => s());
+        n instanceof Promise && n.then(() => m()), p && o.once("panoArrived", () => m());
       }), p && (this.privateState.modeChanging = !1);
     });
   }
   /**
    * @description Change five mode
    */
-  changeMode(t, i) {
+  changeMode(t, e) {
     return P(this, null, function* () {
-      t.mode && t.mode !== this.five.currentMode && (this.privateState.modeChanging = !0, yield this.five.changeMode(t.mode, t, i), this.privateState.modeChanging = !1);
+      t.mode && t.mode !== this.five.currentMode && (this.privateState.modeChanging = !0, yield this.five.changeMode(t.mode, t, e), this.privateState.modeChanging = !1);
     });
   }
   loadAudio(t) {
-    var i;
-    if ((i = this.audioCurrent) != null && i.call(this) && t) {
-      let e;
-      this.privateState.audioCache && (e = this.privateState.audioCache.get(t.url)), e || (e = new Audio(t.url), e.preload = "auto", e.load()), this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null), this.privateState.audio = e;
+    var e;
+    if (!(!this.privateState.playing || (e = this.session) != null && e.signal.aborted) && t) {
+      let o;
+      this.privateState.audioCache && (o = this.privateState.audioCache.get(t.url)), o || (o = new Audio(t.url), o.preload = "auto", o.load()), this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null), this.privateState.audio = o;
     }
   }
   playAudio() {
     return P(this, null, function* () {
-      var i;
-      if (!((i = this.audioCurrent) != null && i.call(this)))
+      var e, o;
+      if (!this.privateState.playing || (e = this.session) != null && e.signal.aborted)
         return;
       const t = this.privateState.audio;
-      t && (yield new Promise((e, o) => {
-        const n = () => {
-          r(), e();
-        }, p = () => {
-          r(), o(new Error("Audio failed to play"));
-        }, m = () => {
-          this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null);
-        }, r = () => {
-          t.removeEventListener("playing", n), t.removeEventListener("error", p);
-        };
-        t.addEventListener("playing", n), t.addEventListener("error", p), t.addEventListener("ended", m), t.play().catch(o);
-      }));
+      if (t) {
+        const i = this.session, s = (o = i == null ? void 0 : i.bind(t)) != null ? o : t;
+        s.muted = !1, yield new Promise((p, a) => {
+          const r = () => {
+            l(), p();
+          }, m = () => {
+            l(), a(new Error("Audio failed to play"));
+          }, n = () => {
+            i != null && i.signal.aborted || this.privateState.audio !== t || (s.pause(), s.currentTime = 0, this.privateState.audio = null, t.removeEventListener("ended", n), i == null || i.signal.removeEventListener("abort", d));
+          }, d = () => {
+            l(), t.removeEventListener("ended", n), p();
+          }, l = () => {
+            t.removeEventListener("playing", r), t.removeEventListener("error", m);
+          };
+          t.addEventListener("playing", r), t.addEventListener("error", m), t.addEventListener("ended", n), i == null || i.signal.addEventListener("abort", d, { once: !0 }), s.play().catch((u) => {
+            l(), i != null && i.signal.aborted ? p() : (u == null ? void 0 : u.name) === "AbortError" ? (this.handlePause({ userAction: !1 }), p()) : a(u);
+          });
+        });
+      }
     });
   }
 }
 export {
-  vs as default
+  gn as default
 };