@whereby.com/media 11.1.2 → 11.1.3

package/dist/index.cjs

@@ -304,7 +304,7 @@ class Logger {
 
 var _a$5, _b$2;
 const adapter$5 = (_a$5 = adapterRaw.default) !== null && _a$5 !== void 0 ? _a$5 : adapterRaw;
-const logger$b = new Logger();
+const logger$c = new Logger();
 const browserName$2 = (_b$2 = adapter$5.browserDetails) === null || _b$2 === void 0 ? void 0 : _b$2.browser;
 const browserVersion$1 = adapter$5.browserDetails.version;
 function setCodecPreferenceSDP({ sdp, redOn }) {
@@ -345,7 +345,7 @@ function setCodecPreferenceSDP({ sdp, redOn }) {
         return newSdp;
     }
     catch (error) {
-        logger$b.error("setCodecPreferenceSDP error:", error);
+        logger$c.error("setCodecPreferenceSDP error:", error);
         return sdp;
     }
 }
@@ -496,7 +496,7 @@ function trackAnnotations(o) {
 
 var _a$4;
 const adapter$4 = (_a$4 = adapterRaw.default) !== null && _a$4 !== void 0 ? _a$4 : adapterRaw;
-const logger$a = new Logger();
+const logger$b = new Logger();
 class Session {
     constructor({ clientId, bandwidth, peerConnectionConfig, deprioritizeH264Encoding, incrementAnalyticMetric, mediaPrefs, }) {
         this.relayCandidateSeen = false;
@@ -628,7 +628,7 @@ class Session {
     }
     handleAnswer(message) {
         if (this.pc.signalingState !== "have-local-offer") {
-            logger$a.warn("Ignoring stale SDP answer for client %s (signalingState: %s)", this.clientId, this.pc.signalingState);
+            logger$b.warn("Ignoring stale SDP answer for client %s (signalingState: %s)", this.clientId, this.pc.signalingState);
             this._incrementAnalyticMetric("P2PStaleAnswerIgnored");
             rtcStats.sendEvent("P2PStaleAnswerIgnored", {
                 clientId: this.clientId,
@@ -656,7 +656,7 @@ class Session {
                 return;
             }
             this.pc.addIceCandidate(candidate).catch((e) => {
-                logger$a.warn("Failed to add ICE candidate ('%s'): %s", candidate ? candidate.candidate : null, e);
+                logger$b.warn("Failed to add ICE candidate ('%s'): %s", candidate ? candidate.candidate : null, e);
                 this._incrementAnalyticMetric("P2PAddIceCandidateFailure");
                 rtcStats.sendEvent("P2PAddIceCandidateFailure", {
                     clientId: this.clientId,
@@ -684,7 +684,7 @@ class Session {
             pc.close();
         }
         catch (e) {
-            logger$a.warn("failures during close of session", e);
+            logger$b.warn("failures during close of session", e);
         }
     }
     hasConnectedPeerConnection() {
@@ -693,7 +693,7 @@ class Session {
     replaceTrack(oldTrack, newTrack) {
         return __awaiter(this, void 0, void 0, function* () {
             var _a;
-            logger$a.info("replacetrack() [oldTrackId: %s, newTrackId: %s]", oldTrack === null || oldTrack === void 0 ? void 0 : oldTrack.id, newTrack.id);
+            logger$b.info("replacetrack() [oldTrackId: %s, newTrackId: %s]", oldTrack === null || oldTrack === void 0 ? void 0 : oldTrack.id, newTrack.id);
             if (newTrack.readyState === "ended") {
                 throw new Error(`refusing to use ended track with id: ${newTrack.id}, kind: ${newTrack.kind}`);
             }
@@ -764,6 +764,16 @@ class Session {
 }
 
 const MEDIA_JITTER_BUFFER_TARGET = 400;
+const INITIAL_CONSUMER_SPATIAL_LAYER = 1;
+const INITIAL_HIGHEST_PREFERRED_LAYER = 1;
+const LOWEST_SVC_LAYER_MAX_BITRATE = 100000;
+const MIDDLE_SVC_LAYER_MAX_BITRATE = 500000;
+const PREFERRED_LAYER_SWITCH_POLL_INTERVAL_MS = 100;
+const PREFERRED_LAYER_SWITCH_WATCH_TIMEOUT_MS = 10000;
+const MAX_CONCURRENT_PREFERRED_LAYER_SWITCH_WATCHES = 5;
+const CONGESTED_RTT_INFLATION_MS = 100;
+const CONGESTED_FRACTION_LOST = 0.02;
+const CAM_SAMPLES_SKIPPED_AFTER_CANDIDATE_PAIR_CHANGE = 2;
 
 const PROTOCOL_REQUESTS = {
     BLOCK_CLIENT: "block_client",
@@ -1063,7 +1073,7 @@ const getMediasoupDeviceAsync = (features) => __awaiter(void 0, void 0, void 0,
     return new mediasoupClient.Device({ handlerName });
 });
 
-const logger$9 = new Logger();
+const logger$a = new Logger();
 const AUDIO_SETTINGS = {
     codecOptions: {
         opusDtx: true,
@@ -1243,7 +1253,7 @@ function sortCodecsByPowerEfficiency(codecs) {
             codecPowerEfficiencyEntries = yield Promise.all(codecs.map(({ mimeType }) => getIsCodecDecodingPowerEfficient(mimeType).then((val) => [mimeType, val])));
         }
         catch (error) {
-            logger$9.error(error);
+            logger$a.error(error);
             return codecs;
         }
         const codecPowerEfficiencies = Object.fromEntries(codecPowerEfficiencyEntries);
@@ -1312,7 +1322,24 @@ function captureSsrcInfo(ssrcMetrics, currentSsrcStats, prevSsrcStats, timeDiff,
     ssrcMetrics.mid = currentSsrcStats.mid;
     ssrcMetrics.rid = currentSsrcStats.rid;
 }
+const selectedCandidatePairIdByReport = new WeakMap();
+function getSelectedCandidatePairId(report, transportId) {
+    var _a;
+    const selectedCandidatePairId = transportId ? (_a = report.get(transportId)) === null || _a === void 0 ? void 0 : _a.selectedCandidatePairId : undefined;
+    if (selectedCandidatePairId)
+        return selectedCandidatePairId;
+    if (!selectedCandidatePairIdByReport.has(report)) {
+        let selectedId;
+        report.forEach((stats) => {
+            if (stats.type === "candidate-pair" && stats.selected)
+                selectedId = stats.id;
+        });
+        selectedCandidatePairIdByReport.set(report, selectedId);
+    }
+    return selectedCandidatePairIdByReport.get(report);
+}
 function captureCommonSsrcMetrics(ssrcMetrics, currentSsrcStats, prevSsrcStats, timeDiff, report) {
+    ssrcMetrics.selectedCandidatePairId = getSelectedCandidatePairId(report, currentSsrcStats.transportId);
     const nackCountDiff = (currentSsrcStats.nackCount || 0) - ((prevSsrcStats === null || prevSsrcStats === void 0 ? void 0 : prevSsrcStats.nackCount) || 0);
     ssrcMetrics.nackCount = (ssrcMetrics.nackCount || 0) + nackCountDiff;
     ssrcMetrics.nackRate = (1000 * nackCountDiff) / timeDiff;
@@ -1366,6 +1393,7 @@ function captureCommonSsrcMetrics(ssrcMetrics, currentSsrcStats, prevSsrcStats,
                 ssrcMetrics.roundTripTime = remoteReport.roundTripTime || 0;
                 ssrcMetrics.jitter = remoteReport.jitter || 0;
                 ssrcMetrics.fractionLost = remoteReport.fractionLost || 0;
+                ssrcMetrics.remoteReportTimestamp = remoteReport.timestamp;
             }
         }
     }
@@ -1597,7 +1625,6 @@ const DEFAULT_CLIENT = {
 };
 function collectStats(state_1, _a, immediate_1) {
     return __awaiter(this, arguments, void 0, function* (state, { logger, interval }, immediate) {
-        const collectStatsBound = collectStats.bind(null, state, { interval, logger });
         try {
             const clients = state.getClients();
             const defaultClient = clients.find((c) => c.isLocalClient && !c.isPresentation) || DEFAULT_CLIENT;
@@ -1612,7 +1639,6 @@ function collectStats(state_1, _a, immediate_1) {
                 if (immediate)
                     return state.statsByView;
                 state.subscriptions.forEach((subscription) => { var _a; return (_a = subscription.onUpdatedStats) === null || _a === void 0 ? void 0 : _a.call(subscription, state.statsByView, clients, state.renderedDimensionsByTrack); });
-                state.nextTimeout = setTimeout(collectStatsBound, interval);
                 return;
             }
             state.lastUpdateTime = Date.now();
@@ -1735,11 +1761,10 @@ function collectStats(state_1, _a, immediate_1) {
                 message: e === null || e === void 0 ? void 0 : e.message,
             });
         }
-        state.nextTimeout = setTimeout(collectStatsBound, interval);
     });
 }
 
-const logger$8 = new Logger();
+const logger$9 = new Logger();
 const CPU_OBSERVER_OPTIONS = {
     sampleRate: 1,
 };
@@ -1749,7 +1774,7 @@ function startCpuObserver(cb, { sampleRate } = CPU_OBSERVER_OPTIONS, window = gl
     if ("PressureObserver" in window &&
         (window.PressureObserver.knownSources || []).includes("cpu")) {
         pressureObserver = new window.PressureObserver(cb, { sampleRate });
-        (_a = pressureObserver.observe("cpu", { sampleInterval: sampleRate * 1000 })) === null || _a === void 0 ? void 0 : _a.catch((error) => logger$8.error(error));
+        (_a = pressureObserver.observe("cpu", { sampleInterval: sampleRate * 1000 })) === null || _a === void 0 ? void 0 : _a.catch((error) => logger$9.error(error));
         return {
             stop: () => {
                 pressureObserver.unobserve("cpu");
@@ -1785,7 +1810,20 @@ const updateRenderedDimensions = (trackId, data) => {
     STATE.renderedDimensionsByTrack[trackId] = data;
 };
 function startStatsMonitor(state, { interval, logger }) {
-    const collectStatsBound = collectStats.bind(null, state, { interval, logger });
+    let stopped = false;
+    let nextTimeout;
+    const scheduleNextRun = () => {
+        nextTimeout = setTimeout(() => __awaiter(this, void 0, void 0, function* () {
+            try {
+                yield collectStats(state, { interval, logger }, false);
+            }
+            catch (error) {
+                logger.error("Stats collection failed unexpectedly", error);
+            }
+            if (!stopped)
+                scheduleNextRun();
+        }), interval);
+    };
     let cpuObserver;
     try {
         cpuObserver = startCpuObserver((records) => (state.lastPressureObserverRecord = records.pop()));
@@ -1793,13 +1831,14 @@ function startStatsMonitor(state, { interval, logger }) {
     catch (ex) {
         logger.warn("Failed to observe CPU pressure", ex);
     }
-    setTimeout(collectStatsBound, interval);
+    scheduleNextRun();
     return {
         getUpdatedStats: () => {
-            return collectStatsBound(true);
+            return collectStats(state, { interval, logger }, true);
         },
         stop: () => {
-            clearTimeout(state.nextTimeout);
+            stopped = true;
+            clearTimeout(nextTimeout);
             cpuObserver === null || cpuObserver === void 0 ? void 0 : cpuObserver.stop();
         },
     };
@@ -1820,7 +1859,7 @@ function subscribeStats(subscription, options = OPTIONS, state = STATE) {
     };
 }
 
-const logger$7 = new Logger();
+const logger$8 = new Logger();
 class ReconnectManager extends EventEmitter {
     constructor(socket) {
         super();
@@ -1908,7 +1947,7 @@ class ReconnectManager extends EventEmitter {
                     client.mergeWithOldClientState = true;
                 }
                 catch (error) {
-                    logger$7.error("Failed to evaluate if we should merge client state %o", error);
+                    logger$8.error("Failed to evaluate if we should merge client state %o", error);
                     this.metrics.evaluationFailed++;
                 }
             });
@@ -1936,7 +1975,7 @@ class ReconnectManager extends EventEmitter {
         const { clientId } = payload;
         const client = this._clients[clientId];
         if (!client) {
-            logger$7.warn(`client ${clientId} not found`);
+            logger$8.warn(`client ${clientId} not found`);
             return;
         }
         if (client.isPendingToLeave) {
@@ -2409,7 +2448,7 @@ fromLocation(typeof window !== "undefined" ? window.location : undefined);
 
 var _a$2, _b$1;
 const adapter$2 = (_a$2 = adapterRaw.default) !== null && _a$2 !== void 0 ? _a$2 : adapterRaw;
-const logger$6 = new Logger();
+const logger$7 = new Logger();
 const ICE_PUBLIC_IP_GATHERING_TIMEOUT = 3 * 1000;
 const ICE_RESTART_DELAY = 2 * 1000;
 const browserName$1 = (_b$1 = adapter$2.browserDetails) === null || _b$1 === void 0 ? void 0 : _b$1.browser;
@@ -2490,7 +2529,7 @@ class P2pRtcManager {
         return this._selfId === selfId && this._roomName === roomName && !isSfu;
     }
     addCameraStream(stream, { beforeEffectTracks = [] } = { beforeEffectTracks: [] }) {
-        logger$6.info("addCameraStream: [stream.id: %s]", stream.id);
+        logger$7.info("addCameraStream: [stream.id: %s]", stream.id);
         if (stream === this._localCameraStream) {
             return;
         }
@@ -2533,7 +2572,7 @@ class P2pRtcManager {
         };
     }
     addScreenshareStream(stream) {
-        logger$6.info("addScreenshareStream() [stream.id: %s]", stream.id);
+        logger$7.info("addScreenshareStream() [stream.id: %s]", stream.id);
         if (stream === this._localScreenshareStream) {
             return;
         }
@@ -2546,7 +2585,7 @@ class P2pRtcManager {
         this._addStreamToPeerConnections(stream);
     }
     replaceTrack(oldTrack, newTrack) {
-        logger$6.info("replaceTrack() [kind: %s, oldTrackId: %s, newTrackId: %s]", newTrack.kind, oldTrack === null || oldTrack === void 0 ? void 0 : oldTrack.id, newTrack.id);
+        logger$7.info("replaceTrack() [kind: %s, oldTrackId: %s, newTrackId: %s]", newTrack.kind, oldTrack === null || oldTrack === void 0 ? void 0 : oldTrack.id, newTrack.id);
         if (newTrack.kind === "audio" && !trackAnnotations(newTrack).isEffectTrack) {
             this._monitorAudioTrack(newTrack);
         }
@@ -2560,7 +2599,7 @@ class P2pRtcManager {
         this.disconnectAll();
     }
     disconnectAll() {
-        logger$6.info("disconnectAll()");
+        logger$7.info("disconnectAll()");
         Object.keys(this.peerConnections).forEach((clientId) => {
             this.disconnect(clientId);
         });
@@ -2580,39 +2619,39 @@ class P2pRtcManager {
             () => this._clearMediaServersRefresh(),
             this._serverSocket.on(PROTOCOL_RESPONSES.MEDIASERVER_CONFIG, (data) => {
                 if (data.error) {
-                    logger$6.warn("FETCH_MEDIASERVER_CONFIG failed:", data.error);
+                    logger$7.warn("FETCH_MEDIASERVER_CONFIG failed:", data.error);
                     return;
                 }
                 this._updateAndScheduleMediaServersRefresh(data);
             }),
             this._serverSocket.on(RELAY_MESSAGES.READY_TO_RECEIVE_OFFER, (data) => {
-                logger$6.info(`Got ready_to_receive_offer from client ${data.clientId}`);
+                logger$7.info(`Got ready_to_receive_offer from client ${data.clientId}`);
                 this._connect(data.clientId);
             }),
             this._serverSocket.on(RELAY_MESSAGES.ICE_CANDIDATE, (data) => {
-                logger$6.info(`Got ice_candidate from client ${data.clientId}`);
+                logger$7.info(`Got ice_candidate from client ${data.clientId}`);
                 const session = this._getSession(data.clientId);
                 if (!session) {
-                    logger$6.warn("No RTCPeerConnection on ICE_CANDIDATE", data);
+                    logger$7.warn("No RTCPeerConnection on ICE_CANDIDATE", data);
                     return;
                 }
                 session.addIceCandidate(data.message);
             }),
             this._serverSocket.on(RELAY_MESSAGES.ICE_END_OF_CANDIDATES, (data) => {
-                logger$6.info(`Got end_of_ice_candidates from client ${data.clientId}`);
+                logger$7.info(`Got end_of_ice_candidates from client ${data.clientId}`);
                 const session = this._getSession(data.clientId);
                 if (!session) {
-                    logger$6.warn("No RTCPeerConnection on ICE_END_OF_CANDIDATES", data);
+                    logger$7.warn("No RTCPeerConnection on ICE_END_OF_CANDIDATES", data);
                     return;
                 }
                 session.addIceCandidate(null);
             }),
             this._serverSocket.on(RELAY_MESSAGES.SDP_OFFER, (data) => {
                 var _a, _b;
-                logger$6.info(`Got offer from client ${data.clientId}, isInitialOffer: ${Boolean(data.message.isInitialOffer)}`);
+                logger$7.info(`Got offer from client ${data.clientId}, isInitialOffer: ${Boolean(data.message.isInitialOffer)}`);
                 const session = this._getSession(data.clientId);
                 if (!session) {
-                    logger$6.warn("No RTCPeerConnection on SDP_OFFER", data);
+                    logger$7.warn("No RTCPeerConnection on SDP_OFFER", data);
                     return;
                 }
                 const sdp = {
@@ -2624,7 +2663,7 @@ class P2pRtcManager {
                     session.pc.connectionState === "new" &&
                     session.pc.iceConnectionState === "new" &&
                     !session.connectionStatus) {
-                    logger$6.info("We have asked for an initial offer, ignoring all others");
+                    logger$7.info("We have asked for an initial offer, ignoring all others");
                     this.analytics.P2POffendingInitialOffer++;
                     rtcStats.sendEvent("P2POffendingInitialOffer", { clientId: session.clientId });
                     return;
@@ -2632,22 +2671,22 @@ class P2pRtcManager {
                 (_b = (_a = session
                     .handleOffer(sdp)
                     .then((answer) => {
-                    logger$6.info(`Sending answer to client ${data.clientId}`);
+                    logger$7.info(`Sending answer to client ${data.clientId}`);
                     this._emitServerEvent(RELAY_MESSAGES.SDP_ANSWER, {
                         receiverId: data.clientId,
                         message: answer,
                     });
                 })).catch) === null || _b === void 0 ? void 0 : _b.call(_a, (e) => {
-                    logger$6.error(e);
+                    logger$7.error(e);
                     this.analytics.numPcOnOfferFailure++;
                 });
             }),
             this._serverSocket.on(RELAY_MESSAGES.SDP_ANSWER, (data) => {
                 var _a, _b;
-                logger$6.info(`Got answer from client ${data.clientId}`);
+                logger$7.info(`Got answer from client ${data.clientId}`);
                 const session = this._getSession(data.clientId);
                 if (!session) {
-                    logger$6.warn("No RTCPeerConnection on SDP_ANSWER", data);
+                    logger$7.warn("No RTCPeerConnection on SDP_ANSWER", data);
                     return;
                 }
                 const sdp = {
@@ -2655,7 +2694,7 @@ class P2pRtcManager {
                     type: data.message.type,
                 };
                 (_b = (_a = session.handleAnswer(sdp)) === null || _a === void 0 ? void 0 : _a.catch) === null || _b === void 0 ? void 0 : _b.call(_a, (e) => {
-                    logger$6.warn("Could not set remote description from remote answer: ", e);
+                    logger$7.warn("Could not set remote description from remote answer: ", e);
                     this.analytics.numPcOnAnswerFailure++;
                 });
             }),
@@ -2743,12 +2782,12 @@ class P2pRtcManager {
             });
         }
         catch (error) {
-            logger$6.error("Error during setting jitter buffer target:", error);
+            logger$7.error("Error during setting jitter buffer target:", error);
         }
     }
     _emitServerEvent(eventName, data) {
         if (this._closed) {
-            logger$6.warn("RtcManager closed. Will not send event", eventName, data);
+            logger$7.warn("RtcManager closed. Will not send event", eventName, data);
             return;
         }
         if (this._features.awaitJoinRoomFinished && !this._serverSocket.joinRoomFinished) {
@@ -2853,7 +2892,7 @@ class P2pRtcManager {
                             }
                         }
                         catch (error) {
-                            logger$6.info("Error during parsing candidates! Error: ", { error });
+                            logger$7.info("Error during parsing candidates! Error: ", { error });
                         }
                         break;
                     case "srflx":
@@ -2895,7 +2934,7 @@ class P2pRtcManager {
             if (pc.iceConnectionState === "new" || !session.connectionStatus) {
                 return;
             }
-            logger$6.info(`onnegotiationneeded client ${clientId}`);
+            logger$7.info(`onnegotiationneeded client ${clientId}`);
             this._negotiatePeerConnection({ clientId, session });
         };
         pc.ontrack = (event) => {
@@ -2920,7 +2959,7 @@ class P2pRtcManager {
         };
         pc.oniceconnectionstatechange = () => {
             var _a;
-            logger$6.info(`iceConnectionState changed to ${pc.iceConnectionState} for session ${session.clientId}`);
+            logger$7.info(`iceConnectionState changed to ${pc.iceConnectionState} for session ${session.clientId}`);
             let newStatus;
             const currentStatus = session.connectionStatus;
             switch (pc.iceConnectionState) {
@@ -2975,7 +3014,7 @@ class P2pRtcManager {
         };
         pc.onconnectionstatechange = () => {
             var _a;
-            logger$6.info(`connectionState changed to ${pc.connectionState} for session ${session.clientId}`);
+            logger$7.info(`connectionState changed to ${pc.connectionState} for session ${session.clientId}`);
             switch (pc.connectionState) {
                 case "connected":
                     (_a = session.registerConnected) === null || _a === void 0 ? void 0 : _a.call(session, {});
@@ -3032,7 +3071,7 @@ class P2pRtcManager {
     _cleanup(clientId) {
         const session = this._getSession(clientId);
         if (!session) {
-            logger$6.warn("No RTCPeerConnection in RTCManager.disconnect()", clientId);
+            logger$7.warn("No RTCPeerConnection in RTCManager.disconnect()", clientId);
             return;
         }
         this.removeRemoteClientMediaPrefs(session.clientId);
@@ -3060,7 +3099,7 @@ class P2pRtcManager {
             if (!session.hasConnectedPeerConnection()) {
                 if (session.pc.connectionState === "closed")
                     return;
-                logger$6.info("Session doesn't have a connected PeerConnection, adding pending action!");
+                logger$7.info("Session doesn't have a connected PeerConnection, adding pending action!");
                 const promise = new Promise((resolve, reject) => {
                     const action = () => __awaiter(this, void 0, void 0, function* () {
                         try {
@@ -3079,7 +3118,7 @@ class P2pRtcManager {
             promises.push(session.replaceTrack(oldTrack, newTrack));
         });
         return Promise.all(promises).catch((error) => {
-            logger$6.error(String(error));
+            logger$7.error(String(error));
         });
     }
     _removeStreamFromPeerConnections(stream) {
@@ -3127,7 +3166,7 @@ class P2pRtcManager {
         let session = this._getSession(clientId);
         let initialBandwidth = (session && session.bandwidth) || 0;
         if (session) {
-            logger$6.warn("Replacing peer session", clientId);
+            logger$7.warn("Replacing peer session", clientId);
             this._cleanup(clientId);
         }
         else {
@@ -3198,13 +3237,13 @@ class P2pRtcManager {
                 })));
             }
             catch (error) {
-                logger$6.error("Error during setting setCodecPreferences:", error);
+                logger$7.error("Error during setting setCodecPreferences:", error);
             }
         });
     }
     _negotiatePeerConnection({ clientId, session, constraints, isInitialOffer = false, }) {
         if (!session) {
-            logger$6.warn("No RTCPeerConnection in negotiatePeerConnection()", clientId);
+            logger$7.warn("No RTCPeerConnection in negotiatePeerConnection()", clientId);
             return;
         }
         const pc = session.pc;
@@ -3234,7 +3273,7 @@ class P2pRtcManager {
                 offer.sdp = cleanSdp(offer.sdp);
             pc.setLocalDescription(offer)
                 .catch((e) => {
-                logger$6.warn("RTCPeerConnection.setLocalDescription() failed with local offer", e);
+                logger$7.warn("RTCPeerConnection.setLocalDescription() failed with local offer", e);
                 this.analytics.numPcSldFailure++;
                 throw e;
             })
@@ -3246,7 +3285,7 @@ class P2pRtcManager {
                     type: offer.type,
                     isInitialOffer,
                 };
-                logger$6.info(`sending offer to client ${clientId}`);
+                logger$7.info(`sending offer to client ${clientId}`);
                 this._emitServerEvent(RELAY_MESSAGES.SDP_OFFER, {
                     receiverId: clientId,
                     message,
@@ -3254,7 +3293,7 @@ class P2pRtcManager {
             });
         })
             .catch((e) => {
-            logger$6.warn("RTCPeerConnection.createOffer() failed to create local offer", e);
+            logger$7.warn("RTCPeerConnection.createOffer() failed to create local offer", e);
         }));
     }
     _withForcedRenegotiation(session, action) {
@@ -3296,7 +3335,7 @@ class P2pRtcManager {
         return bandwidth;
     }
     acceptNewStream({ streamId, clientId }) {
-        logger$6.info("acceptNewStream() [streamId: %s}, clientId: %s]", streamId, clientId);
+        logger$7.info("acceptNewStream() [streamId: %s}, clientId: %s]", streamId, clientId);
         let session = this._getSession(clientId);
         if (session && streamId !== clientId) {
             return session;
@@ -3319,7 +3358,7 @@ class P2pRtcManager {
         return session;
     }
     disconnect(clientId) {
-        logger$6.info("disconnect() [clientId: %s]", clientId);
+        logger$7.info("disconnect() [clientId: %s]", clientId);
         this._cleanup(clientId);
         this._changeBandwidthForAllClients(false);
         const numPeers = this.numberOfPeerconnections();
@@ -3356,7 +3395,7 @@ class P2pRtcManager {
     stopOrResumeVideo() {
     }
     removeScreenshareStream(stream, { requestedByClientId } = {}) {
-        logger$6.info("removeScreenshareStream() [stream.id: %s, requestedByClientId: %s]", stream.id, requestedByClientId);
+        logger$7.info("removeScreenshareStream() [stream.id: %s, requestedByClientId: %s]", stream.id, requestedByClientId);
         this._removeStreamFromPeerConnections(stream);
         this._emitServerEvent(PROTOCOL_REQUESTS.STOP_SCREENSHARE, { streamId: stream.id, requestedByClientId });
         delete this._localScreenshareStream;
@@ -3477,7 +3516,7 @@ const defaultParams = {
     scoreFormula: "300 * bands[1].avg / Math.max(bands[1].avg + bands[0].avg, 0.01)",
     outFormula: "score",
 };
-const logger$5 = new Logger();
+const logger$6 = new Logger();
 function createMicAnalyser({ micTrack, params, onScoreUpdated, }) {
     const audioCtx = new AudioContext();
     let analyser = null;
@@ -3499,7 +3538,7 @@ function createMicAnalyser({ micTrack, params, onScoreUpdated, }) {
                 lastTrackWasOurs = true;
             }
             catch (ex) {
-                logger$5.warn("unable to fetch new track for colocation speaker analysis, using current", ex);
+                logger$6.warn("unable to fetch new track for colocation speaker analysis, using current", ex);
             }
         }
         lastTrack = track;
@@ -3586,7 +3625,7 @@ function createMicAnalyser({ micTrack, params, onScoreUpdated, }) {
     };
 }
 
-const logger$4 = new Logger();
+const logger$5 = new Logger();
 const MEDIA_QUALITY = Object.freeze({
     ok: "ok",
     warning: "warning",
@@ -3656,7 +3695,7 @@ class VegaMediaQualityMonitor extends EventEmitter {
     }
     addProducer(clientId, producerId) {
         if (!clientId || !producerId || !(typeof clientId === "string" && typeof producerId === "string")) {
-            logger$4.warn("Missing clientId or producerId");
+            logger$5.warn("Missing clientId or producerId");
             return;
         }
         if (!this._producers[clientId]) {
@@ -3672,7 +3711,7 @@ class VegaMediaQualityMonitor extends EventEmitter {
     }
     addConsumer(clientId, consumerId) {
         if (!clientId || !consumerId) {
-            logger$4.warn("Missing clientId or consumerId");
+            logger$5.warn("Missing clientId or consumerId");
             return;
         }
         if (!this._producers[clientId]) {
@@ -3690,14 +3729,14 @@ class VegaMediaQualityMonitor extends EventEmitter {
         if (!Array.isArray(score) ||
             score.length === 0 ||
             score.some((s) => !s || !s.hasOwnProperty("score") || typeof s.score !== "number" || isNaN(s.score))) {
-            logger$4.warn("Unexpected producer score format");
+            logger$5.warn("Unexpected producer score format");
             return;
         }
         this._producers[clientId][producerId] = { kind, score: this._calcAvgProducerScore(score.map((s) => s.score)) };
     }
     addConsumerScore(clientId, consumerId, kind, score) {
         if (!score || !score.hasOwnProperty("producerScores") || !Array.isArray(score.producerScores)) {
-            logger$4.warn("Unexpected consumer score format");
+            logger$5.warn("Unexpected consumer score format");
             return;
         }
         this._producers[clientId][consumerId] = { kind, score: this._calcAvgProducerScore(score.producerScores) };
@@ -3734,12 +3773,13 @@ class VegaMediaQualityMonitor extends EventEmitter {
             }
         }
         catch (error) {
-            logger$4.error(error);
+            logger$5.error(error);
             return 0;
         }
     }
 }
 
+const logger$4 = new Logger();
 function getLayers({ width, height, }, { numberOfActiveVideos, numberOfTemporalLayers, uncappedSingleRemoteVideoOn, }) {
     const maxSide = Math.max(width, height);
     let spatialLayer = maxSide >= 480 ? (maxSide >= 960 ? 2 : 1) : 0;
@@ -3759,6 +3799,27 @@ function getLayers({ width, height, }, { numberOfActiveVideos, numberOfTemporalL
     }
     return { spatialLayer, temporalLayer };
 }
+function createMetricStats() {
+    return { count: 0, sum: 0 };
+}
+function recordMetricSample(stats, value) {
+    stats.count++;
+    stats.sum += value;
+}
+function aggregateMetricStats(stats) {
+    return {
+        count: stats.count,
+        avg: stats.count ? Math.round(stats.sum / stats.count) : undefined,
+    };
+}
+function getPacketWeightedFractionLost(reports) {
+    const weights = reports.map(({ packetRate }) => (packetRate && packetRate > 0 ? packetRate : 0));
+    const totalWeight = weights.reduce((sum, weight) => sum + weight, 0);
+    if (!totalWeight) {
+        return reports.reduce((sum, { fractionLost }) => sum + (fractionLost || 0), 0) / (reports.length || 1);
+    }
+    return (reports.reduce((sum, { fractionLost }, index) => sum + (fractionLost || 0) * weights[index], 0) / totalWeight);
+}
 function getNumberOfActiveVideos(consumers) {
     let numberOfActiveVideos = 0;
     consumers.forEach((c) => {
@@ -3774,6 +3835,51 @@ function getNumberOfTemporalLayers(consumer) {
     var _a, _b, _c;
     return /T3/.test(((_c = (_b = (_a = consumer._rtpParameters) === null || _a === void 0 ? void 0 : _a.encodings) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.scalabilityMode) || "") ? 3 : 2;
 }
+const SCALABILITY_MODE_REGEX = /^([LS])([1-9]\d?)T([1-9]\d?)(_KEY)?$/;
+function getTopSpatialLayer(encodings) {
+    if (encodings.length > 1)
+        return encodings.length - 1;
+    const { scalabilityMode } = encodings[0];
+    const match = SCALABILITY_MODE_REGEX.exec(scalabilityMode || "");
+    if (!match) {
+        if (scalabilityMode) {
+            logger$4.warn("getTopSpatialLayer() unrecognized scalabilityMode %s, using a single spatial layer", scalabilityMode);
+        }
+        return 0;
+    }
+    const spatialLayers = Number(match[2]) || 1;
+    return spatialLayers - 1;
+}
+function getInitialHighestPreferredLayer(encodings) {
+    return Math.min(getTopSpatialLayer(encodings), INITIAL_HIGHEST_PREFERRED_LAYER);
+}
+function getReducedSvcEncodingParams(originalScalabilityMode, spatialLayer, originalMaxBitrate) {
+    const match = SCALABILITY_MODE_REGEX.exec(originalScalabilityMode || "");
+    if (!match)
+        return undefined;
+    const [, mode, originalSpatialLayers, temporalLayers, key = ""] = match;
+    const topLayerIndex = Number(originalSpatialLayers) - 1;
+    if (topLayerIndex === 0)
+        return undefined;
+    const preferredLayerIndex = Math.min(Math.max(spatialLayer, 0), topLayerIndex);
+    const onlyLowestLayerPreferred = preferredLayerIndex === 0;
+    const middleLayerPreferred = preferredLayerIndex > 0 && preferredLayerIndex < topLayerIndex;
+    let maxBitrate = originalMaxBitrate;
+    if (onlyLowestLayerPreferred) {
+        maxBitrate = Math.min(LOWEST_SVC_LAYER_MAX_BITRATE, originalMaxBitrate !== null && originalMaxBitrate !== void 0 ? originalMaxBitrate : Infinity);
+    }
+    else if (middleLayerPreferred) {
+        maxBitrate = Math.min(MIDDLE_SVC_LAYER_MAX_BITRATE, originalMaxBitrate !== null && originalMaxBitrate !== void 0 ? originalMaxBitrate : Infinity);
+    }
+    const scalabilityMode = onlyLowestLayerPreferred
+        ? `L1T${temporalLayers}`
+        : `${mode}${preferredLayerIndex + 1}T${temporalLayers}${key}`;
+    return {
+        scalabilityMode,
+        scaleResolutionDownBy: Math.pow(2, (topLayerIndex - preferredLayerIndex)),
+        maxBitrate,
+    };
+}
 function addProducerCpuOveruseWatch({ producer, onOveruse }) {
     var _a;
     const encodings = (_a = producer.rtpParameters) === null || _a === void 0 ? void 0 : _a.encodings;
@@ -4230,6 +4336,7 @@ const RESTARTICE_ERROR_RETRY_THRESHOLD_IN_MS = 3500;
 const RESTARTICE_ERROR_MAX_RETRY_COUNT = 5;
 const OUTBOUND_CAM_OUTBOUND_STREAM_ID = uuid.v4();
 const OUTBOUND_SCREEN_OUTBOUND_STREAM_ID = uuid.v4();
+const getFrameArea = (frameSize) => { var _a, _b; return ((_a = frameSize === null || frameSize === void 0 ? void 0 : frameSize.width) !== null && _a !== void 0 ? _a : 0) * ((_b = frameSize === null || frameSize === void 0 ? void 0 : frameSize.height) !== null && _b !== void 0 ? _b : 0); };
 if (browserName === "chrome")
     window.document.addEventListener("beforeunload", () => (unloading = true));
 class VegaRtcManager {
@@ -4267,6 +4374,11 @@ class VegaRtcManager {
         this._micScoreProducer = null;
         this._micScoreProducerPromise = null;
         this._webcamProducer = null;
+        this._webcamProducerOriginalSvcScalabilityMode = undefined;
+        this._webcamProducerOriginalSvcMaxBitrate = undefined;
+        this._webcamProducerHighestPreferredLayer = undefined;
+        this._highestPreferredLayerUpdate = null;
+        this._highestPreferredLayerUpdatePending = false;
         this._webcamProducerPromise = null;
         this._webcamPaused = false;
         this._screenVideoProducer = null;
@@ -4308,12 +4420,19 @@ class VegaRtcManager {
         };
         (_a = window === null || window === void 0 ? void 0 : window.addEventListener) === null || _a === void 0 ? void 0 : _a.call(window, "offline", this._sfuZombie.onBrowserOffline);
         this.analytics = {
+            avgPreferredLayerSwitchLatencyMs: undefined,
+            camOutboundCongestedFraction: undefined,
+            camOutboundRttInflationMs: undefined,
             camTrackEndedCount: 0,
+            highestPreferredLayerChangeCounts: {},
             micTrackEndedCount: 0,
+            numHighestPreferredLayerChanges: 0,
             numIceConnected: 0,
             numIceDisconnected: 0,
             numIceFailed: 0,
             numNewPc: 0,
+            numPreferredSpatialLayerChanges: 0,
+            preferredSpatialLayerChangeCounts: {},
             sfuMsFromOfflineToClose: 0,
             sfuOfflineToCloseCount: 0,
             sfuOfflineWhileConnectedCount: 0,
@@ -4333,6 +4452,15 @@ class VegaRtcManager {
             vegaUnknownResponse: 0,
             vegaWebcamProducerFailed: 0,
         };
+        this._preferredLayerSwitchLatencyStats = createMetricStats();
+        this._preferredLayerSwitchWatches = new Map();
+        this._lastSeenRemoteReportTimestamps = new Map();
+        this._camOutboundCandidatePairId = undefined;
+        this._camOutboundSamplesToSkip = 0;
+        this._camOutboundPathRtt = { sumMs: 0, count: 0, minMs: undefined };
+        this._camOutboundRttInflation = { sumMs: 0, count: 0 };
+        this._camOutboundSamples = { total: 0, congested: 0 };
+        this._statsSubscription = null;
     }
     _updateAndScheduleMediaServersRefresh({ iceServers, turnServers, sfuServer, mediaserverConfigTtlSeconds, }) {
         var _a, _b, _c, _d;
@@ -4502,7 +4630,6 @@ class VegaRtcManager {
         this._sendTransport = null;
         this._receiveTransport = null;
         this._streamIdToVideoConsumerId.clear();
-        this._streamIdToVideoResolution.clear();
         if (this._reconnect) {
             this._reconnectTimeOut = setTimeout(() => this._connect(), 1000);
         }
@@ -4925,6 +5052,14 @@ class VegaRtcManager {
             const simulcastLayer3ShouldBeActive = !this._cpuOveruseDetected;
             const params = this._webcamProducer.rtpParameters;
             if (((_a = params === null || params === void 0 ? void 0 : params.encodings) === null || _a === void 0 ? void 0 : _a.length) === 3) {
+                if (this._features.sfuHighestPreferredLayerTrackingOn) {
+                    this._syncWebcamEncoderToHighestPreferredLayer();
+                    rtcStats.sendEvent("simulcast_layer_activation_changed", {
+                        layerIndex: 2,
+                        active: simulcastLayer3ShouldBeActive,
+                    });
+                    return;
+                }
                 const targetMaxSpatialLayer = simulcastLayer3ShouldBeActive ? 2 : 1;
                 if (this._webcamProducer.maxSpatialLayer !== targetMaxSpatialLayer) {
                     this._webcamProducer.setMaxSpatialLayer(targetMaxSpatialLayer);
@@ -4947,7 +5082,7 @@ class VegaRtcManager {
                 return;
             }
             this._webcamProducerPromise = (() => __awaiter(this, void 0, void 0, function* () {
-                var _a;
+                var _a, _b, _c;
                 try {
                     const currentPaused = this._webcamPaused;
                     if (!this._sendTransport) {
@@ -4973,6 +5108,16 @@ class VegaRtcManager {
                         })
                         : () => { };
                     this._webcamProducer = producer;
+                    if (this._features.sfuHighestPreferredLayerTrackingOn) {
+                        const originalWebcamEncodings = (_b = (_a = producer.rtpSender) === null || _a === void 0 ? void 0 : _a.getParameters()) === null || _b === void 0 ? void 0 : _b.encodings;
+                        const svcEncoding = (originalWebcamEncodings === null || originalWebcamEncodings === void 0 ? void 0 : originalWebcamEncodings.length) === 1 ? originalWebcamEncodings[0] : undefined;
+                        this._webcamProducerOriginalSvcScalabilityMode = svcEncoding === null || svcEncoding === void 0 ? void 0 : svcEncoding.scalabilityMode;
+                        this._webcamProducerOriginalSvcMaxBitrate = svcEncoding === null || svcEncoding === void 0 ? void 0 : svcEncoding.maxBitrate;
+                        this._webcamProducerHighestPreferredLayer = (originalWebcamEncodings === null || originalWebcamEncodings === void 0 ? void 0 : originalWebcamEncodings.length)
+                            ? getInitialHighestPreferredLayer(originalWebcamEncodings)
+                            : undefined;
+                        this._syncWebcamEncoderToHighestPreferredLayer();
+                    }
                     this._qualityMonitor.addProducer(this._selfId, producer.id);
                     producer.observer.once("close", () => {
                         var _a;
@@ -4980,11 +5125,16 @@ class VegaRtcManager {
                         if (producer.appData.localClosed)
                             (_a = this._vegaConnection) === null || _a === void 0 ? void 0 : _a.message("closeProducers", { producerIds: [producer.id] });
                         cleanUpCpuWatch();
+                        this._stopWebcamStatsSubscription();
                         this._webcamProducer = null;
+                        this._webcamProducerOriginalSvcScalabilityMode = undefined;
+                        this._webcamProducerOriginalSvcMaxBitrate = undefined;
+                        this._webcamProducerHighestPreferredLayer = undefined;
                         this._webcamProducerPromise = null;
                         this._qualityMonitor.removeProducer(this._selfId, producer.id);
                     });
-                    if (this._webcamTrack && this._webcamTrack !== ((_a = this._webcamProducer) === null || _a === void 0 ? void 0 : _a.track)) {
+                    this._startWebcamStatsSubscription();
+                    if (this._webcamTrack && this._webcamTrack !== ((_c = this._webcamProducer) === null || _c === void 0 ? void 0 : _c.track)) {
                         this._webcamProducerPromise = null;
                         this._replaceWebcamTrack();
                     }
@@ -5001,6 +5151,9 @@ class VegaRtcManager {
                     if (!this._webcamTrack) {
                         this._stopProducer(this._webcamProducer);
                         this._webcamProducer = null;
+                        this._webcamProducerOriginalSvcScalabilityMode = undefined;
+                        this._webcamProducerOriginalSvcMaxBitrate = undefined;
+                        this._webcamProducerHighestPreferredLayer = undefined;
                     }
                 }
             }))();
@@ -5252,6 +5405,7 @@ class VegaRtcManager {
         if (clientState) {
             clientState.hasAcceptedWebcamStream = false;
             clientState.hasAcceptedScreenStream = false;
+            [clientState.webcamStream, clientState.screenStream].forEach((stream) => stream && this._streamIdToVideoResolution.delete(stream.id));
             this._syncIncomingStreamsWithPWA(clientId);
         }
         if (eventClaim) {
@@ -5375,6 +5529,9 @@ class VegaRtcManager {
             if (this._webcamProducer && !this._webcamProducer.closed && this._webcamProducer.track === track) {
                 this._stopProducer(this._webcamProducer);
                 this._webcamProducer = null;
+                this._webcamProducerOriginalSvcScalabilityMode = undefined;
+                this._webcamProducerOriginalSvcMaxBitrate = undefined;
+                this._webcamProducerHighestPreferredLayer = undefined;
                 this._webcamTrack = null;
             }
         }
@@ -5402,14 +5559,18 @@ class VegaRtcManager {
         this._syncIncomingStreamsWithPWA(clientId);
     }
     updateStreamResolution(streamId, _ignored, { width, height, }) {
-        var _a, _b, _c;
         logger$2.info("updateStreamResolution()", { streamId, width, height });
+        this._streamIdToVideoResolution.set(streamId, { width, height });
+        this._applyStreamResolution(streamId);
+    }
+    _applyStreamResolution(streamId) {
+        var _a, _b, _c;
+        const resolution = this._streamIdToVideoResolution.get(streamId);
         const consumerId = this._streamIdToVideoConsumerId.get(streamId);
         const consumer = this._consumers.get(consumerId);
-        if (!consumer) {
-            this._streamIdToVideoResolution.set(streamId, { width, height });
+        if (!resolution || !consumer)
             return;
-        }
+        const { width, height } = resolution;
         updateRenderedDimensions((_a = consumer.track) === null || _a === void 0 ? void 0 : _a.id, { width, height, time: Date.now() });
         const numberOfActiveVideos = getNumberOfActiveVideos(this._consumers);
         const numberOfTemporalLayers = getNumberOfTemporalLayers(consumer);
@@ -5419,6 +5580,12 @@ class VegaRtcManager {
             uncappedSingleRemoteVideoOn: (_b = this._features) === null || _b === void 0 ? void 0 : _b.uncappedSingleRemoteVideoOn,
         });
         if (consumer.appData.spatialLayer !== spatialLayer || consumer.appData.temporalLayer !== temporalLayer) {
+            const previousSpatialLayer = consumer.appData.spatialLayer;
+            const spatialLayerChanged = previousSpatialLayer !== spatialLayer;
+            if (spatialLayerChanged) {
+                this.analytics.numPreferredSpatialLayerChanges++;
+                this._incrementHistogramCount(this.analytics.preferredSpatialLayerChangeCounts, `${previousSpatialLayer}->${spatialLayer}`);
+            }
             consumer.appData.spatialLayer = spatialLayer;
             consumer.appData.temporalLayer = temporalLayer;
             (_c = this._vegaConnection) === null || _c === void 0 ? void 0 : _c.message("setConsumersPreferredLayers", {
@@ -5426,7 +5593,178 @@ class VegaRtcManager {
                 spatialLayer,
                 temporalLayer,
             });
+            if (spatialLayerChanged) {
+                this._watchForPreferredLayerSwitch(consumerId, consumer, {
+                    toHigherLayer: spatialLayer > previousSpatialLayer,
+                });
+            }
+        }
+    }
+    _watchForPreferredLayerSwitch(consumerId, consumer, { toHigherLayer }) {
+        const previousWatch = this._preferredLayerSwitchWatches.get(consumerId);
+        if (!previousWatch && this._preferredLayerSwitchWatches.size >= MAX_CONCURRENT_PREFERRED_LAYER_SWITCH_WATCHES) {
+            return;
+        }
+        previousWatch === null || previousWatch === void 0 ? void 0 : previousWatch.stop();
+        let stopped = false;
+        let intervalId;
+        const stop = () => {
+            if (stopped)
+                return;
+            stopped = true;
+            clearInterval(intervalId);
+            clearTimeout(timeoutId);
+            this._preferredLayerSwitchWatches.delete(consumerId);
+        };
+        this._preferredLayerSwitchWatches.set(consumerId, { stop });
+        const timeoutId = setTimeout(stop, PREFERRED_LAYER_SWITCH_WATCH_TIMEOUT_MS);
+        (() => __awaiter(this, void 0, void 0, function* () {
+            const sentAt = Date.now();
+            const baseline = yield this._getConsumerFrameSize(consumer);
+            if (stopped || !(baseline === null || baseline === void 0 ? void 0 : baseline.width) || !(baseline === null || baseline === void 0 ? void 0 : baseline.height)) {
+                stop();
+                return;
+            }
+            let polling = false;
+            intervalId = setInterval(() => __awaiter(this, void 0, void 0, function* () {
+                if (stopped || consumer.closed) {
+                    stop();
+                    return;
+                }
+                if (polling)
+                    return;
+                polling = true;
+                const current = yield this._getConsumerFrameSize(consumer);
+                polling = false;
+                if (stopped)
+                    return;
+                const switched = toHigherLayer
+                    ? getFrameArea(current) > getFrameArea(baseline)
+                    : getFrameArea(current) < getFrameArea(baseline);
+                if (current && switched) {
+                    this._recordPreferredLayerSwitchLatency(Date.now() - sentAt);
+                    stop();
+                }
+            }), PREFERRED_LAYER_SWITCH_POLL_INTERVAL_MS);
+        }))();
+    }
+    _getConsumerFrameSize(consumer) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const stats = yield consumer.getStats();
+                let frameSize;
+                stats.forEach((report) => {
+                    if (report.type === "inbound-rtp") {
+                        frameSize = { width: report.frameWidth, height: report.frameHeight };
+                    }
+                });
+                return frameSize;
+            }
+            catch (error) {
+                logger$2.warn("_getConsumerFrameSize() failed to read stats", { error });
+                return undefined;
+            }
+        });
+    }
+    _recordPreferredLayerSwitchLatency(latencyMs) {
+        recordMetricSample(this._preferredLayerSwitchLatencyStats, latencyMs);
+        const { avg } = aggregateMetricStats(this._preferredLayerSwitchLatencyStats);
+        this.analytics.avgPreferredLayerSwitchLatencyMs = avg;
+    }
+    _onUpdatedStats(statsByView) {
+        var _a, _b, _c, _d;
+        const webcamProducerMid = (_b = (_a = this._webcamProducer) === null || _a === void 0 ? void 0 : _a.rtpParameters) === null || _b === void 0 ? void 0 : _b.mid;
+        if (webcamProducerMid === undefined)
+            return;
+        const sendTransportPc = (_d = (_c = this._sendTransport) === null || _c === void 0 ? void 0 : _c.handler) === null || _d === void 0 ? void 0 : _d._pc;
+        const sendTransportPcIndex = sendTransportPc ? getPeerConnectionIndex(sendTransportPc) : undefined;
+        const newRemoteReports = [];
+        Object.values(statsByView).forEach((viewStats) => {
+            Object.values(viewStats.tracks || {}).forEach((trackStats) => {
+                Object.entries(trackStats.ssrcs || {}).forEach(([ssrc, ssrcMetrics]) => {
+                    if (ssrcMetrics.direction !== "out" || String(ssrcMetrics.mid) !== webcamProducerMid)
+                        return;
+                    if (sendTransportPcIndex !== undefined && ssrcMetrics.pcIndex !== sendTransportPcIndex)
+                        return;
+                    this._followCamOutboundCandidatePair(ssrcMetrics);
+                    const { remoteReportTimestamp } = ssrcMetrics;
+                    if (remoteReportTimestamp === undefined)
+                        return;
+                    if (remoteReportTimestamp === this._lastSeenRemoteReportTimestamps.get(ssrc))
+                        return;
+                    this._lastSeenRemoteReportTimestamps.set(ssrc, remoteReportTimestamp);
+                    newRemoteReports.push(ssrcMetrics);
+                });
+            });
+        });
+        if (!newRemoteReports.length)
+            return;
+        if (this._camOutboundSamplesToSkip > 0) {
+            this._camOutboundSamplesToSkip--;
+            return;
         }
+        this._recordCamOutboundSample(newRemoteReports);
+        this._updateCamOutboundAnalytics();
+    }
+    _recordCamOutboundSample(newRemoteReports) {
+        var _a, _b;
+        const rttsMs = newRemoteReports.map(({ roundTripTime }) => (roundTripTime || 0) * 1000).filter((ms) => ms > 0);
+        const rttMs = rttsMs.length ? Math.max(...rttsMs) : undefined;
+        const fractionLost = getPacketWeightedFractionLost(newRemoteReports);
+        const path = this._camOutboundPathRtt;
+        if (rttMs !== undefined) {
+            path.sumMs += rttMs;
+            path.count++;
+            path.minMs = Math.min((_a = path.minMs) !== null && _a !== void 0 ? _a : Infinity, rttMs);
+        }
+        const congested = (rttMs !== undefined && rttMs - ((_b = path.minMs) !== null && _b !== void 0 ? _b : rttMs) > CONGESTED_RTT_INFLATION_MS) ||
+            fractionLost > CONGESTED_FRACTION_LOST;
+        this._camOutboundSamples.total++;
+        if (congested)
+            this._camOutboundSamples.congested++;
+    }
+    _followCamOutboundCandidatePair({ selectedCandidatePairId }) {
+        if (!selectedCandidatePairId || selectedCandidatePairId === this._camOutboundCandidatePairId)
+            return;
+        if (this._camOutboundCandidatePairId !== undefined) {
+            this._finishCamOutboundRttPath();
+            this._camOutboundSamplesToSkip = CAM_SAMPLES_SKIPPED_AFTER_CANDIDATE_PAIR_CHANGE;
+        }
+        this._camOutboundCandidatePairId = selectedCandidatePairId;
+    }
+    _finishCamOutboundRttPath() {
+        const path = this._camOutboundPathRtt;
+        if (path.count && path.minMs !== undefined) {
+            this._camOutboundRttInflation.sumMs += path.sumMs - path.count * path.minMs;
+            this._camOutboundRttInflation.count += path.count;
+        }
+        this._camOutboundPathRtt = { sumMs: 0, count: 0, minMs: undefined };
+    }
+    _updateCamOutboundAnalytics() {
+        const path = this._camOutboundPathRtt;
+        const inflationSumMs = this._camOutboundRttInflation.sumMs + (path.minMs !== undefined ? path.sumMs - path.count * path.minMs : 0);
+        const inflationCount = this._camOutboundRttInflation.count + path.count;
+        this.analytics.camOutboundRttInflationMs = inflationCount
+            ? Math.round(inflationSumMs / inflationCount)
+            : undefined;
+        const { congested, total } = this._camOutboundSamples;
+        this.analytics.camOutboundCongestedFraction = total ? congested / total : undefined;
+    }
+    _startWebcamStatsSubscription() {
+        if (this._statsSubscription)
+            return;
+        this._statsSubscription = subscribeStats({
+            onUpdatedStats: (statsByView) => this._onUpdatedStats(statsByView),
+        });
+    }
+    _stopWebcamStatsSubscription() {
+        var _a;
+        (_a = this._statsSubscription) === null || _a === void 0 ? void 0 : _a.stop();
+        this._statsSubscription = null;
+        this._lastSeenRemoteReportTimestamps.clear();
+        this._finishCamOutboundRttPath();
+        this._camOutboundCandidatePairId = undefined;
+        this._camOutboundSamplesToSkip = 0;
     }
     close() {
         this.disconnectAll();
@@ -5457,8 +5795,11 @@ class VegaRtcManager {
         this._screenVideoTrack = null;
         this._screenAudioTrack = null;
         this._streamIdToVideoConsumerId.clear();
+        this._streamIdToVideoResolution.clear();
         this._mediasoupDeviceInitializedAsync = Promise.resolve(null);
         this._qualityMonitor.close();
+        this._stopWebcamStatsSubscription();
+        this._preferredLayerSwitchWatches.forEach(({ stop }) => stop());
     }
     sendStatsCustomEvent(eventName, data) {
         rtcStats.sendEvent(eventName, data);
@@ -5516,6 +5857,8 @@ class VegaRtcManager {
                         return this._onConsumerScore(data);
                     case "producerScore":
                         return this._onProducerScore(data);
+                    case "changedHighestPreferredLayer":
+                        return this._onChangedHighestPreferredLayer(data);
                     default:
                         logger$2.info(`unknown message method "${method}"`);
                         return;
@@ -5543,13 +5886,16 @@ class VegaRtcManager {
             }
             consumer.pause();
             consumer.appData.localPaused = true;
-            consumer.appData.spatialLayer = 2;
+            consumer.appData.spatialLayer = INITIAL_CONSUMER_SPATIAL_LAYER;
             this._consumers.set(consumer.id, consumer);
             this._qualityMonitor.addConsumer(consumer.appData.sourceClientId, consumer.id);
             consumer.observer.once("close", () => {
                 this._consumers.delete(consumer.id);
                 this._qualityMonitor.removeConsumer(consumer.appData.sourceClientId, consumer.id);
                 this._consumerClosedCleanup(consumer);
+                if (consumer.kind === "video" && this._receiveTransport && !this._receiveTransport.closed) {
+                    this._reapplyStreamResolutions();
+                }
             });
             if (this._features.increaseIncomingMediaBufferOn && consumer.rtpReceiver) {
                 try {
@@ -5581,13 +5927,12 @@ class VegaRtcManager {
             }
             stream.addTrack(consumer.track);
             this._syncIncomingStreamsWithPWA(clientId);
-            const resolution = this._streamIdToVideoResolution.get(stream.id);
-            if (resolution) {
-                this.updateStreamResolution(stream.id, null, resolution);
-                this._streamIdToVideoResolution.delete(stream.id);
-            }
+            this._reapplyStreamResolutions();
         });
     }
+    _reapplyStreamResolutions() {
+        this._streamIdToVideoResolution.forEach((_resolution, streamId) => this._applyStreamResolution(streamId));
+    }
     _onConsumerClosed(_a) {
         return __awaiter(this, arguments, void 0, function* ({ consumerId, reason }) {
             var _b;
@@ -5602,6 +5947,8 @@ class VegaRtcManager {
             return;
         consumer.appData.remotePaused = true;
         consumer.pause();
+        if (consumer.kind === "video")
+            this._reapplyStreamResolutions();
     }
     _onConsumerResumed({ consumerId }) {
         logger$2.info("_onConsumerResumed()", { consumerId });
@@ -5612,6 +5959,8 @@ class VegaRtcManager {
         if (!consumer.appData.localPaused) {
             consumer.resume();
         }
+        if (consumer.kind === "video")
+            this._reapplyStreamResolutions();
     }
     _onConsumerScore({ consumerId, kind, score }) {
         logger$2.info("_onConsumerScore()", { consumerId, kind, score });
@@ -5628,6 +5977,90 @@ class VegaRtcManager {
             }
         });
     }
+    _getSvcEncodingUpdate(encoding, spatialLayer) {
+        var _a;
+        const reduced = getReducedSvcEncodingParams(this._webcamProducerOriginalSvcScalabilityMode, spatialLayer, this._webcamProducerOriginalSvcMaxBitrate);
+        if (!reduced)
+            return undefined;
+        const changed = reduced.scalabilityMode !== encoding.scalabilityMode ||
+            reduced.scaleResolutionDownBy !== ((_a = encoding.scaleResolutionDownBy) !== null && _a !== void 0 ? _a : 1) ||
+            reduced.maxBitrate !== encoding.maxBitrate;
+        return changed ? reduced : undefined;
+    }
+    _onChangedHighestPreferredLayer(_a) {
+        return __awaiter(this, arguments, void 0, function* ({ producerId, spatialLayer }) {
+            var _b;
+            if (!this._features.sfuHighestPreferredLayerTrackingOn)
+                return;
+            if (((_b = this._webcamProducer) === null || _b === void 0 ? void 0 : _b.id) !== producerId)
+                return;
+            if (!Number.isFinite(spatialLayer)) {
+                logger$2.warn("_onChangedHighestPreferredLayer() ignoring invalid spatialLayer", {
+                    producerId,
+                    spatialLayer,
+                });
+                return;
+            }
+            if (this._webcamProducerHighestPreferredLayer !== undefined &&
+                this._webcamProducerHighestPreferredLayer !== spatialLayer) {
+                this.analytics.numHighestPreferredLayerChanges++;
+                this._incrementHistogramCount(this.analytics.highestPreferredLayerChangeCounts, `${this._webcamProducerHighestPreferredLayer}->${spatialLayer}`);
+            }
+            this._webcamProducerHighestPreferredLayer = spatialLayer;
+            logger$2.info("_onChangedHighestPreferredLayer()", { producerId, spatialLayer });
+            return this._syncWebcamEncoderToHighestPreferredLayer();
+        });
+    }
+    _syncWebcamEncoderToHighestPreferredLayer() {
+        this._highestPreferredLayerUpdatePending = true;
+        if (!this._highestPreferredLayerUpdate) {
+            this._highestPreferredLayerUpdate = this._applyPendingHighestPreferredLayerUpdates();
+        }
+        return this._highestPreferredLayerUpdate;
+    }
+    _applyPendingHighestPreferredLayerUpdates() {
+        return __awaiter(this, void 0, void 0, function* () {
+            while (this._highestPreferredLayerUpdatePending) {
+                this._highestPreferredLayerUpdatePending = false;
+                try {
+                    yield this._applyHighestPreferredLayerToWebcamEncoder();
+                }
+                catch (error) {
+                    logger$2.error("Failed to apply highest preferred layer: %o", error);
+                }
+            }
+            this._highestPreferredLayerUpdate = null;
+        });
+    }
+    _applyHighestPreferredLayerToWebcamEncoder() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const producer = this._webcamProducer;
+            const highestPreferredLayer = this._webcamProducerHighestPreferredLayer;
+            if (!producer || highestPreferredLayer === undefined)
+                return;
+            const encodings = producer.rtpSender.getParameters().encodings;
+            if (encodings.length > 1) {
+                const cpuOveruseLimit = this._cpuOveruseDetected && encodings.length === 3 ? 1 : Infinity;
+                const spatialLayer = Math.max(0, Math.min(highestPreferredLayer, cpuOveruseLimit, encodings.length - 1));
+                if (producer.maxSpatialLayer === spatialLayer)
+                    return;
+                yield producer.setMaxSpatialLayer(spatialLayer);
+                const applied = producer.rtpSender
+                    .getParameters()
+                    .encodings.every((encoding, index) => encoding.active === index <= spatialLayer);
+                if (!applied)
+                    logger$2.error("setMaxSpatialLayer(%d) was not applied to the encodings", spatialLayer);
+            }
+            else if (encodings.length === 1 && this._webcamProducerOriginalSvcScalabilityMode) {
+                const update = this._getSvcEncodingUpdate(encodings[0], highestPreferredLayer);
+                if (update)
+                    yield producer.setRtpEncodingParameters(update);
+            }
+        });
+    }
+    _incrementHistogramCount(histogram, key) {
+        histogram[key] = (histogram[key] || 0) + 1;
+    }
     _onDataConsumerReady(options) {
         return __awaiter(this, void 0, void 0, function* () {
             logger$2.info("_onDataConsumerReady()", { id: options.id, dataProducerId: options.dataProducerId });
@@ -5677,8 +6110,8 @@ class VegaRtcManager {
         stream.removeTrack(consumer.track);
         if (stream.getTracks().length === 0) {
             this._streamIdToVideoConsumerId.delete(stream.id);
-            this._streamIdToVideoResolution.delete(stream.id);
             if (screenShare) {
+                this._streamIdToVideoResolution.delete(stream.id);
                 clientState.screenStream = undefined;
                 clientState.hasEmittedScreenStream = false;
                 clientState.screenShareStreamId = undefined;
@@ -5724,6 +6157,8 @@ class VegaRtcManager {
                 consumerIds: toResumeConsumers,
             });
         }
+        if (toPauseConsumers.length > 0 || toResumeConsumers.length > 0)
+            this._reapplyStreamResolutions();
         if (webcamStream && !hasEmittedWebcamStream && hasAcceptedWebcamStream) {
             this._emitToPWA(EVENTS.STREAM_ADDED, {
                 clientId,
@@ -7496,14 +7931,24 @@ exports.ADDITIONAL_SCREEN_SHARE_SETTINGS = ADDITIONAL_SCREEN_SHARE_SETTINGS;
 exports.AUDIO_SETTINGS = AUDIO_SETTINGS;
 exports.BandwidthTester = BandwidthTester;
 exports.CAMERA_STREAM_ID = CAMERA_STREAM_ID;
+exports.CAM_SAMPLES_SKIPPED_AFTER_CANDIDATE_PAIR_CHANGE = CAM_SAMPLES_SKIPPED_AFTER_CANDIDATE_PAIR_CHANGE;
+exports.CONGESTED_FRACTION_LOST = CONGESTED_FRACTION_LOST;
+exports.CONGESTED_RTT_INFLATION_MS = CONGESTED_RTT_INFLATION_MS;
 exports.EVENTS = EVENTS;
 exports.FILE_SHARE_ERROR_CODES = FILE_SHARE_ERROR_CODES;
+exports.INITIAL_CONSUMER_SPATIAL_LAYER = INITIAL_CONSUMER_SPATIAL_LAYER;
+exports.INITIAL_HIGHEST_PREFERRED_LAYER = INITIAL_HIGHEST_PREFERRED_LAYER;
 exports.KNOCK_MESSAGES = KNOCK_MESSAGES;
 exports.KalmanFilter = KalmanFilter;
+exports.LOWEST_SVC_LAYER_MAX_BITRATE = LOWEST_SVC_LAYER_MAX_BITRATE;
 exports.Logger = Logger;
+exports.MAX_CONCURRENT_PREFERRED_LAYER_SWITCH_WATCHES = MAX_CONCURRENT_PREFERRED_LAYER_SWITCH_WATCHES;
 exports.MEDIA_JITTER_BUFFER_TARGET = MEDIA_JITTER_BUFFER_TARGET;
+exports.MIDDLE_SVC_LAYER_MAX_BITRATE = MIDDLE_SVC_LAYER_MAX_BITRATE;
 exports.NoDevicesError = NoDevicesError;
 exports.P2pRtcManager = P2pRtcManager;
+exports.PREFERRED_LAYER_SWITCH_POLL_INTERVAL_MS = PREFERRED_LAYER_SWITCH_POLL_INTERVAL_MS;
+exports.PREFERRED_LAYER_SWITCH_WATCH_TIMEOUT_MS = PREFERRED_LAYER_SWITCH_WATCH_TIMEOUT_MS;
 exports.PROTOCOL_ERRORS = PROTOCOL_ERRORS;
 exports.PROTOCOL_EVENTS = PROTOCOL_EVENTS;
 exports.PROTOCOL_REQUESTS = PROTOCOL_REQUESTS;
@@ -7560,6 +8005,7 @@ exports.getNumFailedStatsReports = getNumFailedStatsReports;
 exports.getNumFailedTrackSsrcLookups = getNumFailedTrackSsrcLookups;
 exports.getNumMissingTrackSsrcLookups = getNumMissingTrackSsrcLookups;
 exports.getPeerConnectionIndex = getPeerConnectionIndex;
+exports.getSelectedCandidatePairId = getSelectedCandidatePairId;
 exports.getStats = getStats;
 exports.getStream = getStream;
 exports.getUpdatedDevices = getUpdatedDevices;