@stream-io/video-client 0.3.20 → 0.3.21

package/dist/index.cjs.js

@@ -9477,9 +9477,23 @@ class DynascaleManager {
             if (!boundParticipant)
                 return;
             const requestTrackWithDimensions = (debounceType, dimension) => {
+                if (dimension && (dimension.width === 0 || dimension.height === 0)) {
+                    // ignore 0x0 dimensions. this can happen when the video element
+                    // is not visible (e.g., has display: none).
+                    // we treat this as "unsubscription" as we don't want to keep
+                    // consuming bandwidth for a video that is not visible on the screen.
+                    this.logger('debug', `Ignoring 0x0 dimension`, boundParticipant);
+                    dimension = undefined;
+                }
                 this.call.updateSubscriptionsPartial(trackType, { [sessionId]: { dimension } }, debounceType);
             };
             const participant$ = this.call.state.participants$.pipe(rxjs.map((participants) => participants.find((participant) => participant.sessionId === sessionId)), rxjs.takeWhile((participant) => !!participant), rxjs.distinctUntilChanged(), rxjs.shareReplay(1));
+            /**
+             * Since the video elements are now being removed from the DOM (React SDK) upon
+             * visibility change, this subscription is not in use an stays here only for the
+             * plain JS integrations where integrators might choose not to remove the video
+             * elements from the DOM.
+             */
             // keep copy for resize observer handler
             let viewportVisibilityState;
             const viewportVisibilityStateSubscription = boundParticipant.isLocalParticipant
@@ -9524,6 +9538,8 @@ class DynascaleManager {
                     lastDimensions = currentDimensions;
                 });
             resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(videoElement);
+            // element renders and gets bound - track subscription gets
+            // triggered first other ones get skipped on initial subscriptions
             const publishedTracksSubscription = boundParticipant.isLocalParticipant
                 ? null
                 : participant$
@@ -9533,14 +9549,14 @@ class DynascaleManager {
                     .subscribe((isPublishing) => {
                     if (isPublishing) {
                         // the participant just started to publish a track
-                        requestTrackWithDimensions(exports.DebounceType.IMMEDIATE, {
+                        requestTrackWithDimensions(exports.DebounceType.FAST, {
                             width: videoElement.clientWidth,
                             height: videoElement.clientHeight,
                         });
                     }
                     else {
                         // the participant just stopped publishing a track
-                        requestTrackWithDimensions(exports.DebounceType.IMMEDIATE, undefined);
+                        requestTrackWithDimensions(exports.DebounceType.FAST, undefined);
                     }
                 });
             const streamSubscription = participant$
@@ -9565,7 +9581,7 @@ class DynascaleManager {
             // https://developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide
             videoElement.muted = true;
             return () => {
-                requestTrackWithDimensions(exports.DebounceType.IMMEDIATE, undefined);
+                requestTrackWithDimensions(exports.DebounceType.FAST, undefined);
                 viewportVisibilityStateSubscription === null || viewportVisibilityStateSubscription === void 0 ? void 0 : viewportVisibilityStateSubscription.unsubscribe();
                 publishedTracksSubscription === null || publishedTracksSubscription === void 0 ? void 0 : publishedTracksSubscription.unsubscribe();
                 streamSubscription.unsubscribe();
@@ -13132,7 +13148,7 @@ class WSConnectionFallback {
     }
 }
 
-const version = '0.3.20';
+const version = '0.3.21';
 
 const logger = getLogger(['location']);
 const HINT_URL = `https://hint.stream-io-video.com/`;