@stream-io/video-client 1.41.1 → 1.41.3

package/dist/index.cjs.js

@@ -6208,7 +6208,7 @@ const getSdkVersion = (sdk) => {
     return sdk ? `${sdk.major}.${sdk.minor}.${sdk.patch}` : '0.0.0-development';
 };
 
-const version = "1.41.1";
+const version = "1.41.3";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -6531,6 +6531,16 @@ const createStatsReporter = ({ subscriber, publisher, state, datacenter, polling
         stop,
     };
 };
+/**
+ * Extracts camera statistics from a media source.
+ *
+ * @param mediaSource the media source stats to extract camera info from.
+ */
+const getCameraStats = (mediaSource) => ({
+    frameRate: mediaSource.framesPerSecond,
+    frameWidth: mediaSource.width,
+    frameHeight: mediaSource.height,
+});
 /**
  * Transforms raw RTC stats into a slimmer and uniform across browsers format.
  *
@@ -6556,6 +6566,7 @@ const transform = (report, opts) => {
         }
         let trackType;
         let audioLevel;
+        let camera;
         let concealedSamples;
         let concealmentEvents;
         let packetsReceived;
@@ -6571,6 +6582,9 @@ const transform = (report, opts) => {
                     typeof mediaSource.audioLevel === 'number') {
                     audioLevel = mediaSource.audioLevel;
                 }
+                if (trackKind === 'video') {
+                    camera = getCameraStats(mediaSource);
+                }
             }
         }
         else if (kind === 'subscriber' && trackKind === 'audio') {
@@ -6604,6 +6618,7 @@ const transform = (report, opts) => {
             concealmentEvents,
             packetsReceived,
             packetsLost,
+            camera,
         };
     });
     return {
@@ -6623,6 +6638,7 @@ const getEmptyVideoStats = (stats) => {
         highestFrameWidth: 0,
         highestFrameHeight: 0,
         highestFramesPerSecond: 0,
+        camera: {},
         codec: '',
         codecPerTrackType: {},
         timestamp: Date.now(),
@@ -6667,6 +6683,9 @@ const aggregate = (stats) => {
             acc.highestFramesPerSecond = stream.framesPerSecond || 0;
             maxArea = streamArea;
         }
+        if (stream.trackType === TrackType.VIDEO) {
+            acc.camera = stream.camera;
+        }
         qualityLimitationReasons.add(stream.qualityLimitationReason || '');
         return acc;
     }, aggregatedStats);
@@ -6731,6 +6750,7 @@ const aggregateAudio = (stats) => {
 class SfuStatsReporter {
     constructor(sfuClient, { options, clientDetails, subscriber, publisher, microphone, camera, state, tracer, unifiedSessionId, }) {
         this.logger = videoLoggerSystem.getLogger('SfuStatsReporter');
+        this.reportCount = 0;
         this.inputDevices = new Map();
         this.observeDevice = (device, kind) => {
             const { browserPermissionState$ } = device.state;
@@ -6832,17 +6852,31 @@ class SfuStatsReporter {
                 throw err;
             }
         };
+        this.scheduleNextReport = () => {
+            const intervals = [1500, 3000, 3000, 5000];
+            if (this.reportCount < intervals.length) {
+                this.timeoutId = setTimeout(() => {
+                    this.flush();
+                    this.reportCount++;
+                    this.scheduleNextReport();
+                }, intervals[this.reportCount]);
+            }
+            else {
+                clearInterval(this.intervalId);
+                this.intervalId = setInterval(() => {
+                    this.flush();
+                }, this.options.reporting_interval_ms);
+            }
+        };
         this.start = () => {
             if (this.options.reporting_interval_ms <= 0)
                 return;
             this.observeDevice(this.microphone, 'mic');
             this.observeDevice(this.camera, 'camera');
+            this.reportCount = 0;
             clearInterval(this.intervalId);
-            this.intervalId = setInterval(() => {
-                this.run().catch((err) => {
-                    this.logger.warn('Failed to report stats', err);
-                });
-            }, this.options.reporting_interval_ms);
+            clearTimeout(this.timeoutId);
+            this.scheduleNextReport();
         };
         this.stop = () => {
             this.unsubscribeDevicePermissionsSubscription?.();
@@ -6854,20 +6888,13 @@ class SfuStatsReporter {
             this.intervalId = undefined;
             clearTimeout(this.timeoutId);
             this.timeoutId = undefined;
+            this.reportCount = 0;
         };
         this.flush = () => {
             this.run().catch((err) => {
                 this.logger.warn('Failed to flush report stats', err);
             });
         };
-        this.scheduleOne = (timeout) => {
-            clearTimeout(this.timeoutId);
-            this.timeoutId = setTimeout(() => {
-                this.run().catch((err) => {
-                    this.logger.warn('Failed to report stats', err);
-                });
-            }, timeout);
-        };
         this.sfuClient = sfuClient;
         this.options = options;
         this.subscriber = subscriber;
@@ -12112,9 +12139,7 @@ class SpeakerManager {
      * @returns an Observable that will be updated if a device is connected or disconnected
      */
     listDevices() {
-        if (isReactNative()) {
-            throw new Error('This feature is not supported in React Native. Please visit https://getstream.io/video/docs/reactnative/core/camera-and-microphone/#speaker-management for more details');
-        }
+        assertUnsupportedInReactNative();
         return getAudioOutputDevices(this.call.tracer);
     }
     /**
@@ -12125,9 +12150,7 @@ class SpeakerManager {
      * @param deviceId empty string means the system default
      */
     select(deviceId) {
-        if (isReactNative()) {
-            throw new Error('This feature is not supported in React Native. Please visit https://getstream.io/video/docs/reactnative/core/camera-and-microphone/#speaker-management for more details');
-        }
+        assertUnsupportedInReactNative();
         this.state.setDevice(deviceId);
     }
     /**
@@ -12137,9 +12160,7 @@ class SpeakerManager {
      * Note: This method is not supported in React Native
      */
     setVolume(volume) {
-        if (isReactNative()) {
-            throw new Error('This feature is not supported in React Native. Please visit https://getstream.io/video/docs/reactnative/core/camera-and-microphone/#speaker-management for more details');
-        }
+        assertUnsupportedInReactNative();
         if (volume && (volume < 0 || volume > 1)) {
             throw new Error('Volume must be between 0 and 1');
         }
@@ -12166,6 +12187,11 @@ class SpeakerManager {
         });
     }
 }
