@stream-io/video-client 1.56.0 → 1.57.0

package/dist/index.es.js

@@ -4927,7 +4927,7 @@ const toIceCandidate = (iceTrickle) => {
     }
 };
 
-const version = "1.56.0";
+const version = "1.57.0";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -11197,8 +11197,10 @@ class MediaPlaybackWatchdog {
     tracer;
     controller = new AbortController();
     pendingTimer;
+    settleTimer;
     attempt = 0;
     disposed = false;
+    stopped = false;
     constructor(opts) {
         this.element = opts.element;
         this.kind = opts.kind;
@@ -11219,33 +11221,49 @@ class MediaPlaybackWatchdog {
             return;
         this.disposed = true;
         this.controller.abort();
+        this.clearTimers();
+    };
+    clearTimers = () => {
         if (this.pendingTimer)
             clearTimeout(this.pendingTimer);
         this.pendingTimer = undefined;
+        if (this.settleTimer)
+            clearTimeout(this.settleTimer);
+        this.settleTimer = undefined;
     };
     onPlaying = () => {
-        if (this.attempt > 0) {
-            this.tracer.trace('mediaPlayback.recover.success', {
-                kind: this.kind,
-                attempts: this.attempt,
-            });
-        }
-        this.attempt = 0;
         if (this.pendingTimer)
             clearTimeout(this.pendingTimer);
         this.pendingTimer = undefined;
+        if (this.attempt === 0 || this.settleTimer)
+            return;
+        this.settleTimer ??= setTimeout(this.onSettled, 1000);
+    };
+    onSettled = () => {
+        this.settleTimer = undefined;
+        if (this.element.paused)
+            return;
+        this.tracer.trace('mediaPlayback.recover.success', {
+            kind: this.kind,
+            attempts: this.attempt,
+        });
+        this.attempt = 0;
+        this.stopped = false;
     };
     onPauseOrSuspend = (event) => {
-        if (this.disposed)
+        if (this.disposed || this.stopped)
             return;
         this.tracer.trace('mediaPlayback.paused', {
             kind: this.kind,
             reason: event.type,
         });
+        if (this.settleTimer)
+            clearTimeout(this.settleTimer);
+        this.settleTimer = undefined;
         this.scheduleRecovery();
     };
     scheduleRecovery = () => {
-        if (this.disposed || this.pendingTimer)
+        if (this.disposed || this.stopped || this.pendingTimer)
             return;
         const skipReason = this.computeSkipReason();
         if (skipReason) {
@@ -11255,6 +11273,15 @@ class MediaPlaybackWatchdog {
             });
             return;
         }
+        if (this.attempt >= 10) {
+            this.stopped = true;
+            this.clearTimers();
+            this.tracer.trace('mediaPlayback.recover.giveUp', {
+                kind: this.kind,
+                attempts: this.attempt,
+            });
+            return;
+        }
         const delay = this.attempt === 0 ? 0 : retryInterval(this.attempt);
         this.pendingTimer = setTimeout(this.attemptPlay, delay);
     };
@@ -11290,13 +11317,6 @@ class MediaPlaybackWatchdog {
             if (this.disposed)
                 return;
             this.logger.warn(`Failed to recover ${this.kind} playback`, err);
-            if (this.attempt >= 10) {
-                this.tracer.trace('mediaPlayback.recover.giveUp', {
-                    kind: this.kind,
-                    attempts: this.attempt,
-                });
-                return;
-            }
             this.scheduleRecovery();
         }
     };
@@ -18491,11 +18511,11 @@ class StreamClient {
         return await this.wsConnection.connect(this.defaultWSTimeout);
     };
     getSdkVersion = () => this.options.clientAppIdentifier?.sdkVersion ||
-        "1.56.0";
+        "1.57.0";
     getUserAgent = () => {
         if (!this.cachedUserAgent) {
             const { clientAppIdentifier = {} } = this.options;
-            const { sdkName = 'js', sdkVersion = "1.56.0", ...extras } = clientAppIdentifier;
+            const { sdkName = 'js', sdkVersion = "1.57.0", ...extras } = clientAppIdentifier;
             this.cachedUserAgent = [
                 `stream-video-${sdkName}-v${sdkVersion}`,
                 ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),