@webex/web-client-media-engine 3.11.1 → 3.11.3

package/dist/esm/index.js

@@ -1281,11 +1281,30 @@ class _LocalStream extends Stream {
     get inputTrack() {
         return this.inputStream.getTracks()[0];
     }
+    /**
+     * @inheritdoc
+     */
+    handleTrackMuted() {
+        if (this.inputTrack.enabled) {
+            super.handleTrackMuted();
+        }
+    }
+    /**
+     * @inheritdoc
+     */
+    handleTrackUnmuted() {
+        if (this.inputTrack.enabled) {
+            super.handleTrackUnmuted();
+        }
+    }
     /**
      * @inheritdoc
      */
     get muted() {
-        return !this.inputTrack.enabled;
+        // Calls to `setMuted` will only affect the "enabled" state, but there are specific cases in
+        // which the browser may mute the track, which will affect the "muted" state but not the
+        // "enabled" state, e.g. minimizing a shared window or unplugging a shared screen.
+        return !this.inputTrack.enabled || this.inputTrack.muted;
     }
     /**
      * Set the mute state of this stream.
@@ -1296,7 +1315,9 @@ class _LocalStream extends Stream {
         if (this.inputTrack.enabled === isMuted) {
             this.inputTrack.enabled = !isMuted;
             // setting `enabled` will not automatically emit MuteStateChange, so we emit it here
-            this[StreamEventNames.MuteStateChange].emit(isMuted);
+            if (!this.inputTrack.muted) {
+                this[StreamEventNames.MuteStateChange].emit(isMuted);
+            }
         }
     }
     /**
@@ -6224,6 +6245,80 @@ Logger$1.useDefaults({
     },
 });
 
+var MediaFamily;
+(function (MediaFamily) {
+    MediaFamily["Audio"] = "AUDIO";
+    MediaFamily["Video"] = "VIDEO";
+})(MediaFamily || (MediaFamily = {}));
+var MediaContent;
+(function (MediaContent) {
+    MediaContent["Main"] = "MAIN";
+    MediaContent["Slides"] = "SLIDES";
+})(MediaContent || (MediaContent = {}));
+var Policy;
+(function (Policy) {
+    Policy["ActiveSpeaker"] = "active-speaker";
+    Policy["ReceiverSelected"] = "receiver-selected";
+})(Policy || (Policy = {}));
+var MediaType;
+(function (MediaType) {
+    MediaType["VideoMain"] = "VIDEO-MAIN";
+    MediaType["VideoSlides"] = "VIDEO-SLIDES";
+    MediaType["AudioMain"] = "AUDIO-MAIN";
+    MediaType["AudioSlides"] = "AUDIO-SLIDES";
+})(MediaType || (MediaType = {}));
+
+function randomInteger(min, max) {
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+function generateSceneId() {
+    return randomInteger(0, 0x7fffff);
+}
+function generateCsi(mediaFamily, sceneId) {
+    let av;
+    if (mediaFamily === MediaFamily.Audio) {
+        av = 0;
+    }
+    else {
+        av = 1;
+    }
+    return (sceneId << 8) | av;
+}
+function getMediaType(mediaFamily, mediaContent) {
+    if (mediaFamily === MediaFamily.Video && mediaContent === MediaContent.Main) {
+        return MediaType.VideoMain;
+    }
+    if (mediaFamily === MediaFamily.Video && mediaContent === MediaContent.Slides) {
+        return MediaType.VideoSlides;
+    }
+    if (mediaFamily === MediaFamily.Audio && mediaContent === MediaContent.Main) {
+        return MediaType.AudioMain;
+    }
+    return MediaType.AudioSlides;
+}
+function getMediaFamily(mediaType) {
+    return [MediaType.VideoMain, MediaType.VideoSlides].includes(mediaType)
+        ? MediaFamily.Video
+        : MediaFamily.Audio;
+}
+function getMediaContent(mediaType) {
+    return [MediaType.VideoMain, MediaType.AudioMain].includes(mediaType)
+        ? MediaContent.Main
+        : MediaContent.Slides;
+}
+const truthyOrZero = (value) => value === 0 || value;
+function arraysAreEqual(left, right, predicate) {
+    if (left.length !== right.length) {
+        return false;
+    }
+    for (let i = 0; i < left.length; i += 1) {
+        if (!predicate(left[i], right[i])) {
+            return false;
+        }
+    }
+    return true;
+}
+
 class ActiveSpeakerInfo {
     constructor(priority, crossPriorityDuplication, crossPolicyDuplication, preferLiveVideo, namedMediaGroups) {
         this.priority = priority;
@@ -6247,15 +6342,7 @@ function areNamedMediaGroupArraysEqual(left, right) {
     if (left === undefined || right === undefined) {
         return left === right;
     }
-    if (left.length !== right.length) {
-        return false;
-    }
-    for (let i = 0; i < left.length; i += 1) {
-        if (left[i] !== right[i]) {
-            return false;
-        }
-    }
-    return true;
+    return arraysAreEqual(left, right, (l, r) => l.type === r.type && l.value === r.value);
 }
 function areActiveSpeakerInfosEqual(left, right) {
     return (left.priority === right.priority &&
@@ -6457,69 +6544,6 @@ function areReceiverSelectedInfosEqual(left, right) {
     return left.csi === right.csi;
 }
 
-var MediaFamily;
-(function (MediaFamily) {
-    MediaFamily["Audio"] = "AUDIO";
-    MediaFamily["Video"] = "VIDEO";
-})(MediaFamily || (MediaFamily = {}));
-var MediaContent;
-(function (MediaContent) {
-    MediaContent["Main"] = "MAIN";
-    MediaContent["Slides"] = "SLIDES";
-})(MediaContent || (MediaContent = {}));
-var Policy;
-(function (Policy) {
-    Policy["ActiveSpeaker"] = "active-speaker";
-    Policy["ReceiverSelected"] = "receiver-selected";
-})(Policy || (Policy = {}));
-var MediaType;
-(function (MediaType) {
-    MediaType["VideoMain"] = "VIDEO-MAIN";
-    MediaType["VideoSlides"] = "VIDEO-SLIDES";
-    MediaType["AudioMain"] = "AUDIO-MAIN";
-    MediaType["AudioSlides"] = "AUDIO-SLIDES";
-})(MediaType || (MediaType = {}));
-
-function randomInteger(min, max) {
-    return Math.floor(Math.random() * (max - min + 1)) + min;
-}
-function generateSceneId() {
-    return randomInteger(0, 0x7fffff);
-}
-function generateCsi(mediaFamily, sceneId) {
-    let av;
-    if (mediaFamily === MediaFamily.Audio) {
-        av = 0;
-    }
-    else {
-        av = 1;
-    }
-    return (sceneId << 8) | av;
-}
-function getMediaType(mediaFamily, mediaContent) {
-    if (mediaFamily === MediaFamily.Video && mediaContent === MediaContent.Main) {
-        return MediaType.VideoMain;
-    }
-    if (mediaFamily === MediaFamily.Video && mediaContent === MediaContent.Slides) {
-        return MediaType.VideoSlides;
-    }
-    if (mediaFamily === MediaFamily.Audio && mediaContent === MediaContent.Main) {
-        return MediaType.AudioMain;
-    }
-    return MediaType.AudioSlides;
-}
-function getMediaFamily(mediaType) {
-    return [MediaType.VideoMain, MediaType.VideoSlides].includes(mediaType)
-        ? MediaFamily.Video
-        : MediaFamily.Audio;
-}
-function getMediaContent(mediaType) {
-    return [MediaType.VideoMain, MediaType.AudioMain].includes(mediaType)
-        ? MediaContent.Main
-        : MediaContent.Slides;
-}
-const truthyOrZero = (value) => value === 0 || value;
-
 class SourceAdvertisementMsg {
     constructor(seqNum, numTotalSources, numLiveSources, namedMediaGroups, videoContentHint) {
         this.seqNum = seqNum;
@@ -6580,26 +6604,10 @@ function arePolicySpecificInfosEqual(left, right) {
     throw new Error('Invalid PolicySpecificInfo');
 }
 function areCodecInfoArraysEqual(left, right) {
-    if (left.length !== right.length) {
-        return false;
-    }
-    for (let i = 0; i < left.length; i += 1) {
-        if (!areCodecInfosEqual(left[i], right[i])) {
-            return false;
-        }
-    }
-    return true;
+    return arraysAreEqual(left, right, areCodecInfosEqual);
 }
 function areStreamIdArraysEqual(left, right) {
-    if (left.length !== right.length) {
-        return false;
-    }
-    for (let i = 0; i < left.length; i += 1) {
-        if (!compareStreamIds(left[i], right[i])) {
-            return false;
-        }
-    }
-    return true;
+    return arraysAreEqual(left, right, compareStreamIds);
 }
 function areStreamRequestsEqual(left, right) {
     if (left.policy !== right.policy) {
@@ -6671,7 +6679,7 @@ function areStreamRequestArraysEqual(left, right) {
     return true;
 }
 class JmpSession extends EventEmitter$5 {
-    constructor(mediaFamily, mediaContent, maxNumRetransmits = 3, retransmitIntervalMs = 250) {
+    constructor(mediaFamily, mediaContent, maxNumRetransmits = 200, retransmitIntervalMs = 250) {
         super();
         this.currMediaRequestSeqNum = 1;
         this.currSourceAdvertisementSeqNum = 1;
@@ -6696,16 +6704,25 @@ class JmpSession extends EventEmitter$5 {
             !areStreamRequestArraysEqual(this.lastSentMediaRequest.msg.requests, requests)) {
             this.sendJmpMsg(JmpMsgType.MediaRequest, mediaRequestMsg);
             (_a = this.lastSentMediaRequest) === null || _a === void 0 ? void 0 : _a.cancel();
-            this.lastSentMediaRequest = new RetransmitHandler(mediaRequestMsg, this.maxNumRetransmits, this.retransmitIntervalMs, () => this.sendJmpMsg(JmpMsgType.MediaRequest, mediaRequestMsg), (expiredJmpMsg) => {
+            this.lastSentMediaRequest = new RetransmitHandler(mediaRequestMsg, this.maxNumRetransmits, this.retransmitIntervalMs, () => {
+                this.logger.info(`Retransmitting previously sent MediaRequest...`);
+                this.sendJmpMsg(JmpMsgType.MediaRequest, mediaRequestMsg);
+            }, (expiredJmpMsg) => {
                 this.logger.warn(`Retransmits for message expired: ${expiredJmpMsg}`);
             });
             this.currMediaRequestSeqNum++;
         }
+        else {
+            this.logger.info(`Duplicate MediaRequest detected and will not be sent: ${mediaRequestMsg}`);
+        }
     }
     sendSourceAdvertisement(numTotalSources, numLiveSources, namedMediaGroups, videoContentHint) {
         const sourceAdvertisementMsg = new SourceAdvertisementMsg(this.currSourceAdvertisementSeqNum++, numTotalSources, numLiveSources, namedMediaGroups, videoContentHint);
         this.sendJmpMsg(JmpMsgType.SourceAdvertisement, sourceAdvertisementMsg);
-        this.lastSentSourceAdvertisement = new RetransmitHandler(sourceAdvertisementMsg, this.maxNumRetransmits, this.retransmitIntervalMs, () => this.sendJmpMsg(JmpMsgType.SourceAdvertisement, sourceAdvertisementMsg), (expiredMsg) => {
+        this.lastSentSourceAdvertisement = new RetransmitHandler(sourceAdvertisementMsg, this.maxNumRetransmits, this.retransmitIntervalMs, () => {
+            this.logger.info(`Retransmitting previously sent SourceAdvertisement...`);
+            this.sendJmpMsg(JmpMsgType.SourceAdvertisement, sourceAdvertisementMsg);
+        }, (expiredMsg) => {
             this.logger.warn(`Retransmits for message expired: `, expiredMsg);
         });
     }
@@ -6720,11 +6737,17 @@ class JmpSession extends EventEmitter$5 {
             !compareStreamStateArrays(filteredStreamStates, this.lastSentMediaRequestStatus.msg.streamStates)) {
             this.sendJmpMsg(JmpMsgType.MediaRequestStatus, mediaRequestStatus);
             (_b = this.lastSentMediaRequestStatus) === null || _b === void 0 ? void 0 : _b.cancel();
-            this.lastSentMediaRequestStatus = new RetransmitHandler(mediaRequestStatus, this.maxNumRetransmits, this.retransmitIntervalMs, () => this.sendJmpMsg(JmpMsgType.MediaRequestStatus, mediaRequestStatus), (expiredMsg) => {
+            this.lastSentMediaRequestStatus = new RetransmitHandler(mediaRequestStatus, this.maxNumRetransmits, this.retransmitIntervalMs, () => {
+                this.logger.info(`Retransmitting previously sent MediaRequestStatus...`);
+                this.sendJmpMsg(JmpMsgType.MediaRequestStatus, mediaRequestStatus);
+            }, (expiredMsg) => {
                 this.logger.warn(`Retransmits for message expired: `, expiredMsg);
             });
             this.currMediaRequestStatusSeqNum++;
         }
+        else {
+            this.logger.info(`Duplicate MediaRequestStatus detected and will not be sent: `, mediaRequestStatus);
+        }
     }
     receive(jmpMsg) {
         if (jmpMsg.mediaContent !== this.mediaContent || jmpMsg.mediaFamily !== this.mediaFamily) {
@@ -6921,6 +6944,26 @@ class JmpSession extends EventEmitter$5 {
     }
 }
 
+var WcmeErrorType;
+(function (WcmeErrorType) {
+    WcmeErrorType["CREATE_OFFER_FAILED"] = "CREATE_OFFER_FAILED";
+    WcmeErrorType["SET_ANSWER_FAILED"] = "SET_ANSWER_FAILED";
+    WcmeErrorType["OFFER_ANSWER_MISMATCH"] = "OFFER_ANSWER_MISMATCH";
+    WcmeErrorType["SDP_MUNGE_FAILED"] = "SDP_MUNGE_FAILED";
+    WcmeErrorType["SDP_MUNGE_MISSING_CODECS"] = "SDP_MUNGE_MISSING_CODECS";
+    WcmeErrorType["INVALID_STREAM_REQUEST"] = "INVALID_STREAM_REQUEST";
+    WcmeErrorType["GET_TRANSCEIVER_FAILED"] = "GET_TRANSCEIVER_FAILED";
+    WcmeErrorType["GET_MAX_BITRATE_FAILED"] = "GET_MAX_BITRATE_FAILED";
+    WcmeErrorType["GET_PAYLOAD_TYPE_FAILED"] = "GET_PAYLOAD_TYPE_FAILED";
+    WcmeErrorType["SET_NMG_FAILED"] = "SET_NMG_FAILED";
+})(WcmeErrorType || (WcmeErrorType = {}));
+class WcmeError {
+    constructor(type, message = '') {
+        this.type = type;
+        this.message = message;
+    }
+}
+
 var commonjsGlobal$1 = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 var logger$1 = {exports: {}};
@@ -7207,26 +7250,6 @@ var logger$1 = {exports: {}};
 
 var Logger = logger$1.exports;
 
-var WcmeErrorType;
-(function (WcmeErrorType) {
-    WcmeErrorType["CREATE_OFFER_FAILED"] = "CREATE_OFFER_FAILED";
-    WcmeErrorType["SET_ANSWER_FAILED"] = "SET_ANSWER_FAILED";
-    WcmeErrorType["OFFER_ANSWER_MISMATCH"] = "OFFER_ANSWER_MISMATCH";
-    WcmeErrorType["SDP_MUNGE_FAILED"] = "SDP_MUNGE_FAILED";
-    WcmeErrorType["SDP_MUNGE_MISSING_CODECS"] = "SDP_MUNGE_MISSING_CODECS";
-    WcmeErrorType["INVALID_STREAM_REQUEST"] = "INVALID_STREAM_REQUEST";
-    WcmeErrorType["GET_TRANSCEIVER_FAILED"] = "GET_TRANSCEIVER_FAILED";
-    WcmeErrorType["GET_MAX_BITRATE_FAILED"] = "GET_MAX_BITRATE_FAILED";
-    WcmeErrorType["GET_PAYLOAD_TYPE_FAILED"] = "GET_PAYLOAD_TYPE_FAILED";
-    WcmeErrorType["SET_NMG_FAILED"] = "SET_NMG_FAILED";
-})(WcmeErrorType || (WcmeErrorType = {}));
-class WcmeError {
-    constructor(type, message = '') {
-        this.type = type;
-        this.message = message;
-    }
-}
-
 const DEFAULT_LOGGER_NAME = 'web-client-media-engine';
 const logger = Logger.get(DEFAULT_LOGGER_NAME);
 logger.setLevel(Logger.DEBUG);
@@ -14512,8 +14535,8 @@ class MultistreamConnection extends EventEmitter$2 {
             ordered: false,
             maxRetransmits: 0,
         });
-        dataChannel.onopen = (e) => {
-            logger.info('DataChannel opened: ', e);
+        dataChannel.onopen = (event) => {
+            logger.info('DataChannel opened:', JSON.stringify(event));
             [...this.sendTransceivers.keys()].forEach((mediaType) => {
                 this.sendSourceAdvertisement(mediaType);
             });
@@ -14549,11 +14572,11 @@ class MultistreamConnection extends EventEmitter$2 {
             }
             jmpSession.receive(jmpMsg);
         };
-        dataChannel.onclose = (e) => {
-            logger.info('DataChannel closed: ', e);
+        dataChannel.onclose = (event) => {
+            logger.info('DataChannel closed:', JSON.stringify(event));
         };
-        dataChannel.onerror = (e) => {
-            logger.info('DataChannel error: ', e);
+        dataChannel.onerror = (event) => {
+            logger.info('DataChannel error:', JSON.stringify(event));
         };
         this.dataChannel = dataChannel;
     }