@netless/window-manager 0.4.75 → 0.4.76-canary.0

package/dist/index.mjs

@@ -23,7 +23,7 @@ import { debounce, isEqual, omit, isObject, has, get, size as size$1, mapValues,
 import { ScenePathType, UpdateEventKind, listenUpdated, unlistenUpdated, reaction, autorun, toJS, listenDisposed, unlistenDisposed, ViewMode, AnimationMode, isPlayer, isRoom, WhiteVersion, ApplianceNames, RoomPhase, PlayerPhase, InvisiblePlugin } from "white-web-sdk";
 import { v4 } from "uuid";
 import { ResizeObserver as ResizeObserver$3 } from "@juggle/resize-observer";
-import u$3 from "video.js";
+import p$1 from "video.js";
 var Events = /* @__PURE__ */ ((Events2) => {
   Events2["AppMove"] = "AppMove";
   Events2["AppFocus"] = "AppFocus";
@@ -3074,7 +3074,7 @@ var objectAssign = shouldUseNative$1() ? Object.assign : function(target, source
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var l$1 = objectAssign, n$2 = typeof Symbol === "function" && Symbol.for, p$1 = n$2 ? Symbol.for("react.element") : 60103, q$1 = n$2 ? Symbol.for("react.portal") : 60106, r$3 = n$2 ? Symbol.for("react.fragment") : 60107, t$3 = n$2 ? Symbol.for("react.strict_mode") : 60108, u$2 = n$2 ? Symbol.for("react.profiler") : 60114, v$2 = n$2 ? Symbol.for("react.provider") : 60109, w$1 = n$2 ? Symbol.for("react.context") : 60110, x$1 = n$2 ? Symbol.for("react.forward_ref") : 60112, y$1 = n$2 ? Symbol.for("react.suspense") : 60113, z$1 = n$2 ? Symbol.for("react.memo") : 60115, A$1 = n$2 ? Symbol.for("react.lazy") : 60116, B$1 = typeof Symbol === "function" && Symbol.iterator;
+var l$1 = objectAssign, n$2 = typeof Symbol === "function" && Symbol.for, p = n$2 ? Symbol.for("react.element") : 60103, q$1 = n$2 ? Symbol.for("react.portal") : 60106, r$3 = n$2 ? Symbol.for("react.fragment") : 60107, t$3 = n$2 ? Symbol.for("react.strict_mode") : 60108, u$3 = n$2 ? Symbol.for("react.profiler") : 60114, v$2 = n$2 ? Symbol.for("react.provider") : 60109, w$1 = n$2 ? Symbol.for("react.context") : 60110, x$1 = n$2 ? Symbol.for("react.forward_ref") : 60112, y$1 = n$2 ? Symbol.for("react.suspense") : 60113, z$1 = n$2 ? Symbol.for("react.memo") : 60115, A$1 = n$2 ? Symbol.for("react.lazy") : 60116, B$1 = typeof Symbol === "function" && Symbol.iterator;
 function C$2(a2) {
   for (var b2 = "https://reactjs.org/docs/error-decoder.html?invariant=" + a2, c2 = 1; c2 < arguments.length; c2++)
     b2 += "&args[]=" + encodeURIComponent(arguments[c2]);
@@ -3131,13 +3131,13 @@ function M$2(a2, b2, c2) {
   if (a2 && a2.defaultProps)
     for (e2 in f2 = a2.defaultProps, f2)
       d[e2] === void 0 && (d[e2] = f2[e2]);
-  return { $$typeof: p$1, type: a2, key: g2, ref: k2, props: d, _owner: J$2.current };
+  return { $$typeof: p, type: a2, key: g2, ref: k2, props: d, _owner: J$2.current };
 }
 function N$2(a2, b2) {
-  return { $$typeof: p$1, type: a2.type, key: b2, ref: a2.ref, props: a2.props, _owner: a2._owner };
+  return { $$typeof: p, type: a2.type, key: b2, ref: a2.ref, props: a2.props, _owner: a2._owner };
 }
 function O$2(a2) {
-  return typeof a2 === "object" && a2 !== null && a2.$$typeof === p$1;
+  return typeof a2 === "object" && a2 !== null && a2.$$typeof === p;
 }
 function escape(a2) {
   var b2 = { "=": "=0", ":": "=2" };
@@ -3181,7 +3181,7 @@ function T$2(a2, b2, c2, e2) {
         break;
       case "object":
         switch (a2.$$typeof) {
-          case p$1:
+          case p:
           case q$1:
             g2 = true;
         }
@@ -3263,7 +3263,7 @@ react_production_min.Children = { map: function(a2, b2, c2) {
 } };
 react_production_min.Component = F$2;
 react_production_min.Fragment = r$3;
-react_production_min.Profiler = u$2;
+react_production_min.Profiler = u$3;
 react_production_min.PureComponent = H$2;
 react_production_min.StrictMode = t$3;
 react_production_min.Suspense = y$1;
@@ -3290,7 +3290,7 @@ react_production_min.cloneElement = function(a2, b2, c2) {
     e2.children = f2;
   }
   return {
-    $$typeof: p$1,
+    $$typeof: p,
     type: a2.type,
     key: d,
     ref: g2,
@@ -4535,10 +4535,10 @@ function t$2(e2, s2, t2, i2) {
 }
 function i$1(e2, s2) {
   Object.keys(s2).forEach((r2) => {
-    u$1(e2, r2, s2[r2]);
+    u$2(e2, r2, s2[r2]);
   });
 }
-function u$1(e2, s2, r2) {
+function u$2(e2, s2, r2) {
   var t2;
   return Object.defineProperties(e2, { [s2]: { get: () => r2.value }, [`_${s2}$`]: { value: r2 }, [`set${t2 = s2, t2[0].toUpperCase() + t2.slice(1)}`]: { value: (e3, s3) => r2.setValue(e3, s3) } }), e2;
 }
@@ -11038,13 +11038,13 @@ var scheduler_production_min = {};
  * LICENSE file in the root directory of this source tree.
  */
 var aa = react.exports, n$1 = objectAssign, r$1 = scheduler.exports;
-function u(a2) {
+function u$1(a2) {
   for (var b2 = "https://reactjs.org/docs/error-decoder.html?invariant=" + a2, c2 = 1; c2 < arguments.length; c2++)
     b2 += "&args[]=" + encodeURIComponent(arguments[c2]);
   return "Minified React error #" + a2 + "; visit " + b2 + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";
 }
 if (!aa)
-  throw Error(u(227));
+  throw Error(u$1(227));
 function ba(a2, b2, c2, d, e2, f2, g2, h2, k2) {
   var l2 = Array.prototype.slice.call(arguments, 3);
   try {
@@ -11070,7 +11070,7 @@ function ka(a2, b2, c2, d, e2, f2, g2, h2, k2) {
       da = false;
       ea = null;
     } else
-      throw Error(u(198));
+      throw Error(u$1(198));
     fa || (fa = true, ha = l2);
   }
 }
@@ -11087,17 +11087,17 @@ function ra() {
     for (var a2 in qa) {
       var b2 = qa[a2], c2 = pa.indexOf(a2);
       if (!(-1 < c2))
-        throw Error(u(96, a2));
+        throw Error(u$1(96, a2));
       if (!sa[c2]) {
         if (!b2.extractEvents)
-          throw Error(u(97, a2));
+          throw Error(u$1(97, a2));
         sa[c2] = b2;
         c2 = b2.eventTypes;
         for (var d in c2) {
           var e2 = void 0;
           var f2 = c2[d], g2 = b2, h2 = d;
           if (ta.hasOwnProperty(h2))
-            throw Error(u(99, h2));
+            throw Error(u$1(99, h2));
           ta[h2] = f2;
           var k2 = f2.phasedRegistrationNames;
           if (k2) {
@@ -11107,14 +11107,14 @@ function ra() {
           } else
             f2.registrationName ? (ua(f2.registrationName, g2, h2), e2 = true) : e2 = false;
           if (!e2)
-            throw Error(u(98, d, a2));
+            throw Error(u$1(98, d, a2));
         }
       }
     }
 }
 function ua(a2, b2, c2) {
   if (va[a2])
-    throw Error(u(100, a2));
+    throw Error(u$1(100, a2));
   va[a2] = b2;
   wa[a2] = b2.eventTypes[c2].dependencies;
 }
@@ -11126,7 +11126,7 @@ function xa(a2) {
       var d = a2[c2];
       if (!qa.hasOwnProperty(c2) || qa[c2] !== d) {
         if (qa[c2])
-          throw Error(u(102, c2));
+          throw Error(u$1(102, c2));
         qa[c2] = d;
         b2 = true;
       }
@@ -11137,7 +11137,7 @@ var ya = !(typeof window === "undefined" || typeof window.document === "undefine
 function Ca(a2) {
   if (a2 = ma(a2)) {
     if (typeof za !== "function")
-      throw Error(u(280));
+      throw Error(u$1(280));
     var b2 = a2.stateNode;
     b2 && (b2 = la(b2), za(a2.stateNode, a2.type, b2));
   }
@@ -11518,7 +11518,7 @@ function Hb(a2, b2, c2, d) {
 }
 function Ib(a2, b2) {
   if (b2.dangerouslySetInnerHTML != null)
-    throw Error(u(91));
+    throw Error(u$1(91));
   return n$1({}, b2, { value: void 0, defaultValue: void 0, children: "" + a2._wrapperState.initialValue });
 }
 function Jb(a2, b2) {
@@ -11528,10 +11528,10 @@ function Jb(a2, b2) {
     b2 = b2.defaultValue;
     if (c2 != null) {
       if (b2 != null)
-        throw Error(u(92));
+        throw Error(u$1(92));
       if (Array.isArray(c2)) {
         if (!(1 >= c2.length))
-          throw Error(u(93));
+          throw Error(u$1(93));
         c2 = c2[0];
       }
       b2 = c2;
@@ -11642,14 +11642,14 @@ function ec(a2) {
 }
 function fc(a2) {
   if (dc(a2) !== a2)
-    throw Error(u(188));
+    throw Error(u$1(188));
 }
 function gc(a2) {
   var b2 = a2.alternate;
   if (!b2) {
     b2 = dc(a2);
     if (b2 === null)
-      throw Error(u(188));
+      throw Error(u$1(188));
     return b2 !== a2 ? null : a2;
   }
   for (var c2 = a2, d = b2; ; ) {
@@ -11673,7 +11673,7 @@ function gc(a2) {
           return fc(e2), b2;
         f2 = f2.sibling;
       }
-      throw Error(u(188));
+      throw Error(u$1(188));
     }
     if (c2.return !== d.return)
       c2 = e2, d = f2;
@@ -11710,14 +11710,14 @@ function gc(a2) {
           h2 = h2.sibling;
         }
         if (!g2)
-          throw Error(u(189));
+          throw Error(u$1(189));
       }
     }
     if (c2.alternate !== d)
-      throw Error(u(190));
+      throw Error(u$1(190));
   }
   if (c2.tag !== 3)
-    throw Error(u(188));
+    throw Error(u$1(188));
   return c2.stateNode.current === c2 ? a2 : b2;
 }
 function hc(a2) {
@@ -11745,7 +11745,7 @@ function hc(a2) {
 }
 function ic(a2, b2) {
   if (b2 == null)
-    throw Error(u(30));
+    throw Error(u$1(30));
   if (a2 == null)
     return b2;
   if (Array.isArray(a2)) {
@@ -11780,7 +11780,7 @@ function mc(a2) {
   if (a2) {
     jc(a2, lc);
     if (kc)
-      throw Error(u(95));
+      throw Error(u$1(95));
     if (fa)
       throw a2 = ha, fa = false, ha = null, a2;
   }
@@ -12228,15 +12228,15 @@ var nd = n$1({ menuitem: true }, { area: true, base: true, br: true, col: true,
 function od(a2, b2) {
   if (b2) {
     if (nd[a2] && (b2.children != null || b2.dangerouslySetInnerHTML != null))
-      throw Error(u(137, a2, ""));
+      throw Error(u$1(137, a2, ""));
     if (b2.dangerouslySetInnerHTML != null) {
       if (b2.children != null)
-        throw Error(u(60));
+        throw Error(u$1(60));
       if (!(typeof b2.dangerouslySetInnerHTML === "object" && "__html" in b2.dangerouslySetInnerHTML))
-        throw Error(u(61));
+        throw Error(u$1(61));
     }
     if (b2.style != null && typeof b2.style !== "object")
-      throw Error(u(62, ""));
+      throw Error(u$1(62, ""));
   }
 }
 function pd(a2, b2) {
@@ -12393,7 +12393,7 @@ function Nc(a2) {
 function Pd(a2) {
   if (a2.tag === 5 || a2.tag === 6)
     return a2.stateNode;
-  throw Error(u(33));
+  throw Error(u$1(33));
 }
 function Qd(a2) {
   return a2[Nd] || null;
@@ -12434,7 +12434,7 @@ function Sd(a2, b2) {
   if (a2)
     return null;
   if (c2 && typeof c2 !== "function")
-    throw Error(u(231, b2, typeof c2));
+    throw Error(u$1(231, b2, typeof c2));
   return c2;
 }
 function Td(a2, b2, c2) {
@@ -12539,7 +12539,7 @@ function ee$1(a2, b2, c2, d) {
 }
 function fe(a2) {
   if (!(a2 instanceof this))
-    throw Error(u(279));
+    throw Error(u$1(279));
   a2.destructor();
   10 > this.eventPool.length && this.eventPool.push(a2);
 }
@@ -12572,7 +12572,7 @@ function re(a2) {
   a2 = a2.detail;
   return typeof a2 === "object" && "data" in a2 ? a2.data : null;
 }
-var se = false;
+var se$1 = false;
 function te$1(a2, b2) {
   switch (a2) {
     case "compositionend":
@@ -12589,8 +12589,8 @@ function te$1(a2, b2) {
   }
 }
 function ue(a2, b2) {
-  if (se)
-    return a2 === "compositionend" || !je && qe(a2, b2) ? (a2 = ae(), $d = Zd = Yd = null, se = false, a2) : null;
+  if (se$1)
+    return a2 === "compositionend" || !je && qe(a2, b2) ? (a2 = ae(), $d = Zd = Yd = null, se$1 = false, a2) : null;
   switch (a2) {
     case "paste":
       return null;
@@ -12626,8 +12626,8 @@ var ve = { eventTypes: oe, extractEvents: function(a2, b2, c2, d) {
       f2 = void 0;
     }
   else
-    se ? qe(a2, c2) && (f2 = oe.compositionEnd) : a2 === "keydown" && c2.keyCode === 229 && (f2 = oe.compositionStart);
-  f2 ? (me && c2.locale !== "ko" && (se || f2 !== oe.compositionStart ? f2 === oe.compositionEnd && se && (e2 = ae()) : (Yd = d, Zd = "value" in Yd ? Yd.value : Yd.textContent, se = true)), f2 = ge.getPooled(f2, b2, c2, d), e2 ? f2.data = e2 : (e2 = re(c2), e2 !== null && (f2.data = e2)), Xd(f2), e2 = f2) : e2 = null;
+    se$1 ? qe(a2, c2) && (f2 = oe.compositionEnd) : a2 === "keydown" && c2.keyCode === 229 && (f2 = oe.compositionStart);
+  f2 ? (me && c2.locale !== "ko" && (se$1 || f2 !== oe.compositionStart ? f2 === oe.compositionEnd && se$1 && (e2 = ae()) : (Yd = d, Zd = "value" in Yd ? Yd.value : Yd.textContent, se$1 = true)), f2 = ge.getPooled(f2, b2, c2, d), e2 ? f2.data = e2 : (e2 = re(c2), e2 !== null && (f2.data = e2)), Xd(f2), e2 = f2) : e2 = null;
   (a2 = le ? te$1(a2, c2) : ue(a2, c2)) ? (b2 = he.getPooled(oe.beforeInput, b2, c2, d), b2.data = a2, Xd(b2)) : b2 = null;
   return e2 === null ? b2 : b2 === null ? e2 : [e2, b2];
 } }, we = { color: true, date: true, datetime: true, "datetime-local": true, email: true, month: true, number: true, password: true, range: true, search: true, tel: true, text: true, time: true, url: true, week: true };
@@ -13022,7 +13022,7 @@ var pf = { Esc: "Escape", Spacebar: " ", Left: "ArrowLeft", Up: "ArrowUp", Right
   return b2;
 } };
 if (pa)
-  throw Error(u(101));
+  throw Error(u$1(101));
 pa = Array.prototype.slice.call("ResponderEventPlugin SimpleEventPlugin EnterLeaveEventPlugin ChangeEventPlugin SelectEventPlugin BeforeInputEventPlugin".split(" "));
 ra();
 var xf = Nc;
@@ -13063,7 +13063,7 @@ function Df() {
 }
 function Ef(a2, b2, c2) {
   if (J$1.current !== Af)
-    throw Error(u(168));
+    throw Error(u$1(168));
   I$1(J$1, b2);
   I$1(K$1, c2);
 }
@@ -13075,7 +13075,7 @@ function Ff(a2, b2, c2) {
   d = d.getChildContext();
   for (var e2 in d)
     if (!(e2 in a2))
-      throw Error(u(108, pb(b2) || "Unknown", e2));
+      throw Error(u$1(108, pb(b2) || "Unknown", e2));
   return n$1({}, c2, {}, d);
 }
 function Gf(a2) {
@@ -13088,7 +13088,7 @@ function Gf(a2) {
 function Hf(a2, b2, c2) {
   var d = a2.stateNode;
   if (!d)
-    throw Error(u(169));
+    throw Error(u$1(169));
   c2 ? (a2 = Ff(a2, b2, Bf), d.__reactInternalMemoizedMergedChildContext = a2, H$1(K$1), H$1(J$1), I$1(J$1, a2)) : H$1(K$1);
   I$1(K$1, c2);
 }
@@ -13109,7 +13109,7 @@ function ag() {
     case Sf:
       return 95;
     default:
-      throw Error(u(332));
+      throw Error(u$1(332));
   }
 }
 function bg(a2) {
@@ -13125,7 +13125,7 @@ function bg(a2) {
     case 95:
       return Sf;
     default:
-      throw Error(u(332));
+      throw Error(u$1(332));
   }
 }
 function cg(a2, b2) {
@@ -13217,7 +13217,7 @@ function sg(a2, b2) {
     b2 = { context: a2, observedBits: b2, next: null };
     if (lg === null) {
       if (kg === null)
-        throw Error(u(308));
+        throw Error(u$1(308));
       lg = b2;
       kg.dependencies = { expirationTime: 0, firstContext: b2, responders: null };
     } else
@@ -13337,7 +13337,7 @@ function Cg(a2, b2, c2) {
         d = e2;
         e2 = c2;
         if (typeof d !== "function")
-          throw Error(u(191, d));
+          throw Error(u$1(191, d));
         d.call(e2);
       }
     }
@@ -13426,11 +13426,11 @@ function Pg(a2, b2, c2) {
       c2 = c2._owner;
       if (c2) {
         if (c2.tag !== 1)
-          throw Error(u(309));
+          throw Error(u$1(309));
         var d = c2.stateNode;
       }
       if (!d)
-        throw Error(u(147, a2));
+        throw Error(u$1(147, a2));
       var e2 = "" + a2;
       if (b2 !== null && b2.ref !== null && typeof b2.ref === "function" && b2.ref._stringRef === e2)
         return b2.ref;
@@ -13443,15 +13443,15 @@ function Pg(a2, b2, c2) {
       return b2;
     }
     if (typeof a2 !== "string")
-      throw Error(u(284));
+      throw Error(u$1(284));
     if (!c2._owner)
-      throw Error(u(290, a2));
+      throw Error(u$1(290, a2));
   }
   return a2;
 }
 function Qg(a2, b2) {
   if (a2.type !== "textarea")
-    throw Error(u(31, Object.prototype.toString.call(b2) === "[object Object]" ? "object with keys {" + Object.keys(b2).join(", ") + "}" : b2, ""));
+    throw Error(u$1(31, Object.prototype.toString.call(b2) === "[object Object]" ? "object with keys {" + Object.keys(b2).join(", ") + "}" : b2, ""));
 }
 function Rg(a2) {
   function b2(b3, c3) {
@@ -13603,10 +13603,10 @@ function Rg(a2) {
   function D2(e3, g3, h3, l3) {
     var k3 = nb(h3);
     if (typeof k3 !== "function")
-      throw Error(u(150));
+      throw Error(u$1(150));
     h3 = k3.call(h3);
     if (h3 == null)
-      throw Error(u(151));
+      throw Error(u$1(151));
     for (var m3 = k3 = null, t2 = g3, y2 = g3 = 0, A2 = null, q2 = h3.next(); t2 !== null && !q2.done; y2++, q2 = h3.next()) {
       t2.index > y2 ? (A2 = t2, t2 = null) : A2 = t2.sibling;
       var D3 = x2(e3, t2, q2.value, l3);
@@ -13709,7 +13709,7 @@ function Rg(a2) {
       switch (a3.tag) {
         case 1:
         case 0:
-          throw a3 = a3.type, Error(u(152, a3.displayName || a3.name || "Component"));
+          throw a3 = a3.type, Error(u$1(152, a3.displayName || a3.name || "Component"));
       }
     return c2(a3, d2);
   };
@@ -13717,7 +13717,7 @@ function Rg(a2) {
 var Xg = Rg(true), Yg = Rg(false), Zg = {}, $g = { current: Zg }, ah = { current: Zg }, bh = { current: Zg };
 function ch(a2) {
   if (a2 === Zg)
-    throw Error(u(174));
+    throw Error(u$1(174));
   return a2;
 }
 function dh(a2, b2) {
@@ -13782,7 +13782,7 @@ function ih(a2, b2) {
 }
 var jh = Wa.ReactCurrentDispatcher, kh = Wa.ReactCurrentBatchConfig, lh = 0, N$1 = null, O$1 = null, P$1 = null, mh = false;
 function Q$1() {
-  throw Error(u(321));
+  throw Error(u$1(321));
 }
 function nh(a2, b2) {
   if (b2 === null)
@@ -13805,7 +13805,7 @@ function oh(a2, b2, c2, d, e2, f2) {
     do {
       b2.expirationTime = 0;
       if (!(25 > f2))
-        throw Error(u(301));
+        throw Error(u$1(301));
       f2 += 1;
       P$1 = O$1 = null;
       b2.updateQueue = null;
@@ -13819,7 +13819,7 @@ function oh(a2, b2, c2, d, e2, f2) {
   P$1 = O$1 = N$1 = null;
   mh = false;
   if (b2)
-    throw Error(u(300));
+    throw Error(u$1(300));
   return a2;
 }
 function th() {
@@ -13838,7 +13838,7 @@ function uh() {
     P$1 = b2, O$1 = a2;
   else {
     if (a2 === null)
-      throw Error(u(310));
+      throw Error(u$1(310));
     O$1 = a2;
     a2 = { memoizedState: O$1.memoizedState, baseState: O$1.baseState, baseQueue: O$1.baseQueue, queue: O$1.queue, next: null };
     P$1 === null ? N$1.memoizedState = P$1 = a2 : P$1 = P$1.next = a2;
@@ -13851,7 +13851,7 @@ function vh(a2, b2) {
 function wh(a2) {
   var b2 = uh(), c2 = b2.queue;
   if (c2 === null)
-    throw Error(u(311));
+    throw Error(u$1(311));
   c2.lastRenderedReducer = a2;
   var d = O$1, e2 = d.baseQueue, f2 = c2.pending;
   if (f2 !== null) {
@@ -13889,7 +13889,7 @@ function wh(a2) {
 function xh(a2) {
   var b2 = uh(), c2 = b2.queue;
   if (c2 === null)
-    throw Error(u(311));
+    throw Error(u$1(311));
   c2.lastRenderedReducer = a2;
   var d = c2.dispatch, e2 = c2.pending, f2 = b2.memoizedState;
   if (e2 !== null) {
@@ -14170,7 +14170,7 @@ function Wh(a2) {
     a2 = a2.memoizedState;
     a2 = a2 !== null ? a2.dehydrated : null;
     if (!a2)
-      throw Error(u(317));
+      throw Error(u$1(317));
     a: {
       a2 = a2.nextSibling;
       for (b2 = 0; a2; ) {
@@ -14450,7 +14450,7 @@ function $h(a2, b2, c2) {
   if (b2.childExpirationTime < c2)
     return null;
   if (a2 !== null && b2.child !== a2.child)
-    throw Error(u(153));
+    throw Error(u$1(153));
   if (b2.child !== null) {
     a2 = b2.child;
     c2 = Sg(a2, a2.pendingProps);
@@ -14590,7 +14590,7 @@ function si(a2, b2, c2) {
       else {
         if (!d) {
           if (b2.stateNode === null)
-            throw Error(u(166));
+            throw Error(u$1(166));
           return null;
         }
         a2 = ch($g.current);
@@ -14768,7 +14768,7 @@ function si(a2, b2, c2) {
         qi(a2, b2, a2.memoizedProps, d);
       else {
         if (typeof d !== "string" && b2.stateNode === null)
-          throw Error(u(166));
+          throw Error(u$1(166));
         c2 = ch(bh.current);
         ch($g.current);
         Wh(b2) ? (c2 = b2.stateNode, d = b2.memoizedProps, c2[Md] = b2, c2.nodeValue !== d && (b2.effectTag |= 4)) : (c2 = (c2.nodeType === 9 ? c2 : c2.ownerDocument).createTextNode(d), c2[Md] = b2, b2.stateNode = c2);
@@ -14839,7 +14839,7 @@ function si(a2, b2, c2) {
       }
       return d.tail !== null ? (d.tailExpiration === 0 && (d.tailExpiration = $f() + 500), c2 = d.tail, d.rendering = c2, d.tail = c2.sibling, d.lastEffect = b2.lastEffect, d.renderingStartTime = $f(), c2.sibling = null, b2 = M$1.current, I$1(M$1, e2 ? b2 & 1 | 2 : b2 & 1), c2) : null;
   }
-  throw Error(u(156, b2.tag));
+  throw Error(u$1(156, b2.tag));
 }
 function zi(a2) {
   switch (a2.tag) {
@@ -14853,7 +14853,7 @@ function zi(a2) {
       H$1(J$1);
       b2 = a2.effectTag;
       if ((b2 & 64) !== 0)
-        throw Error(u(285));
+        throw Error(u$1(285));
       a2.effectTag = b2 & -4097 | 64;
       return a2;
     case 5:
@@ -14929,7 +14929,7 @@ function Gi(a2, b2) {
     case 17:
       return;
   }
-  throw Error(u(163));
+  throw Error(u$1(163));
 }
 function Hi(a2, b2) {
   b2 = b2.updateQueue;
@@ -15014,7 +15014,7 @@ function Ji(a2, b2, c2) {
     case 21:
       return;
   }
-  throw Error(u(163));
+  throw Error(u$1(163));
 }
 function Ki(a2, b2, c2) {
   typeof Li === "function" && Li(b2);
@@ -15083,7 +15083,7 @@ function Pi(a2) {
       }
       b2 = b2.return;
     }
-    throw Error(u(160));
+    throw Error(u$1(160));
   }
   b2 = c2.stateNode;
   switch (c2.tag) {
@@ -15099,7 +15099,7 @@ function Pi(a2) {
       d = true;
       break;
     default:
-      throw Error(u(161));
+      throw Error(u$1(161));
   }
   c2.effectTag & 16 && (Rb(b2, ""), c2.effectTag &= -17);
   a:
@@ -15151,7 +15151,7 @@ function Mi(a2, b2, c2) {
       a:
         for (; ; ) {
           if (e2 === null)
-            throw Error(u(160));
+            throw Error(u$1(160));
           f2 = e2.stateNode;
           switch (e2.tag) {
             case 5:
@@ -15254,7 +15254,7 @@ function Si(a2, b2) {
       return;
     case 6:
       if (b2.stateNode === null)
-        throw Error(u(162));
+        throw Error(u$1(162));
       b2.stateNode.nodeValue = b2.memoizedProps;
       return;
     case 3:
@@ -15301,7 +15301,7 @@ function Si(a2, b2) {
     case 17:
       return;
   }
-  throw Error(u(163));
+  throw Error(u$1(163));
 }
 function Ui(a2) {
   var b2 = a2.updateQueue;
@@ -15377,14 +15377,14 @@ function Hg(a2, b2, c2) {
         a2 = 2;
         break;
       default:
-        throw Error(u(326));
+        throw Error(u$1(326));
     }
   T$1 !== null && a2 === U$1 && --a2;
   return a2;
 }
 function Ig(a2, b2) {
   if (50 < uj)
-    throw uj = 0, vj = null, Error(u(185));
+    throw uj = 0, vj = null, Error(u$1(185));
   a2 = xj(a2, b2);
   if (a2 !== null) {
     var c2 = ag();
@@ -15456,7 +15456,7 @@ function Bj(a2, b2) {
   if (c2 !== 0) {
     b2 = a2.callbackNode;
     if ((W$1 & (fj | gj)) !== V$1)
-      throw Error(u(327));
+      throw Error(u$1(327));
     Dj();
     a2 === T$1 && c2 === U$1 || Ej(a2, c2);
     if (X$1 !== null) {
@@ -15480,7 +15480,7 @@ function Bj(a2, b2) {
         switch (e2 = a2.finishedWork = a2.current.alternate, a2.finishedExpirationTime = c2, d = S$1, T$1 = null, d) {
           case ti:
           case hj:
-            throw Error(u(345));
+            throw Error(u$1(345));
           case ij:
             Cj(a2, 2 < c2 ? 2 : c2);
             break;
@@ -15547,7 +15547,7 @@ function Bj(a2, b2) {
             Jj(a2);
             break;
           default:
-            throw Error(u(329));
+            throw Error(u$1(329));
         }
       Z$1(a2);
       if (a2.callbackNode === b2)
@@ -15560,7 +15560,7 @@ function yj(a2) {
   var b2 = a2.lastExpiredTime;
   b2 = b2 !== 0 ? b2 : 1073741823;
   if ((W$1 & (fj | gj)) !== V$1)
-    throw Error(u(327));
+    throw Error(u$1(327));
   Dj();
   a2 === T$1 && b2 === U$1 || Ej(a2, b2);
   if (X$1 !== null) {
@@ -15581,7 +15581,7 @@ function yj(a2) {
     if (S$1 === hj)
       throw c2 = kj, Ej(a2, b2), xi(a2, b2), Z$1(a2), c2;
     if (X$1 !== null)
-      throw Error(u(261));
+      throw Error(u$1(261));
     a2.finishedWork = a2.current.alternate;
     a2.finishedExpirationTime = b2;
     T$1 = null;
@@ -15852,14 +15852,14 @@ function Sj(a2, b2) {
     Dj();
   while (rj !== null);
   if ((W$1 & (fj | gj)) !== V$1)
-    throw Error(u(327));
+    throw Error(u$1(327));
   var c2 = a2.finishedWork, d = a2.finishedExpirationTime;
   if (c2 === null)
     return null;
   a2.finishedWork = null;
   a2.finishedExpirationTime = 0;
   if (c2 === a2.current)
-    throw Error(u(177));
+    throw Error(u$1(177));
   a2.callbackNode = null;
   a2.callbackExpirationTime = 0;
   a2.callbackPriority = 90;
@@ -15933,7 +15933,7 @@ function Sj(a2, b2) {
         Tj();
       } catch (wb) {
         if (Y$1 === null)
-          throw Error(u(330));
+          throw Error(u$1(330));
         Ei(Y$1, wb);
         Y$1 = Y$1.nextEffect;
       }
@@ -15978,7 +15978,7 @@ function Sj(a2, b2) {
         }
       } catch (wb) {
         if (Y$1 === null)
-          throw Error(u(330));
+          throw Error(u$1(330));
         Ei(Y$1, wb);
         Y$1 = Y$1.nextEffect;
       }
@@ -16028,7 +16028,7 @@ function Sj(a2, b2) {
         }
       } catch (wb) {
         if (Y$1 === null)
-          throw Error(u(330));
+          throw Error(u$1(330));
         Ei(Y$1, wb);
         Y$1 = Y$1.nextEffect;
       }
@@ -16079,7 +16079,7 @@ function Vj() {
   var a2 = rj;
   rj = null;
   if ((W$1 & (fj | gj)) !== V$1)
-    throw Error(u(331));
+    throw Error(u$1(331));
   var b2 = W$1;
   W$1 |= gj;
   for (a2 = a2.current.firstEffect; a2 !== null; ) {
@@ -16095,7 +16095,7 @@ function Vj() {
         }
     } catch (d) {
       if (a2 === null)
-        throw Error(u(330));
+        throw Error(u$1(330));
       Ei(a2, d);
     }
     c2 = a2.nextEffect;
@@ -16267,7 +16267,7 @@ Rj = function(a2, b2, c2) {
             b2 = ai(null, b2, e2, ig(e2.type, a2), d, c2);
             break a;
         }
-        throw Error(u(306, e2, ""));
+        throw Error(u$1(306, e2, ""));
       }
       return b2;
     case 0:
@@ -16278,7 +16278,7 @@ Rj = function(a2, b2, c2) {
       hi(b2);
       d = b2.updateQueue;
       if (a2 === null || d === null)
-        throw Error(u(282));
+        throw Error(u$1(282));
       d = b2.pendingProps;
       e2 = b2.memoizedState;
       e2 = e2 !== null ? e2.element : null;
@@ -16381,7 +16381,7 @@ Rj = function(a2, b2, c2) {
     case 19:
       return mi(a2, b2, c2);
   }
-  throw Error(u(156, b2.tag));
+  throw Error(u$1(156, b2.tag));
 };
 var Uj = null, Li = null;
 function Yj(a2) {
@@ -16510,7 +16510,7 @@ function Ug(a2, b2, c2, d, e2, f2) {
                 g2 = 22;
                 break a;
             }
-          throw Error(u(130, a2 == null ? a2 : typeof a2, ""));
+          throw Error(u$1(130, a2 == null ? a2 : typeof a2, ""));
       }
   b2 = Sh(g2, c2, b2, e2);
   b2.elementType = a2;
@@ -16579,7 +16579,7 @@ function bk(a2, b2, c2, d) {
       c2 = c2._reactInternalFiber;
       b: {
         if (dc(c2) !== c2 || c2.tag !== 1)
-          throw Error(u(170));
+          throw Error(u$1(170));
         var h2 = c2;
         do {
           switch (h2.tag) {
@@ -16594,7 +16594,7 @@ function bk(a2, b2, c2, d) {
           }
           h2 = h2.return;
         } while (h2 !== null);
-        throw Error(u(171));
+        throw Error(u$1(171));
       }
       if (c2.tag === 1) {
         var k2 = c2.type;
@@ -16727,7 +16727,7 @@ za = function(a2, b2, c2) {
           if (d !== a2 && d.form === a2.form) {
             var e2 = Qd(d);
             if (!e2)
-              throw Error(u(90));
+              throw Error(u$1(90));
             yb(d);
             Cb(d, e2);
           }
@@ -16766,7 +16766,7 @@ Ia = function(a2, b2) {
 function kk(a2, b2) {
   var c2 = 2 < arguments.length && arguments[2] !== void 0 ? arguments[2] : null;
   if (!gk(b2))
-    throw Error(u(200));
+    throw Error(u$1(200));
   return jk(a2, b2, null, c2);
 }
 var lk = { Events: [Nc, Pd, Qd, xa, ta, Xd, function(a2) {
@@ -16796,8 +16796,8 @@ reactDom_production_min.findDOMNode = function(a2) {
   var b2 = a2._reactInternalFiber;
   if (b2 === void 0) {
     if (typeof a2.render === "function")
-      throw Error(u(188));
-    throw Error(u(268, Object.keys(a2)));
+      throw Error(u$1(188));
+    throw Error(u$1(268, Object.keys(a2)));
   }
   a2 = hc(b2);
   a2 = a2 === null ? null : a2.stateNode;
@@ -16805,7 +16805,7 @@ reactDom_production_min.findDOMNode = function(a2) {
 };
 reactDom_production_min.flushSync = function(a2, b2) {
   if ((W$1 & (fj | gj)) !== V$1)
-    throw Error(u(187));
+    throw Error(u$1(187));
   var c2 = W$1;
   W$1 |= 1;
   try {
@@ -16816,17 +16816,17 @@ reactDom_production_min.flushSync = function(a2, b2) {
 };
 reactDom_production_min.hydrate = function(a2, b2, c2) {
   if (!gk(b2))
-    throw Error(u(200));
+    throw Error(u$1(200));
   return ik(null, a2, b2, true, c2);
 };
 reactDom_production_min.render = function(a2, b2, c2) {
   if (!gk(b2))
-    throw Error(u(200));
+    throw Error(u$1(200));
   return ik(null, a2, b2, false, c2);
 };
 reactDom_production_min.unmountComponentAtNode = function(a2) {
   if (!gk(a2))
-    throw Error(u(40));
+    throw Error(u$1(40));
   return a2._reactRootContainer ? (Nj(function() {
     ik(null, null, a2, false, function() {
       a2._reactRootContainer = null;
@@ -16840,9 +16840,9 @@ reactDom_production_min.unstable_createPortal = function(a2, b2) {
 };
 reactDom_production_min.unstable_renderSubtreeIntoContainer = function(a2, b2, c2, d) {
   if (!gk(c2))
-    throw Error(u(200));
+    throw Error(u$1(200));
   if (a2 == null || a2._reactInternalFiber === void 0)
-    throw Error(u(38));
+    throw Error(u$1(38));
   return ik(a2, b2, c2, false, d);
 };
 reactDom_production_min.version = "16.14.0";
@@ -16860,7 +16860,7 @@ function checkDCE() {
   checkDCE();
   reactDom.exports = reactDom_production_min;
 }
-var p = reactDom.exports;
+var u = reactDom.exports;
 var e = Object.defineProperty, t = Object.defineProperties, i = Object.getOwnPropertyDescriptors, s = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, o = Object.prototype.propertyIsEnumerable, n = (t2, i2, s2) => i2 in t2 ? e(t2, i2, { enumerable: true, configurable: true, writable: true, value: s2 }) : t2[i2] = s2, a = (e2, t2) => {
   for (var i2 in t2 || (t2 = {}))
     r.call(t2, i2) && n(e2, i2, t2[i2]);
@@ -16885,62 +16885,62 @@ function f(e2, t2) {
   }(t2);
   return i2 ? e2.currentTime + (i2 - e2.hostTime) / 1e3 : e2.currentTime;
 }
-const A = navigator.userAgent.includes("Safari"), y = [".aac", ".mid", ".midi", ".mp3", ".ogg", ".oga", ".wav", ".weba"];
-var b = typeof global == "object" && global && global.Object === Object && global, I = typeof self == "object" && self && self.Object === Object && self, S = b || I || Function("return this")(), T = S.Symbol, k = Object.prototype, E = k.hasOwnProperty, C = k.toString, P = T ? T.toStringTag : void 0;
-var j = Object.prototype.toString;
-var B = T ? T.toStringTag : void 0;
-function w(e2) {
-  return e2 == null ? e2 === void 0 ? "[object Undefined]" : "[object Null]" : B && B in Object(e2) ? function(e3) {
-    var t2 = E.call(e3, P), i2 = e3[P];
+const A = navigator.userAgent.includes("Safari"), y = navigator.userAgent.includes("iPhone") || navigator.userAgent.includes("iPad"), b = [".aac", ".mid", ".midi", ".mp3", ".ogg", ".oga", ".wav", ".weba"];
+var I = typeof global == "object" && global && global.Object === Object && global, S = typeof self == "object" && self && self.Object === Object && self, T = I || S || Function("return this")(), k = T.Symbol, E = Object.prototype, C = E.hasOwnProperty, P = E.toString, j = k ? k.toStringTag : void 0;
+var B = Object.prototype.toString;
+var w = k ? k.toStringTag : void 0;
+function x(e2) {
+  return e2 == null ? e2 === void 0 ? "[object Undefined]" : "[object Null]" : w && w in Object(e2) ? function(e3) {
+    var t2 = C.call(e3, j), i2 = e3[j];
     try {
-      e3[P] = void 0;
+      e3[j] = void 0;
       var s2 = true;
     } catch (o2) {
     }
-    var r2 = C.call(e3);
-    return s2 && (t2 ? e3[P] = i2 : delete e3[P]), r2;
+    var r2 = P.call(e3);
+    return s2 && (t2 ? e3[j] = i2 : delete e3[j]), r2;
   }(e2) : function(e3) {
-    return j.call(e3);
+    return B.call(e3);
   }(e2);
 }
-var x = /\s/;
-var H = /^\s+/;
-function Q(e2) {
+var H = /\s/;
+var Q = /^\s+/;
+function M(e2) {
   return e2 ? e2.slice(0, function(e3) {
-    for (var t2 = e3.length; t2-- && x.test(e3.charAt(t2)); )
+    for (var t2 = e3.length; t2-- && H.test(e3.charAt(t2)); )
       ;
     return t2;
-  }(e2) + 1).replace(H, "") : e2;
+  }(e2) + 1).replace(Q, "") : e2;
 }
-function M(e2) {
+function L(e2) {
   var t2 = typeof e2;
   return e2 != null && (t2 == "object" || t2 == "function");
 }
-var L = /^[-+]0x[0-9a-f]+$/i, W = /^0b[01]+$/i, N = /^0o[0-7]+$/i, V = parseInt;
-function O(e2) {
+var N = /^[-+]0x[0-9a-f]+$/i, W = /^0b[01]+$/i, V = /^0o[0-7]+$/i, O = parseInt;
+function z(e2) {
   if (typeof e2 == "number")
     return e2;
   if (function(e3) {
     return typeof e3 == "symbol" || function(e4) {
       return e4 != null && typeof e4 == "object";
-    }(e3) && w(e3) == "[object Symbol]";
+    }(e3) && x(e3) == "[object Symbol]";
   }(e2))
     return NaN;
-  if (M(e2)) {
+  if (L(e2)) {
     var t2 = typeof e2.valueOf == "function" ? e2.valueOf() : e2;
-    e2 = M(t2) ? t2 + "" : t2;
+    e2 = L(t2) ? t2 + "" : t2;
   }
   if (typeof e2 != "string")
     return e2 === 0 ? e2 : +e2;
-  e2 = Q(e2);
+  e2 = M(e2);
   var i2 = W.test(e2);
-  return i2 || N.test(e2) ? V(e2.slice(2), i2 ? 2 : 8) : L.test(e2) ? NaN : +e2;
+  return i2 || V.test(e2) ? O(e2.slice(2), i2 ? 2 : 8) : N.test(e2) ? NaN : +e2;
 }
-var z = function() {
-  return S.Date.now();
-}, D = Math.max, Z = Math.min;
-function R(e2, t2, i2) {
-  var s2, r2, o2, n2, a2, l2, c2 = 0, p2 = false, u2 = false, d = true;
+var D = function() {
+  return T.Date.now();
+}, Z = Math.max, R = Math.min;
+function U(e2, t2, i2) {
+  var s2, r2, o2, n2, a2, l2, c2 = 0, u2 = false, p2 = false, d = true;
   if (typeof e2 != "function")
     throw new TypeError("Expected a function");
   function h2(t3) {
@@ -16948,41 +16948,41 @@ function R(e2, t2, i2) {
     return s2 = r2 = void 0, c2 = t3, n2 = e2.apply(o3, i3);
   }
   function m2(e3) {
-    return c2 = e3, a2 = setTimeout(v2, t2), p2 ? h2(e3) : n2;
+    return c2 = e3, a2 = setTimeout(v2, t2), u2 ? h2(e3) : n2;
   }
   function g2(e3) {
     var i3 = e3 - l2;
-    return l2 === void 0 || i3 >= t2 || i3 < 0 || u2 && e3 - c2 >= o2;
+    return l2 === void 0 || i3 >= t2 || i3 < 0 || p2 && e3 - c2 >= o2;
   }
   function v2() {
-    var e3 = z();
+    var e3 = D();
     if (g2(e3))
       return f2(e3);
     a2 = setTimeout(v2, function(e4) {
       var i3 = t2 - (e4 - l2);
-      return u2 ? Z(i3, o2 - (e4 - c2)) : i3;
+      return p2 ? R(i3, o2 - (e4 - c2)) : i3;
     }(e3));
   }
   function f2(e3) {
     return a2 = void 0, d && s2 ? h2(e3) : (s2 = r2 = void 0, n2);
   }
   function A2() {
-    var e3 = z(), i3 = g2(e3);
+    var e3 = D(), i3 = g2(e3);
     if (s2 = arguments, r2 = this, l2 = e3, i3) {
       if (a2 === void 0)
         return m2(l2);
-      if (u2)
+      if (p2)
         return clearTimeout(a2), a2 = setTimeout(v2, t2), h2(l2);
     }
     return a2 === void 0 && (a2 = setTimeout(v2, t2)), n2;
   }
-  return t2 = O(t2) || 0, M(i2) && (p2 = !!i2.leading, o2 = (u2 = "maxWait" in i2) ? D(O(i2.maxWait) || 0, t2) : o2, d = "trailing" in i2 ? !!i2.trailing : d), A2.cancel = function() {
+  return t2 = z(t2) || 0, L(i2) && (u2 = !!i2.leading, o2 = (p2 = "maxWait" in i2) ? Z(z(i2.maxWait) || 0, t2) : o2, d = "trailing" in i2 ? !!i2.trailing : d), A2.cancel = function() {
     a2 !== void 0 && clearTimeout(a2), c2 = 0, s2 = l2 = r2 = a2 = void 0;
   }, A2.flush = function() {
-    return a2 === void 0 ? n2 : f2(z());
+    return a2 === void 0 ? n2 : f2(D());
   }, A2;
 }
-class U extends react.exports.Component {
+class F extends react.exports.Component {
   constructor(e2) {
     super(e2), this.seeking = false, this.mobileSeeking = false, this.track = null, this.hoverTime = null, this.offset = 0, this.secondsPrefix = "00:00:", this.minutesPrefix = "00:", this.seekPause = false, this.handleTouchSeeking = (e3) => {
       let t2 = 0;
@@ -17076,7 +17076,7 @@ class U extends react.exports.Component {
     }, onMouseUp: this.onMouseUp, onTouchEnd: this.onMouseUp }, l.createElement("div", { className: "main" }, this.renderBufferProgress(), this.renderHoverProgress(), this.renderProgress())), this.drawHoverTime(), this.renderThumb());
   }
 }
-class F extends react.exports.Component {
+class X extends react.exports.Component {
   constructor(e2) {
     super(e2), this.stageVolume = 0, this.updateVolumeTimer = 0, this.onVolumeSeeking = false, this.onClickOperationButton = () => {
       const { paused: e3 } = this.props;
@@ -17088,17 +17088,17 @@ class F extends react.exports.Component {
       this.props.volume === 0 ? this.stageVolume !== 0 ? this.props.setVolume(this.stageVolume) : this.props.setVolume(1) : (this.stageVolume = this.props.volume, this.props.setVolume(0));
     }, this.onChange = (e3) => {
       this.setState({ currentTime: e3 }), e3 && this.changeTime(e3);
-    }, this.changeTime = R((e3) => {
+    }, this.changeTime = U((e3) => {
       this.props.setCurrentTime(e3);
     }, 50), this.onVolumeChange = (e3) => {
       this.changeVolume(e3), this.setState({ seekVolume: e3 / 100 });
-    }, this.changeVolume = R((e3) => {
+    }, this.changeVolume = U((e3) => {
       this.props.setVolume(e3 / 100);
     }, 50), this.onVolumeSeekStart = () => {
       this.onVolumeSeeking = true;
-    }, this.onVolumeSeekEnd = R(() => {
+    }, this.onVolumeSeekEnd = U(() => {
       this.onVolumeSeeking = false;
-    }, 500), this.onProgressSeekStart = () => this.setState({ isPlayerSeeking: true }), this.onProgressSeekEnd = R(() => {
+    }, 500), this.onProgressSeekStart = () => this.setState({ isPlayerSeeking: true }), this.onProgressSeekEnd = U(() => {
       this.setState({ isPlayerSeeking: false });
     }, 500), this.state = { isPlayerSeeking: false, isVolumeHover: false, seekVolume: 1, visible: true, currentTime: 0 }, this.stageVolume = e2.volume;
   }
@@ -17112,100 +17112,100 @@ class F extends react.exports.Component {
   }
   render() {
     const { duration: e2, currentTime: t2 } = this.props;
-    return l.createElement("div", { className: "player-controller", style: { opacity: this.props.visible ? "1" : "0" } }, l.createElement("div", { className: "player-controller-progress" }, l.createElement(U, { total: e2, current: this.state.currentTime, onChange: this.onChange, buffered: this.props.buffered, bufferColor: "rgba(255,255,255,0.3)", hideHoverTime: true, limitTimeTooltipBySides: true, onSeekStart: this.onProgressSeekStart, onSeekEnd: this.onProgressSeekEnd, play: this.props.play, pause: this.props.pause, paused: this.props.paused, scale: this.props.scale })), l.createElement("div", { className: "player-controller-actions" }, l.createElement("div", { className: "player-controller-actions-left" }, l.createElement("div", { onClick: this.onClickOperationButton, className: "player-controller-play" }, this.operationButton()), l.createElement("div", { className: "player-volume-box", onMouseEnter: () => this.setState({ isVolumeHover: true }), onMouseLeave: () => this.setState({ isVolumeHover: false }) }, l.createElement("div", { onClick: this.handleClickVolume, className: "player-volume" }, this.operationVolumeButton()), l.createElement("div", { className: "player-volume-slider" }, l.createElement(U, { total: 100, current: 100 * this.state.seekVolume, onChange: this.onVolumeChange, onSeekStart: this.onVolumeSeekStart, onSeekEnd: this.onVolumeSeekEnd, scale: this.props.scale, limitTimeTooltipBySides: true, hideHoverTime: true })))), l.createElement("div", { className: "player-mid-box-time" }, X(Math.floor(t2 / 1e3)), " /", " ", X(Math.floor(e2 / 1e3)))));
+    return l.createElement("div", { className: "player-controller", style: { opacity: this.props.visible ? "1" : "0" } }, l.createElement("div", { className: "player-controller-progress" }, l.createElement(F, { total: e2, current: this.state.currentTime, onChange: this.onChange, buffered: this.props.buffered, bufferColor: "rgba(255,255,255,0.3)", hideHoverTime: true, limitTimeTooltipBySides: true, onSeekStart: this.onProgressSeekStart, onSeekEnd: this.onProgressSeekEnd, play: this.props.play, pause: this.props.pause, paused: this.props.paused, scale: this.props.scale })), l.createElement("div", { className: "player-controller-actions" }, l.createElement("div", { className: "player-controller-actions-left" }, l.createElement("div", { onClick: this.onClickOperationButton, className: "player-controller-play" }, this.operationButton()), l.createElement("div", { className: "player-volume-box", onMouseEnter: () => this.setState({ isVolumeHover: true }), onMouseLeave: () => this.setState({ isVolumeHover: false }) }, l.createElement("div", { onClick: this.handleClickVolume, className: "player-volume" }, this.operationVolumeButton()), l.createElement("div", { className: "player-volume-slider" }, l.createElement(F, { total: 100, current: 100 * this.state.seekVolume, onChange: this.onVolumeChange, onSeekStart: this.onVolumeSeekStart, onSeekEnd: this.onVolumeSeekEnd, scale: this.props.scale, limitTimeTooltipBySides: true, hideHoverTime: true })))), l.createElement("div", { className: "player-mid-box-time" }, G(Math.floor(t2 / 1e3)), " /", " ", G(Math.floor(e2 / 1e3)))));
   }
 }
-function X(e2) {
+function G(e2) {
   const t2 = e2 % 60, i2 = (e2 - t2) / 60;
   if (i2 >= 60) {
     const e3 = i2 % 60;
-    return `${G((i2 - e3) / 60)}:${G(e3)}:${G(t2)}`;
+    return `${Y((i2 - e3) / 60)}:${Y(e3)}:${Y(t2)}`;
   }
-  return `${G(i2)}:${G(t2)}`;
+  return `${Y(i2)}:${Y(t2)}`;
 }
-function G(e2) {
+function Y(e2) {
   return e2 <= 9 ? `0${e2}` : `${e2}`;
 }
-let Y = 99999;
-var J, K;
-(K = J || (J = {}))[K.Idle = 0] = "Idle", K[K.Playing = 1] = "Playing", K[K.Paused = 2] = "Paused";
-let q = {};
-function $(e2, ...t2) {
+let J = 99999;
+var K, q;
+(q = K || (K = {}))[q.Idle = 0] = "Idle", q[q.Playing = 1] = "Playing", q[q.Paused = 2] = "Paused";
+let $ = {};
+function _(e2, ...t2) {
   g.verbose && console.log(`[RTCEffect] ${e2}`, ...t2);
 }
-function _(e2, t2, i2) {
+function ee(e2, t2, i2) {
   function s2(t3) {
-    q[t3].playState === 0 ? (e2.playEffect(t3, i2, 0, 1, 0, 100, false, 0).then(() => {
-      $(">>> Play Success", { playingId: t3 });
-    }), q[t3].playState = 1) : $(">>> Skip Play", { playingId: t3, state: q[t3].playState });
+    $[t3].playState === 0 ? (e2.playEffect(t3, i2, 0, 1, 0, 100, false, 0).then(() => {
+      _(">>> Play Success", { playingId: t3 });
+    }), $[t3].playState = 1) : _(">>> Skip Play", { playingId: t3, state: $[t3].playState });
   }
   function r2(e3) {
-    q[e3].playState = 0, q[e3].previousVideoJSAdvance = 0, q[e3].previousSeekTargetTime = 0, q[e3].previousBeginSeekTime = 0;
+    $[e3].playState = 0, $[e3].previousVideoJSAdvance = 0, $[e3].previousSeekTargetTime = 0, $[e3].previousBeginSeekTime = 0;
   }
   t2.one("ready", () => {
     var i3;
     const o2 = ((i3 = t2 == null ? void 0 : t2.tagAttributes) == null ? void 0 : i3.src) || "";
-    o2.endsWith("mp3") || o2.endsWith("wav") || o2.endsWith("m4a") || ($(">>> Mute js player", { src: o2 }), t2.muted(true), t2.muted = (e3) => false);
+    b.includes(o2.split(".").pop() || "") || (_(">>> Mute js player", { src: o2 }), t2.muted(true), t2.muted = (e3) => false);
     const n2 = function() {
-      const e3 = Y--, t3 = { playState: J.Idle, previousVideoJSAdvance: 0, previousSeekTargetTime: 0, previousBeginSeekTime: 0 };
-      return q[e3] = t3, e3;
+      const e3 = J--, t3 = { playState: K.Idle, previousVideoJSAdvance: 0, previousSeekTargetTime: 0, previousBeginSeekTime: 0 };
+      return $[e3] = t3, e3;
     }();
-    $(">>> Setup", { playingId: n2, src: o2 }), e2.addListener("error", (e3) => {
-      $(">>> Error", { soundId: e3 }), r2(e3);
+    _(">>> Setup", { playingId: n2, src: o2 }), e2.addListener("error", (e3) => {
+      _(">>> Error", { soundId: e3 }), r2(e3);
     }), e2.addListener("effectFinished", (e3) => {
-      $(">>> Finished", { soundId: e3 }), r2(e3);
+      _(">>> Finished", { soundId: e3 }), r2(e3);
     }), t2.on("play", () => {
-      switch (q[n2].playState) {
+      switch ($[n2].playState) {
         case 0:
-          $(">>> Start play", { playingId: n2 }), s2(n2);
+          _(">>> Start play", { playingId: n2 }), s2(n2);
           break;
         case 2:
-          $(">>> Resume play", { playingId: n2 }), e2.resumeEffect(n2), q[n2].playState = 1;
+          _(">>> Resume play", { playingId: n2 }), e2.resumeEffect(n2), $[n2].playState = 1;
       }
     }), t2.on("pause", () => {
-      const t3 = q[n2].playState;
+      const t3 = $[n2].playState;
       switch (t3) {
         case 1:
-          $(">>> Pause play", { playingId: n2 }), e2.pauseEffect(n2), q[n2].playState = 2;
+          _(">>> Pause play", { playingId: n2 }), e2.pauseEffect(n2), $[n2].playState = 2;
           break;
         default:
-          $(">>> Skip Pause", { playingId: n2, currenState: t3 });
+          _(">>> Skip Pause", { playingId: n2, currenState: t3 });
       }
     }), t2.on("timeupdate", () => {
-      q[n2], e2.getEffectCurrentPosition(n2).then((i4) => {
-        const r3 = q[n2], o3 = i4 / 1e3, a2 = t2.currentTime(), l2 = r3.previousSeekTargetTime !== 0 && r3.previousBeginSeekTime !== 0;
-        if ($(`>>> EffectSecond rtc: ${o3} js: ${a2} seeking: ${l2}`, { playingId: n2 }), r3.playState == 0)
-          return void (t2.paused() || ($(">>> Play effect due to time update.", { playingId: n2 }), s2(n2)));
+      $[n2], e2.getEffectCurrentPosition(n2).then((i4) => {
+        const r3 = $[n2], o3 = i4 / 1e3, a2 = t2.currentTime(), l2 = r3.previousSeekTargetTime !== 0 && r3.previousBeginSeekTime !== 0;
+        if (_(`>>> EffectSecond rtc: ${o3} js: ${a2} seeking: ${l2}`, { playingId: n2 }), r3.playState == 0)
+          return void (t2.paused() || (_(">>> Play effect due to time update.", { playingId: n2 }), s2(n2)));
         if (l2 && o3 < r3.previousSeekTargetTime)
           return;
         if (r3.playState !== 1)
-          return void $(">>> Skip timupdate", { playingId: n2, state: r3.playState, jsTime: t2.currentTime(), rtcEffectTime: o3 });
+          return void _(">>> Skip timupdate", { playingId: n2, state: r3.playState, jsTime: t2.currentTime(), rtcEffectTime: o3 });
         function c2(t3, i5) {
           e2.setEffectPosition(i5, 1e3 * t3), r3.previousBeginSeekTime = Date.now() / 1e3, r3.previousSeekTargetTime = t3;
         }
-        const p2 = r3.previousBeginSeekTime;
+        const u2 = r3.previousBeginSeekTime;
         if (i4 > 0) {
           const e3 = a2 - o3, t3 = Math.abs(e3), i5 = 0.5;
           if (t3 > i5)
             if (l2) {
-              const t4 = r3.previousSeekTargetTime - o3, i6 = Date.now() / 1e3 - p2, s3 = i6 + (e3 > 0 ? e3 : 0), l3 = a2 + s3;
-              c2(l3, n2), $(">>> Start seeking after seeking lag", { jsPlayerTime: a2, rtcEffectTime: o3, jsPlayerTimerAdvance: e3, lastSeekingCost: i6, estimatedRTCLag: s3, targetRTCSeekTime: l3, previousBeginSeekTime: p2, timeElapse: t4 });
+              const t4 = r3.previousSeekTargetTime - o3, i6 = Date.now() / 1e3 - u2, s3 = i6 + (e3 > 0 ? e3 : 0), l3 = a2 + s3;
+              c2(l3, n2), _(">>> Start seeking after seeking lag", { jsPlayerTime: a2, rtcEffectTime: o3, jsPlayerTimerAdvance: e3, lastSeekingCost: i6, estimatedRTCLag: s3, targetRTCSeekTime: l3, previousBeginSeekTime: u2, timeElapse: t4 });
             } else if (t3 > 10)
-              c2(a2, n2), $(">>> DirectSeek", { time: a2, rtcEffectTime: o3, jsPlayerTimerAdvance: e3 });
+              c2(a2, n2), _(">>> DirectSeek", { time: a2, rtcEffectTime: o3, jsPlayerTimerAdvance: e3 });
             else {
               const t4 = r3.previousVideoJSAdvance, i6 = 0, s3 = a2 + i6;
-              r3.previousVideoJSAdvance = i6, c2(s3, n2), $(">>> Start seeking with lag", { jsPlayerTime: a2, rtcEffectTime: o3, jsPlayerTimerAdvance: e3, previousAdvance: t4, estimatedRTCLag: i6, targetRTCSeekTime: s3 });
+              r3.previousVideoJSAdvance = i6, c2(s3, n2), _(">>> Start seeking with lag", { jsPlayerTime: a2, rtcEffectTime: o3, jsPlayerTimerAdvance: e3, previousAdvance: t4, estimatedRTCLag: i6, targetRTCSeekTime: s3 });
             }
           else
-            l2 && ($(">>> SeekingFinish no lag", { jsPlayerTime: a2, rtcEffectTime: o3, jsPlayerTimerAdvance: e3, previousBeginSeekTime: p2, rtcLagTolerance: i5 }), r3.previousBeginSeekTime = 0, r3.previousSeekTargetTime = 0);
+            l2 && (_(">>> SeekingFinish no lag", { jsPlayerTime: a2, rtcEffectTime: o3, jsPlayerTimerAdvance: e3, previousBeginSeekTime: u2, rtcLagTolerance: i5 }), r3.previousBeginSeekTime = 0, r3.previousSeekTargetTime = 0);
         }
       });
     }), t2.on("dispose", () => {
-      q[n2].playState && (e2.stopEffect(n2), delete q[n2], $(">>> Dispose", { playingId: n2 }));
+      $[n2].playState && (e2.stopEffect(n2), delete $[n2], _(">>> Dispose", { playingId: n2 }));
     });
   });
 }
-class ee extends react.exports.Component {
+class te extends react.exports.Component {
   constructor() {
     super(...arguments), this.putAttributes = (e2) => {
       const { context: t2 } = this.props, i2 = t2.getAttributes() || {};
@@ -17215,12 +17215,12 @@ class ee extends react.exports.Component {
   }
   render() {
     const { context: e2 } = this.props, t2 = e2.getRoom(), i2 = t2 ? void 0 : e2.getDisplayer(), s2 = this.putAttributes;
-    return l.createElement(te, { room: t2, player: i2, context: e2, plugin: { putAttributes: s2 } });
+    return l.createElement(ie, { room: t2, player: i2, context: e2, plugin: { putAttributes: s2 } });
   }
 }
-class te extends react.exports.Component {
+class ie extends react.exports.Component {
   constructor(e2) {
-    super(e2), this.alertMask = null, this.container = l.createRef(), this.controllerHiddenTimer = 0, this.syncPlayerTimer = 0, this.retryCount = 0, this.decreaseRetryTimer = 0, this.noSoundSyncCount = 0, this.showController = () => {
+    super(e2), this.alertMask = null, this.container = l.createRef(), this.controllerHiddenTimer = 0, this.syncPlayerTimer = 0, this.retryCount = 0, this.decreaseRetryTimer = 0, this.noSoundSyncCount = 0, this.everPlayed = false, this.showController = () => {
       this.setState({ controllerVisible: true }), this.debounceHidingController();
     }, this.play = () => {
       var e3;
@@ -17248,10 +17248,16 @@ class te extends react.exports.Component {
         return;
       if (this.state.NoSound && (this.noSoundSyncCount += 1) % 8 != 0)
         return;
-      i2.paused() !== t2.paused && (this.debug("<<< paused -> %o", t2.paused), t2.paused ? i2.pause() : (e3 = i2.play()) == null || e3.catch(this.catchPlayFail)), i2.muted() !== t2.muted && (this.debug("<<< muted -> %o", t2.muted), i2.muted(t2.muted)), i2.volume() !== t2.volume && (this.debug("<<< volume -> %o", t2.volume), i2.volume(t2.volume));
+      i2.paused() !== t2.paused && (this.debug("<<< paused -> %o", t2.paused), t2.paused ? i2.pause() : ((e3 = i2.play()) == null || e3.catch(this.catchPlayFail), this.everPlayed = true)), i2.muted() !== t2.muted && (this.debug("<<< muted -> %o", t2.muted), i2.muted(t2.muted)), i2.volume() !== t2.volume && (this.debug("<<< volume -> %o", t2.volume), i2.volume(t2.volume));
       const s2 = f(t2, this.props);
       let r2 = g.currentTimeMaxError;
-      this.state.NoSound && (r2 *= 3), s2 > i2.duration() ? this.resetPlayer() : Math.abs(i2.currentTime() - s2) > r2 && (this.debug("<<< currentTime -> %o", s2), i2.currentTime(s2));
+      if (this.state.NoSound && (r2 *= 3), s2 > i2.duration())
+        this.resetPlayer();
+      else if (Math.abs(i2.currentTime() - s2) > r2) {
+        if (this.debug("<<< currentTime -> %o", s2), y)
+          return void (this.everPlayed ? i2.currentTime(s2) : this.debug("<<< ignore iOS idle time update. -> %o (ignored)", s2));
+        i2.currentTime(s2);
+      }
     }, this.debounceHidingController = () => {
       this.controllerHiddenTimer && (clearTimeout(this.controllerHiddenTimer), this.controllerHiddenTimer = 0), this.controllerHiddenTimer = setTimeout(() => {
         this.setState({ controllerVisible: false }), this.controllerHiddenTimer = 0;
@@ -17280,10 +17286,10 @@ class te extends react.exports.Component {
       o2.className = "video-js", s2 && (o2.poster = s2), o2.setAttribute("playsInline", ""), o2.setAttribute("webkit-playsinline", "");
       const n2 = document.createElement("source");
       new URL(i2).pathname.endsWith(".m3u8") ? n2.type = "application/x-mpegURL" : o2.src = i2, n2.src = i2, t2 && (n2.type = t2), o2.appendChild(n2), r2.appendChild(o2), this.container.current.appendChild(r2), await new Promise((e4) => (window.requestAnimationFrame || window.setTimeout)(e4)), this.debug("initializing videojs() ...");
-      const a2 = u$3(o2);
+      const a2 = p$1(o2);
       this.player = a2, window.player = a2, a2.one("loadedmetadata", this.gracefullyUpdate);
       const l2 = window.__mediaPlayerAudioEffectClient;
-      l2 !== void 0 && _(l2, a2, i2), a2.on("ready", () => {
+      l2 !== void 0 && ee(l2, a2, i2), a2.on("ready", () => {
         var e4;
         (e4 = g.onPlayer) == null || e4.call(g, a2), a2.on("timeupdate", this.gracefullyUpdate), a2.on("volumechange", this.gracefullyUpdate), a2.on("seeked", this.gracefullyUpdate), a2.on("play", this.gracefullyUpdate), a2.on("pause", this.gracefullyUpdate), a2.on("ended", this.resetPlayer);
       }), a2.on("error", this.catchPlayFail), this.setState({ MediaError: false });
@@ -17310,7 +17316,7 @@ class te extends react.exports.Component {
   }
   isShowingPoster() {
     const e2 = this.getAttributes();
-    return !(e2 == null ? void 0 : e2.src) || y.some((t2) => e2.src.endsWith(t2));
+    return !(e2 == null ? void 0 : e2.src) || b.some((t2) => e2.src.endsWith(t2));
   }
   render() {
     var e2, t2;
@@ -17320,13 +17326,13 @@ class te extends react.exports.Component {
     if (!i2)
       return null;
     const s2 = 1e3 * (((e2 = this.player) == null ? void 0 : e2.duration()) || 1e3), r2 = ((t2 = this.player) == null ? void 0 : t2.bufferedPercent()) || 0;
-    return l.createElement("div", { className: this.isEnabled() ? "vjs-p" : "vjs-p disabled", onMouseEnter: this.showController, onMouseMove: this.showController }, l.createElement("div", { className: "video-js-plugin-player", ref: this.container }), this.isShowingPoster() && l.createElement("div", { className: "video-js-plugin-poster" }, i2.poster && l.createElement("img", { src: i2.poster, alt: "", draggable: false })), l.createElement(F, { duration: s2, volume: i2.volume, setVolume: this.setVolume, paused: i2.paused, play: this.play, pause: this.pause, currentTime: 1e3 * f(i2, this.props), setCurrentTime: this.setCurrentTime, buffered: s2 * r2, visible: true }), this.state.NoSound && l.createElement("div", { ref: this.setupAlert, className: "videojs-plugin-muted-alert" }), this.state.MediaError && l.createElement("div", { className: "videojs-plugin-recovery-mode" }, l.createElement("button", { ref: this.setupReload }, "Reload Player")));
+    return l.createElement("div", { className: this.isEnabled() ? "vjs-p" : "vjs-p disabled", onMouseEnter: this.showController, onMouseMove: this.showController }, l.createElement("div", { className: "video-js-plugin-player", ref: this.container }), this.isShowingPoster() && l.createElement("div", { className: "video-js-plugin-poster" }, i2.poster && l.createElement("img", { src: i2.poster, alt: "", draggable: false })), l.createElement(X, { duration: s2, volume: i2.volume, setVolume: this.setVolume, paused: i2.paused, play: this.play, pause: this.pause, currentTime: 1e3 * f(i2, this.props), setCurrentTime: this.setCurrentTime, buffered: s2 * r2, visible: true }), this.state.NoSound && l.createElement("div", { ref: this.setupAlert, className: "videojs-plugin-muted-alert" }), this.state.MediaError && l.createElement("div", { className: "videojs-plugin-recovery-mode" }, l.createElement("button", { ref: this.setupReload }, "Reload Player")));
   }
   debug(e2, ...t2) {
     g.verbose && g.log(`[MediaPlayer] ${e2}`, ...t2);
   }
   componentDidMount() {
-    this.debug("app version =", "0.1.0-alpha.5"), this.debug("video.js version =", u$3.VERSION), this.initPlayer(), this.props.context.emitter.on("attributesUpdate", this.syncPlayerWithAttributes), this.syncPlayerTimer = setInterval(this.syncPlayerWithAttributes, g.syncInterval), this.decreaseRetryTimer = setInterval(this.decreaseRetryCount, g.retryInterval);
+    this.debug("app version =", "0.1.0-alpha.5"), this.debug("video.js version =", p$1.VERSION), this.initPlayer(), this.props.context.emitter.on("attributesUpdate", this.syncPlayerWithAttributes), this.syncPlayerTimer = setInterval(this.syncPlayerWithAttributes, g.syncInterval), this.decreaseRetryTimer = setInterval(this.decreaseRetryCount, g.retryInterval);
   }
   componentWillUnmount() {
     var e2;
@@ -17336,7 +17342,7 @@ class te extends react.exports.Component {
     return this.props.context.getIsWritable();
   }
 }
-const ie = { kind: "MediaPlayer", setup(e2) {
+const se = { kind: "MediaPlayer", setup(e2) {
   let t2 = e2.getAttributes();
   if (!t2 || !t2.src)
     return e2.emitter.emit("destroy", { error: new Error("[MediaPlayer]: Missing 'attributes'.'src'.") });
@@ -17344,8 +17350,8 @@ const ie = { kind: "MediaPlayer", setup(e2) {
   const i2 = e2.getBox();
   i2.mountStyles('.vjs-p{display:flex;flex-grow:1}.vjs-p *{pointer-events:auto}.vjs-p.disabled *{pointer-events:none}.vjs-p .video-js-plugin-poster{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(data:image/png;base64,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);background-repeat:repeat-x;background-position:0 50%;display:flex;align-items:center;justify-content:center}.vjs-p .video-js-plugin-poster img{box-shadow:0 0 5px 10px #0006}.vjs-p .player-controller,.vjs-p .videojs-plugin-muted-alert{pointer-events:auto}.vjs-p.disabled .videojs-plugin-close-icon,.vjs-p.disabled .player-controller{pointer-events:none}.vjs-p .video-js-plugin-player{position:absolute;top:0;left:0;right:0;bottom:0}.video-js,[data-vjs-player]{width:100%;height:100%}.vjs-p .videojs-plugin-muted-alert{pointer-events:auto;cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0;z-index:43}.vjs-p .videojs-plugin-muted-alert:before{pointer-events:auto;cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0;z-index:43;content:"\\f104";background:rgba(0,0,0,.3);font-family:VideoJS;font-size:2em;display:flex;align-items:center;justify-content:center;color:#fff}.vjs-p .videojs-plugin-recovery-mode{pointer-events:auto;cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0;z-index:44}.vjs-p .videojs-plugin-recovery-mode button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vjs-p .seek-slider{position:relative;width:100%}.vjs-p .seek-slider:focus{outline:none}.vjs-p .seek-slider .track{padding:10px 0;cursor:pointer;outline:none}.vjs-p .seek-slider .track:focus{border:0;outline:none}.vjs-p .seek-slider .track .main{width:100%;height:3px;background-color:#ffffff4d;border-radius:30px;position:absolute;left:0;top:8.5px;transition:transform .4s;outline:none}.vjs-p .seek-slider .track .main:focus{border:0;outline:none}.vjs-p .seek-slider .track .main .buffered{position:absolute;background-color:#ffffff4d;width:100%;height:100%;transform:scaleX(.8);z-index:2;transform-origin:0 0}.vjs-p .seek-slider .track .main .seek-hover{position:absolute;background-color:#ffffff80;width:100%;height:100%;z-index:1;transform:scaleX(.6);transform-origin:0 0;opacity:0;transition:opacity .4s}.vjs-p .seek-slider .track .main .connect{position:absolute;background-color:#fff;width:100%;height:100%;z-index:3;left:0;transform:scaleX(.13);transform-origin:0 0}.vjs-p .seek-slider .track.active .main{transform:scaleY(2)}.vjs-p .seek-slider .thumb{pointer-events:none;position:absolute;width:12px;height:12px;left:-6px;top:4px;z-index:4;transform:translate(100px)}.vjs-p .seek-slider .thumb .handler{border-radius:100%;width:100%;height:100%;background-color:#fff;opacity:0;transform:scale(.4);cursor:pointer;transition:transform .2s;pointer-events:none}.vjs-p .seek-slider .thumb.active .handler{opacity:1;transform:scale(1)}.vjs-p .seek-slider .hover-time{position:absolute;background-color:#0000004d;line-height:18px;font-size:16px;color:#ddd;top:-25px;left:0;padding:5px 10px;border-radius:5px;box-shadow:0 0 5px #0000004d;opacity:0;transform:translate(150px);pointer-events:none}.vjs-p .seek-slider .hover-time.active{opacity:1}.vjs-p .seek-slider:hover .track .main .seek-hover{opacity:1}.vjs-p .player-controller{position:absolute;z-index:100;bottom:0px;left:0;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:stretch;height:64px;background-image:linear-gradient(0deg,#000,transparent);transition:opacity .2s;color:#fff}.vjs-p .player-menu-box{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:40px}.vjs-p .player-menu-cell{width:100%;text-align:center;font-size:12px;color:#7a7b7c}.vjs-p .player-multiple-play{width:64px;height:120px}.vjs-p .player-controller-actions-left{display:flex;justify-content:center;align-items:center;flex-shrink:0}.vjs-p .player-right-box{font-size:14px;color:#7a7b7c;cursor:pointer;margin-right:12px}.vjs-p .player-controller-actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:8px;padding-right:8px;margin-top:2px}.vjs-p .player-mid-box-time{font-size:9px;display:flex;justify-content:center;align-items:center;color:#fff;flex-shrink:0;margin-right:8px;font-family:monospace}.vjs-p .player-controller-play{display:flex;align-items:center;justify-content:center;cursor:pointer;padding-right:4px}.vjs-p .player-controller-progress{width:calc(100% - 28px);margin-left:14px;display:flex;align-items:center;justify-content:center;margin-top:8px}.vjs-p .player-volume{display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:16px;margin-left:8px}.vjs-p .player-volume-slider{width:60px;margin-right:12px;display:flex;align-items:center}.vjs-p .player-volume-box{display:flex;flex-direction:row}.netless-app-media-player-container{display:flex;position:relative;height:100%}\n');
   const s2 = document.createElement("div");
-  s2.classList.add("netless-app-media-player-container"), p.render(l.createElement(ee, { context: e2 }), s2), i2.mountContent(s2), e2.emitter.on("destroy", () => {
-    console.log("[MediaPlayer]: destroy"), p.unmountComponentAtNode(s2);
+  s2.classList.add("netless-app-media-player-container"), u.render(l.createElement(te, { context: e2 }), s2), i2.mountContent(s2), e2.emitter.on("destroy", () => {
+    console.log("[MediaPlayer]: destroy"), u.unmountComponentAtNode(s2);
   });
 } };
 const setupBuiltin = () => {
@@ -17357,13 +17363,13 @@ const setupBuiltin = () => {
     src: NetlessAppDocsViewer
   });
   WindowManager.register({
-    kind: ie.kind,
-    src: ie
+    kind: se.kind,
+    src: se
   });
 };
 const BuiltinApps = {
   DocsViewer: NetlessAppDocsViewer.kind,
-  MediaPlayer: ie.kind
+  MediaPlayer: se.kind
 };
 var videoJs = "";
 var style$1 = "";
@@ -17883,15 +17889,15 @@ const reconnectRefresher = new ReconnectRefresher({ emitter: internalEmitter });
 const _WindowManager = class extends InvisiblePlugin {
   constructor(context) {
     super(context);
-    this.version = "0.4.75";
-    this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.28", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "uuid": "^7.0.3", "video.js": ">=7" }, "peerDependencies": { "jspdf": "2.5.1", "white-web-sdk": "^2.16.0" }, "devDependencies": { "@hyrious/dts": "^0.2.2", "@netless/app-docs-viewer": "^0.2.17", "@netless/app-media-player": "0.1.0-beta.9", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.22", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.4", "@types/uuid": "^8.3.1", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.1", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "jspdf": "^2.5.1", "less": "^4.1.1", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "side-effect-manager": "0.1.5", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.9.9", "vitest": "^0.14.1", "white-web-sdk": "2.16.43" } };
+    this.version = "0.4.76-canary.0";
+    this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.28", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "uuid": "^7.0.3", "video.js": ">=7" }, "peerDependencies": { "jspdf": "2.5.1", "white-web-sdk": "^2.16.0" }, "devDependencies": { "@hyrious/dts": "^0.2.2", "@netless/app-docs-viewer": "^0.2.17", "@netless/app-media-player": "0.1.0-beta.10", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.22", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.4", "@types/uuid": "^8.3.1", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.1", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "jspdf": "^2.5.1", "less": "^4.1.1", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "side-effect-manager": "0.1.5", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.9.9", "vitest": "^0.14.1", "white-web-sdk": "2.16.43" } };
     this.emitter = callbacks$1;
     this.viewMode = ViewMode.Broadcaster;
     this.isReplay = isPlayer(this.displayer);
     this._cursorUIDs = [];
     this.containerSizeRatio = _WindowManager.containerSizeRatio;
     _WindowManager.displayer = context.displayer;
-    window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.28", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "uuid": "^7.0.3", "video.js": ">=7" }, "peerDependencies": { "jspdf": "2.5.1", "white-web-sdk": "^2.16.0" }, "devDependencies": { "@hyrious/dts": "^0.2.2", "@netless/app-docs-viewer": "^0.2.17", "@netless/app-media-player": "0.1.0-beta.9", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.22", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.4", "@types/uuid": "^8.3.1", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.1", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "jspdf": "^2.5.1", "less": "^4.1.1", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "side-effect-manager": "0.1.5", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.9.9", "vitest": "^0.14.1", "white-web-sdk": "2.16.43" } };
+    window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.28", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "uuid": "^7.0.3", "video.js": ">=7" }, "peerDependencies": { "jspdf": "2.5.1", "white-web-sdk": "^2.16.0" }, "devDependencies": { "@hyrious/dts": "^0.2.2", "@netless/app-docs-viewer": "^0.2.17", "@netless/app-media-player": "0.1.0-beta.10", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.22", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.4", "@types/uuid": "^8.3.1", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.1", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "jspdf": "^2.5.1", "less": "^4.1.1", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "side-effect-manager": "0.1.5", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.9.9", "vitest": "^0.14.1", "white-web-sdk": "2.16.43" } };
   }
   static onCreate(manager) {
     _WindowManager._resolve(manager);