@netless/window-manager 0.4.74 → 0.4.75-canary.1

package/dist/index.mjs

@@ -16886,18 +16886,18 @@ function f(e2, 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, E = b || I || Function("return this")(), T = E.Symbol, C = Object.prototype, k = C.hasOwnProperty, S = C.toString, P = T ? T.toStringTag : void 0;
+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 = k.call(e3, P), i2 = e3[P];
+    var t2 = E.call(e3, P), i2 = e3[P];
     try {
       e3[P] = void 0;
       var s2 = true;
     } catch (o2) {
     }
-    var r2 = S.call(e3);
+    var r2 = C.call(e3);
     return s2 && (t2 ? e3[P] = i2 : delete e3[P]), r2;
   }(e2) : function(e3) {
     return j.call(e3);
@@ -16916,7 +16916,7 @@ function M(e2) {
   var t2 = typeof e2;
   return e2 != null && (t2 == "object" || t2 == "function");
 }
-var L = /^[-+]0x[0-9a-f]+$/i, N = /^0b[01]+$/i, W = /^0o[0-7]+$/i, V = parseInt;
+var L = /^[-+]0x[0-9a-f]+$/i, W = /^0b[01]+$/i, N = /^0o[0-7]+$/i, V = parseInt;
 function O(e2) {
   if (typeof e2 == "number")
     return e2;
@@ -16933,11 +16933,11 @@ function O(e2) {
   if (typeof e2 != "string")
     return e2 === 0 ? e2 : +e2;
   e2 = Q(e2);
-  var i2 = N.test(e2);
-  return i2 || W.test(e2) ? V(e2.slice(2), i2 ? 2 : 8) : L.test(e2) ? NaN : +e2;
+  var i2 = W.test(e2);
+  return i2 || N.test(e2) ? V(e2.slice(2), i2 ? 2 : 8) : L.test(e2) ? NaN : +e2;
 }
 var z = function() {
-  return E.Date.now();
+  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;
@@ -17134,61 +17134,74 @@ function $(e2, ...t2) {
   g.verbose && console.log(`[RTCEffect] ${e2}`, ...t2);
 }
 function _(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 });
+  }
+  function r2(e3) {
+    q[e3].playState = 0, q[e3].previousVideoJSAdvance = 0, q[e3].previousSeekTargetTime = 0, q[e3].previousBeginSeekTime = 0;
+  }
   t2.one("ready", () => {
-    t2.muted(true), t2.muted = (e3) => false;
-    const s2 = function() {
-      const e3 = Y--, t3 = { playState: J.Idle, previousVideoJSAdvance: 0, previousSeekTargetTime: 0, previousBeginSeekTime: 0, seekEnable: false };
+    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);
+    const n2 = function() {
+      const e3 = Y--, t3 = { playState: J.Idle, previousVideoJSAdvance: 0, previousSeekTargetTime: 0, previousBeginSeekTime: 0 };
       return q[e3] = t3, e3;
     }();
-    $(">>> Setup", { playingId: s2, src: i2 }), e2.addListener("error", (e3) => {
-      $(">>> Error", { soundId: e3 }), q[e3].playState = 0;
+    $(">>> Setup", { playingId: n2, src: o2 }), e2.addListener("error", (e3) => {
+      $(">>> Error", { soundId: e3 }), r2(e3);
     }), e2.addListener("effectFinished", (e3) => {
-      $(">>> Finished", { soundId: e3 }), q[e3].playState = 0, q[e3].previousVideoJSAdvance = 0, q[e3].previousSeekTargetTime = 0, q[e3].previousBeginSeekTime = 0, q[e3].seekEnable = false;
+      $(">>> Finished", { soundId: e3 }), r2(e3);
     }), t2.on("play", () => {
-      switch (q[s2].playState) {
+      switch (q[n2].playState) {
         case 0:
-          e2.playEffect(s2, i2, 0, 1, 0, 100, false, 0).then(() => {
-            $(">>> Play Success", { playingId: s2 }), q[s2].seekEnable = true;
-          }), q[s2].playState = 1, $(">>> Start play", { playingId: s2 });
+          $(">>> Start play", { playingId: n2 }), s2(n2);
           break;
         case 2:
-          e2.resumeEffect(s2), q[s2].playState = 1, $(">>> Resume play", { playingId: s2 });
+          $(">>> Resume play", { playingId: n2 }), e2.resumeEffect(n2), q[n2].playState = 1;
       }
     }), t2.on("pause", () => {
-      switch (q[s2].playState) {
+      const t3 = q[n2].playState;
+      switch (t3) {
         case 1:
-          e2.pauseEffect(s2), q[s2].playState = 2, $(">>> Pause play", { playingId: s2 });
+          $(">>> Pause play", { playingId: n2 }), e2.pauseEffect(n2), q[n2].playState = 2;
+          break;
+        default:
+          $(">>> Skip Pause", { playingId: n2, currenState: t3 });
       }
     }), t2.on("timeupdate", () => {
-      const i3 = q[s2];
-      i3.playState === 1 && i3.seekEnable && e2.getEffectCurrentPosition(s2).then((i4) => {
-        const r2 = q[s2], o2 = i4 / 1e3, n2 = r2.previousSeekTargetTime !== 0 && r2.previousBeginSeekTime !== 0;
-        if (n2 && o2 < r2.previousSeekTargetTime)
-          return;
-        if (r2.playState !== 1)
+      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)));
+        if (l2 && o3 < r3.previousSeekTargetTime)
           return;
-        function a2(t3, i5) {
-          e2.setEffectPosition(i5, 1e3 * t3), r2.previousBeginSeekTime = Date.now() / 1e3, r2.previousSeekTargetTime = t3;
+        if (r3.playState !== 1)
+          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 l2 = r2.previousBeginSeekTime;
+        const p2 = r3.previousBeginSeekTime;
         if (i4 > 0) {
-          const e3 = t2.currentTime(), i5 = e3 - o2, c2 = Math.abs(i5), p2 = 0.5;
-          if (c2 > p2)
-            if (n2) {
-              const t3 = Date.now() / 1e3 - l2, r3 = t3 + (i5 > 0 ? i5 : 0), n3 = e3 + r3;
-              a2(n3, s2), $(">>> seeking after seeking lag", { jsPlayerTime: e3, rtcEffectTime: o2, jsPlayerTimerAdvance: i5, lastSeekingCost: t3, estimatedRTCLag: r3, targetRTCSeekTime: n3 });
-            } else if (c2 > 10)
-              a2(e3, s2), $(">>> direct seek", { jsPlayerTime: e3, rtcEffectTime: o2, jsPlayerTimerAdvance: i5 });
+          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 });
+            } else if (t3 > 10)
+              c2(a2, n2), $(">>> DirectSeek", { time: a2, rtcEffectTime: o3, jsPlayerTimerAdvance: e3 });
             else {
-              const t3 = r2.previousVideoJSAdvance, n3 = Math.max(t3 + i5, 0), l3 = e3 + n3;
-              r2.previousVideoJSAdvance = n3, a2(l3, s2), $(">>> normal lag seeking", { jsPlayerTime: e3, rtcEffectTime: o2, jsPlayerTimerAdvance: i5, previousAdvance: t3, estimatedRTCLag: n3, targetRTCSeekTime: l3 });
+              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 });
             }
           else
-            n2 && ($(">>> seeking finished with no log", { jsPlayerTime: e3, rtcEffectTime: o2, jsPlayerTimerAdvance: i5, previousBeginSeekTime: l2, rtcLagTolerance: p2 }), r2.previousBeginSeekTime = 0, r2.previousSeekTargetTime = 0);
+            l2 && ($(">>> SeekingFinish no lag", { jsPlayerTime: a2, rtcEffectTime: o3, jsPlayerTimerAdvance: e3, previousBeginSeekTime: p2, rtcLagTolerance: i5 }), r3.previousBeginSeekTime = 0, r3.previousSeekTargetTime = 0);
         }
       });
     }), t2.on("dispose", () => {
-      q[s2].playState && (e2.stopEffect(s2), delete q[s2], $(">>> Dispose", { playingId: s2 }));
+      q[n2].playState && (e2.stopEffect(n2), delete q[n2], $(">>> Dispose", { playingId: n2 }));
     });
   });
 }
@@ -17870,15 +17883,15 @@ const reconnectRefresher = new ReconnectRefresher({ emitter: internalEmitter });
 const _WindowManager = class extends InvisiblePlugin {
   constructor(context) {
     super(context);
-    this.version = "0.4.74";
-    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.7", "@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.75-canary.1";
+    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.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.7", "@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.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" } };
   }
   static onCreate(manager) {
     _WindowManager._resolve(manager);