@stream-io/video-client 1.6.0 → 1.6.2

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.6.2](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.6.1...@stream-io/video-client-1.6.2) (2024-09-09)
+
+
+### Bug Fixes
+
+* prioritize h264 baseline profile ([#1482](https://github.com/GetStream/stream-video-js/issues/1482)) ([3ea3c5e](https://github.com/GetStream/stream-video-js/commit/3ea3c5ecf57b50d3f909d59a96811f636b07d8aa))
+
+## [1.6.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.6.0...@stream-io/video-client-1.6.1) (2024-09-05)
+
+
+### Bug Fixes
+
+* update state.endedAt after the SFU terminates the call ([#1477](https://github.com/GetStream/stream-video-js/issues/1477)) ([135b11f](https://github.com/GetStream/stream-video-js/commit/135b11f2e29f486f2f43b9ac2a84848d0fd0b5b4))
+
 ## [1.6.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.5.2...@stream-io/video-client-1.6.0) (2024-09-03)
 
 

package/dist/index.browser.es.js

@@ -6735,7 +6735,7 @@ const logLevels = Object.freeze({
     warn: 3,
     error: 4,
 });
-let logger$2;
+let logger$1;
 let level = 'info';
 const logToConsole = (logLevel, message, ...args) => {
     let logMethod;
@@ -6769,7 +6769,7 @@ const logToConsole = (logLevel, message, ...args) => {
     logMethod(message, ...args);
 };
 const setLogger = (l, lvl) => {
-    logger$2 = l;
+    logger$1 = l;
     if (lvl) {
         setLogLevel(lvl);
     }
@@ -6779,7 +6779,7 @@ const setLogLevel = (l) => {
 };
 const getLogLevel = () => level;
 const getLogger = (withTags) => {
-    const loggerMethod = logger$2 || logToConsole;
+    const loggerMethod = logger$1 || logToConsole;
     const tags = (withTags || []).filter(Boolean).join(':');
     const result = (logLevel, message, ...args) => {
         if (logLevels[logLevel] >= logLevels[level]) {
@@ -6820,50 +6820,74 @@ const retryable = async (rpc, signal) => {
     return result;
 };
 
+/**
+ * Returns back a list of sorted codecs, with the preferred codec first.
+ *
+ * @param kind the kind of codec to get.
+ * @param preferredCodec the codec to prioritize (vp8, h264, vp9, av1...).
+ * @param codecToRemove the codec to exclude from the list.
+ */
 const getPreferredCodecs = (kind, preferredCodec, codecToRemove) => {
-    const logger = getLogger(['codecs']);
-    if (!('getCapabilities' in RTCRtpReceiver)) {
-        logger('warn', 'RTCRtpReceiver.getCapabilities is not supported');
+    if (!('getCapabilities' in RTCRtpReceiver))
         return;
-    }
-    const cap = RTCRtpReceiver.getCapabilities(kind);
-    if (!cap)
+    const capabilities = RTCRtpReceiver.getCapabilities(kind);
+    if (!capabilities)
         return;
-    const matched = [];
-    const partialMatched = [];
-    const unmatched = [];
-    cap.codecs.forEach((c) => {
-        const codec = c.mimeType.toLowerCase();
-        logger('debug', `Found supported codec: ${codec}`);
-        const shouldRemoveCodec = codecToRemove && codec === `${kind}/${codecToRemove.toLowerCase()}`;
+    const preferred = [];
+    const partiallyPreferred = [];
+    const unpreferred = [];
+    const preferredCodecMimeType = `${kind}/${preferredCodec.toLowerCase()}`;
+    const codecToRemoveMimeType = codecToRemove && `${kind}/${codecToRemove.toLowerCase()}`;
+    for (const codec of capabilities.codecs) {
+        const codecMimeType = codec.mimeType.toLowerCase();
+        const shouldRemoveCodec = codecMimeType === codecToRemoveMimeType;
         if (shouldRemoveCodec)
-            return;
-        const matchesCodec = codec === `${kind}/${preferredCodec.toLowerCase()}`;
-        if (!matchesCodec) {
-            unmatched.push(c);
-            return;
+            continue; // skip this codec
+        const isPreferredCodec = codecMimeType === preferredCodecMimeType;
+        if (!isPreferredCodec) {
+            unpreferred.push(codec);
+            continue;
         }
-        // for h264 codecs that have sdpFmtpLine available, use only if the
-        // profile-level-id is 42e01f for cross-browser compatibility
-        if (codec === 'h264') {
-            if (c.sdpFmtpLine && c.sdpFmtpLine.includes('profile-level-id=42e01f')) {
-                matched.push(c);
-            }
-            else {
-                partialMatched.push(c);
-            }
-            return;
+        // h264 is a special case, we want to prioritize the baseline codec with
+        // profile-level-id is 42e01f and packetization-mode=0 for maximum
+        // cross-browser compatibility.
+        // this branch covers the other cases, such as vp8.
+        if (codecMimeType !== 'video/h264') {
+            preferred.push(codec);
+            continue;
         }
-        matched.push(c);
-    });
-    return [...matched, ...partialMatched, ...unmatched];
+        const sdpFmtpLine = codec.sdpFmtpLine;
+        if (!sdpFmtpLine || !sdpFmtpLine.includes('profile-level-id=42e01f')) {
+            // this is not the baseline h264 codec, prioritize it lower
+            partiallyPreferred.push(codec);
+            continue;
+        }
+        // packetization-mode mode is optional; when not present it defaults to 0:
+        // https://datatracker.ietf.org/doc/html/rfc6184#section-6.2
+        if (sdpFmtpLine.includes('packetization-mode=0') ||
+            !sdpFmtpLine.includes('packetization-mode')) {
+            preferred.unshift(codec);
+        }
+        else {
+            preferred.push(codec);
+        }
+    }
+    // return a sorted list of codecs, with the preferred codecs first
+    return [...preferred, ...partiallyPreferred, ...unpreferred];
 };
+/**
+ * Returns a generic SDP for the given direction.
+ * We use this SDP to send it as part of our JoinRequest so that the SFU
+ * can use it to determine client's codec capabilities.
+ *
+ * @param direction the direction of the transceiver.
+ */
 const getGenericSdp = async (direction) => {
     const tempPc = new RTCPeerConnection();
     tempPc.addTransceiver('video', { direction });
     tempPc.addTransceiver('audio', { direction });
     const offer = await tempPc.createOffer();
-    let sdp = offer.sdp ?? '';
+    const sdp = offer.sdp ?? '';
     tempPc.getTransceivers().forEach((t) => {
         t.stop?.();
     });
@@ -7882,6 +7906,13 @@ class CallState {
         this.setOwnCapabilities = (capabilities) => {
             return this.setCurrentValue(this.ownCapabilitiesSubject, capabilities);
         };
+        /**
+         * Sets the time when this call has been ended.
+         * @param endedAt the time when this call has been ended.
+         */
+        this.setEndedAt = (endedAt) => {
+            return this.setCurrentValue(this.endedAtSubject, endedAt);
+        };
         /**
          * Will try to find the participant with the given sessionId in the current call.
          *
@@ -8068,7 +8099,7 @@ class CallState {
             this.setCurrentValue(this.createdAtSubject, new Date(call.created_at));
             this.setCurrentValue(this.updatedAtSubject, new Date(call.updated_at));
             this.setCurrentValue(this.startsAtSubject, call.starts_at ? new Date(call.starts_at) : undefined);
-            this.setCurrentValue(this.endedAtSubject, call.ended_at ? new Date(call.ended_at) : undefined);
+            this.setEndedAt(call.ended_at ? new Date(call.ended_at) : undefined);
             this.setCurrentValue(this.createdBySubject, call.created_by);
             this.setCurrentValue(this.customSubject, call.custom);
             this.setCurrentValue(this.egressSubject, call.egress);
@@ -8717,7 +8748,7 @@ const enableHighQualityAudio = (sdp, trackMid, maxBitrate = 510000) => {
     return SDP.write(parsedSdp);
 };
 
-const version = "1.6.0" ;
+const version = "1.6.2" ;
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -10007,15 +10038,37 @@ const watchCallRejected = (call) => {
  * Event handler that watches the delivery of `call.ended` Websocket event.
  */
 const watchCallEnded = (call) => {
-    return async function onCallEnded() {
+    return function onCallEnded() {
         const { callingState } = call.state;
         if (callingState === CallingState.RINGING ||
             callingState === CallingState.JOINED ||
             callingState === CallingState.JOINING) {
-            await call.leave({ reason: 'call.ended event received' });
+            call.leave({ reason: 'call.ended event received' }).catch((err) => {
+                call.logger('error', 'Failed to leave call after call.ended ', err);
+            });
         }
     };
 };
+/**
+ * Watches for `callEnded` events.
+ */
+const watchSfuCallEnded = (call) => {
+    return call.on('callEnded', async (e) => {
+        if (call.state.callingState === CallingState.LEFT)
+            return;
+        try {
+            // `call.ended` event arrived after the call is already left
+            // and all event handlers are detached. We need to manually
+            // update the call state to reflect the call has ended.
+            call.state.setEndedAt(new Date());
+            const reason = CallEndedReason[e.reason];
+            await call.leave({ reason: `callEnded received: ${reason}` });
+        }
+        catch (err) {
+            call.logger('error', 'Failed to leave call after being ended by the SFU', err);
+        }
+    });
+};
 
 /**
  * Event handler that watches for `callGrantsUpdated` events.
@@ -10043,7 +10096,6 @@ const watchCallGrantsUpdated = (state) => {
     };
 };
 
-const logger$1 = getLogger(['events']);
 /**
  * An event responder which handles the `changePublishQuality` event.
  */
@@ -10089,7 +10141,7 @@ const watchLiveEnded = (dispatcher, call) => {
             return;
         if (!call.permissionsContext.hasPermission(OwnCapability.JOIN_BACKSTAGE)) {
             call.leave({ reason: 'live ended' }).catch((err) => {
-                logger$1('error', 'Failed to leave call after live ended', err);
+                call.logger('error', 'Failed to leave call after live ended', err);
             });
         }
     });
@@ -10101,8 +10153,9 @@ const watchSfuErrorReports = (dispatcher) => {
     return dispatcher.on('error', (e) => {
         if (!e.error)
             return;
+        const logger = getLogger(['SfuClient']);
         const { error, reconnectStrategy } = e;
-        logger$1('error', 'SFU reported error', {
+        logger('error', 'SFU reported error', {
             code: ErrorCode[error.code],
             reconnectStrategy: WebsocketReconnectStrategy[reconnectStrategy],
             message: error.message,
@@ -10120,17 +10173,6 @@ const watchPinsUpdated = (state) => {
         state.setServerSidePins(pins);
     };
 };
-/**
- * Watches for `callEnded` events.
- */
-const watchSfuCallEnded = (call) => {
-    return call.on('callEnded', (e) => {
-        const reason = CallEndedReason[e.reason];
-        call.leave({ reason }).catch((err) => {
-            logger$1('error', 'Failed to leave call after call ended by the SFU', err);
-        });
-    });
-};
 
 /**
  * An event handler that handles soft mutes.
@@ -16050,7 +16092,7 @@ class StreamClient {
             });
         };
         this.getUserAgent = () => {
-            const version = "1.6.0" ;
+            const version = "1.6.2" ;
             return (this.userAgent ||
                 `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${version}`);
         };