+const assertUnsupportedInReactNative = () => {
+    if (isReactNative()) {
+        throw new Error('Unsupported in React Native. See: https://getstream.io/video/docs/react-native/guides/camera-and-microphone/#speaker-management');
+    }
+};
 
 /**
  * An object representation of a `Call`.
@@ -12468,6 +12494,8 @@ class Call {
                 }
                 this.statsReporter?.stop();
                 this.statsReporter = undefined;
+                const leaveReason = message ?? reason ?? 'user is leaving the call';
+                this.tracer.trace('call.leaveReason', leaveReason);
                 this.sfuStatsReporter?.flush();
                 this.sfuStatsReporter?.stop();
                 this.sfuStatsReporter = undefined;
@@ -12475,7 +12503,7 @@ class Call {
                 this.subscriber = undefined;
                 this.publisher?.dispose();
                 this.publisher = undefined;
-                await this.sfuClient?.leaveAndClose(message ?? reason ?? 'user is leaving the call');
+                await this.sfuClient?.leaveAndClose(leaveReason);
                 this.sfuClient = undefined;
                 this.dynascaleManager.setSfuClient(undefined);
                 await this.dynascaleManager.dispose();
@@ -12617,6 +12645,7 @@ class Call {
          * Unless you are implementing a custom "ringing" flow, you should not use this method.
          */
         this.accept = async () => {
+            this.tracer.trace('call.accept', '');
             return this.streamClient.post(`${this.streamClientBasePath}/accept`);
         };
         /**
@@ -12629,6 +12658,7 @@ class Call {
          * @param reason the reason for rejecting the call.
          */
         this.reject = async (reason = 'decline') => {
+            this.tracer.trace('call.reject', reason);
             return this.streamClient.post(`${this.streamClientBasePath}/reject`, { reason: reason });
         };
         /**
@@ -13392,11 +13422,6 @@ class Call {
                     trackTypes.push(screenShareAudio);
                 }
             }
-            if (track.kind === 'video') {
-                // schedules calibration report - the SFU will use the performance stats
-                // to adjust the quality thresholds as early as possible
-                this.sfuStatsReporter?.scheduleOne(3000);
-            }
             await this.updateLocalStreamState(mediaStream, ...trackTypes);
         };
         /**
@@ -15339,7 +15364,7 @@ class StreamClient {
         this.getUserAgent = () => {
             if (!this.cachedUserAgent) {
                 const { clientAppIdentifier = {} } = this.options;
-                const { sdkName = 'js', sdkVersion = "1.41.1", ...extras } = clientAppIdentifier;
+                const { sdkName = 'js', sdkVersion = "1.41.3", ...extras } = clientAppIdentifier;
                 this.cachedUserAgent = [
                     `stream-video-${sdkName}-v${sdkVersion}`,
                     ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),