@stream-io/video-client 0.0.41 → 0.0.42

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.0.42](https://github.com/GetStream/stream-video-js/compare/client0.0.41...client0.0.42) (2023-07-12)
+
+
+### Bug Fixes
+
+* Heuristic announcement of track mid ([#785](https://github.com/GetStream/stream-video-js/issues/785)) ([21c1da7](https://github.com/GetStream/stream-video-js/commit/21c1da74a7b1691ccea6cad360dd9e18fa357b2d))
+
 ### [0.0.41](https://github.com/GetStream/stream-video-js/compare/client0.0.40...client0.0.41) (2023-07-10)
 
 

package/dist/index.browser.es.js

@@ -6053,6 +6053,14 @@ class Publisher {
             [TrackType.SCREEN_SHARE_AUDIO]: undefined,
             [TrackType.UNSPECIFIED]: undefined,
         };
+        /**
+         * An array maintaining the order how transceivers were added to the peer connection.
+         * This is needed because some browsers (Firefox) don't reliably report
+         * trackId and `mid` parameters.
+         *
+         * @private
+         */
+        this.transceiverInitOrder = [];
         this.trackKindMapping = {
             [TrackType.AUDIO]: 'audio',
             [TrackType.VIDEO]: 'video',
@@ -6146,6 +6154,8 @@ class Publisher {
                         : undefined,
                     sendEncodings: videoEncodings,
                 });
+                this.logger('debug', `Added ${TrackType[trackType]} transceiver`);
+                this.transceiverInitOrder.push(trackType);
                 this.transceiverRegistry[trackType] = transceiver;
                 if ('setCodecPreferences' in transceiver && codecPreferences) {
                     this.logger('info', `Setting ${TrackType[trackType]} codec preferences`, codecPreferences);
@@ -6368,14 +6378,14 @@ class Publisher {
         this.getCurrentTrackInfos = (sdp) => {
             var _a;
             sdp = sdp || ((_a = this.pc.localDescription) === null || _a === void 0 ? void 0 : _a.sdp);
-            const extractMid = (defaultMid, track) => {
+            const extractMid = (defaultMid, track, trackType) => {
                 if (defaultMid)
                     return defaultMid;
                 if (!sdp) {
                     this.logger('warn', 'No SDP found. Returning empty mid');
                     return '';
                 }
-                this.logger('warn', 'No mid found for track. Trying to find it from SDP');
+                this.logger('debug', `No 'mid' found for track. Trying to find it from the Offer SDP`);
                 const parsedSdp = SDP.parse(sdp);
                 const media = parsedSdp.media.find((m) => {
                     var _a, _b;
@@ -6384,7 +6394,12 @@ class Publisher {
                         ((_b = (_a = m.msid) === null || _a === void 0 ? void 0 : _a.includes(track.id)) !== null && _b !== void 0 ? _b : true));
                 });
                 if (typeof (media === null || media === void 0 ? void 0 : media.mid) === 'undefined') {
-                    this.logger('warn', `No mid found in SDP for track type ${track.kind} and id ${track.id}`);
+                    this.logger('debug', `No mid found in SDP for track type ${track.kind} and id ${track.id}. Attempting to find a heuristic mid`);
+                    const heuristicMid = this.transceiverInitOrder.indexOf(trackType);
+                    if (heuristicMid !== -1) {
+                        return String(heuristicMid);
+                    }
+                    this.logger('debug', 'No heuristic mid found. Returning empty mid');
                     return '';
                 }
                 return String(media.mid);
@@ -6426,7 +6441,7 @@ class Publisher {
                     trackId: track.id,
                     layers: layers,
                     trackType,
-                    mid: extractMid(transceiver.mid, track),
+                    mid: extractMid(transceiver.mid, track, trackType),
                     // FIXME OL: adjust these values
                     stereo: false,
                     dtx: TrackType.AUDIO === trackType && this.isDtxEnabled,
@@ -11753,7 +11768,7 @@ class StreamClient {
         };
         this.getUserAgent = () => {
             return (this.userAgent ||
-                `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${"0.0.40"}`);
+                `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${"0.0.41"}`);
         };
         this.setUserAgent = (userAgent) => {
             this.userAgent = userAgent;