@whereby.com/media 11.1.2 → 11.1.3

package/dist/index.mjs

@@ -284,7 +284,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 }) {
@@ -325,7 +325,7 @@ function setCodecPreferenceSDP({ sdp, redOn }) {
         return newSdp;
     }
     catch (error) {
-        logger$b.error("setCodecPreferenceSDP error:", error);
+        logger$c.error("setCodecPreferenceSDP error:", error);
         return sdp;
     }
 }
@@ -476,7 +476,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;
@@ -608,7 +608,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,
@@ -636,7 +636,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,
@@ -664,7 +664,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() {
@@ -673,7 +673,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}`);
             }
@@ -744,6 +744,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",
@@ -1043,7 +1053,7 @@ const getMediasoupDeviceAsync = (features) => __awaiter(void 0, void 0, void 0,
     return new Device({ handlerName });
 });
 
-const logger$9 = new Logger();
+const logger$a = new Logger();
 const AUDIO_SETTINGS = {
     codecOptions: {
         opusDtx: true,
@@ -1223,7 +1233,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);
@@ -1292,7 +1302,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;
@@ -1346,6 +1373,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;
             }
         }
     }
@@ -1577,7 +1605,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;
@@ -1592,7 +1619,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();
@@ -1715,11 +1741,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,
 };
@@ -1729,7 +1754,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");
@@ -1765,7 +1790,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()));
@@ -1773,13 +1811,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();
         },
     };
@@ -1800,7 +1839,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();
@@ -1888,7 +1927,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++;
                 }
             });
@@ -1916,7 +1955,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) {
@@ -2389,7 +2428,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;
@@ -2470,7 +2509,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;
         }
@@ -2513,7 +2552,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;
         }
@@ -2526,7 +2565,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);
         }
@@ -2540,7 +2579,7 @@ class P2pRtcManager {
         this.disconnectAll();
     }
     disconnectAll() {
-        logger$6.info("disconnectAll()");
+        logger$7.info("disconnectAll()");
         Object.keys(this.peerConnections).forEach((clientId) => {
             this.disconnect(clientId);
         });
@@ -2560,39 +2599,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 = {
@@ -2604,7 +2643,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;
@@ -2612,22 +2651,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 = {
@@ -2635,7 +2674,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++;
                 });
             }),
@@ -2723,12 +2762,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) {
@@ -2833,7 +2872,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":
@@ -2875,7 +2914,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) => {
@@ -2900,7 +2939,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) {
@@ -2955,7 +2994,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, {});
@@ -3012,7 +3051,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);
@@ -3040,7 +3079,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 {
@@ -3059,7 +3098,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) {
@@ -3107,7 +3146,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 {
@@ -3178,13 +3217,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;
@@ -3214,7 +3253,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;
             })
@@ -3226,7 +3265,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,
@@ -3234,7 +3273,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) {
@@ -3276,7 +3315,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;
@@ -3299,7 +3338,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();
@@ -3336,7 +3375,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;
@@ -3457,7 +3496,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;
@@ -3479,7 +3518,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;
@@ -3566,7 +3605,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",
@@ -3636,7 +3675,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]) {
@@ -3652,7 +3691,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]) {
@@ -3670,14 +3709,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) };
@@ -3714,12 +3753,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;
@@ -3739,6 +3779,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) => {
@@ -3754,6 +3815,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;
@@ -4210,6 +4316,7 @@ const RESTARTICE_ERROR_RETRY_THRESHOLD_IN_MS = 3500;
 const RESTARTICE_ERROR_MAX_RETRY_COUNT = 5;
 const OUTBOUND_CAM_OUTBOUND_STREAM_ID = v4$1();
 const OUTBOUND_SCREEN_OUTBOUND_STREAM_ID = v4$1();
+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 {
@@ -4247,6 +4354,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;
@@ -4288,12 +4400,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,
@@ -4313,6 +4432,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;
@@ -4482,7 +4610,6 @@ class VegaRtcManager {
         this._sendTransport = null;
         this._receiveTransport = null;
         this._streamIdToVideoConsumerId.clear();
-        this._streamIdToVideoResolution.clear();
         if (this._reconnect) {
             this._reconnectTimeOut = setTimeout(() => this._connect(), 1000);
         }
@@ -4905,6 +5032,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);
@@ -4927,7 +5062,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) {
@@ -4953,6 +5088,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;
@@ -4960,11 +5105,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();
                     }
@@ -4981,6 +5131,9 @@ class VegaRtcManager {
                     if (!this._webcamTrack) {
                         this._stopProducer(this._webcamProducer);
                         this._webcamProducer = null;
+                        this._webcamProducerOriginalSvcScalabilityMode = undefined;
+                        this._webcamProducerOriginalSvcMaxBitrate = undefined;
+                        this._webcamProducerHighestPreferredLayer = undefined;
                     }
                 }
             }))();
@@ -5232,6 +5385,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) {
@@ -5355,6 +5509,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;
             }
         }
@@ -5382,14 +5539,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);
@@ -5399,6 +5560,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", {
@@ -5406,7 +5573,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();
@@ -5437,8 +5775,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);
@@ -5496,6 +5837,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;
@@ -5523,13 +5866,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 {
@@ -5561,13 +5907,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;
@@ -5582,6 +5927,8 @@ class VegaRtcManager {
             return;
         consumer.appData.remotePaused = true;
         consumer.pause();
+        if (consumer.kind === "video")
+            this._reapplyStreamResolutions();
     }
     _onConsumerResumed({ consumerId }) {
         logger$2.info("_onConsumerResumed()", { consumerId });
@@ -5592,6 +5939,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 });
@@ -5608,6 +5957,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 });
@@ -5657,8 +6090,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;
@@ -5704,6 +6137,8 @@ class VegaRtcManager {
                 consumerIds: toResumeConsumers,
             });
         }
+        if (toPauseConsumers.length > 0 || toResumeConsumers.length > 0)
+            this._reapplyStreamResolutions();
         if (webcamStream && !hasEmittedWebcamStream && hasAcceptedWebcamStream) {
             this._emitToPWA(EVENTS.STREAM_ADDED, {
                 clientId,
@@ -7468,4 +7903,4 @@ var RtcEventNames;
     RtcEventNames["stream_added"] = "stream_added";
 })(RtcEventNames || (RtcEventNames = {}));
 
-export { ADDITIONAL_SCREEN_SHARE_SETTINGS, AUDIO_SETTINGS, BandwidthTester, CAMERA_STREAM_ID, EVENTS, FILE_SHARE_ERROR_CODES, KNOCK_MESSAGES, KalmanFilter, Logger, MEDIA_JITTER_BUFFER_TARGET, NoDevicesError, P2pRtcManager, PROTOCOL_ERRORS, PROTOCOL_EVENTS, PROTOCOL_REQUESTS, PROTOCOL_RESPONSES, RELAY_MESSAGES, ReconnectManager, RtcEventNames, RtcManagerDispatcher, SCREEN_SHARE_SETTINGS, SCREEN_SHARE_SIMULCAST_SETTINGS, STREAM_TYPES, ServerSocket, Session, SfuV2Parser, TYPES, VIDEO_SETTINGS_HD, VIDEO_SETTINGS_SD, VIDEO_SETTINGS_VP9, VIDEO_SETTINGS_VP9_LOW_BANDWIDTH, VegaConnection, VegaMediaQualityMonitor, VegaRtcManager, addAbsCaptureTimeExtMap, addExtMap, assert, buildDeviceList, calculateStd, captureAudioSsrcMetrics, captureCandidatePairInfoMetrics, captureCommonSsrcMetrics, captureSsrcInfo, captureVideoSsrcMetrics, cleanSdp, compareLocalDevices, createACFCalculator, createMicAnalyser, createWorker, deprioritizeH264, enumerate, external_stun_servers, filterMidExtension, filterMsidSemantic, fromLocation, generateByteString, getConstraints, getCurrentPeerConnections, getDeviceData, getDisplayMedia, getInitialStream, getIssuesAndMetrics, getMediaConstraints, getMediaSettings, getMediasoupDeviceAsync, getNumFailedStatsReports, getNumFailedTrackSsrcLookups, getNumMissingTrackSsrcLookups, getPeerConnectionIndex, getStats, getStream, getUpdatedDevices, getUpdatedStats, getUserMedia, hasGetDisplayMedia, ipRegex, isFileShareError, isMobile, issueDetectorOrMetricEnabled, maybeTurnOnly, modifyMediaCapabilities, removePeerConnection, replaceTracksInStream, rtcManagerEvents, rtcStats, setClientProvider, setCodecPreferenceSDP, setPeerConnectionsForTests, setVideoBandwidthUsingSetParameters, sortCodecs, standardDeviation, startPerformanceMonitor, stopStreamTracks, subscribeIssues, subscribeStats, trackAnnotations, turnServerOverride, updateRenderedDimensions, variance };
+export { ADDITIONAL_SCREEN_SHARE_SETTINGS, AUDIO_SETTINGS, BandwidthTester, CAMERA_STREAM_ID, CAM_SAMPLES_SKIPPED_AFTER_CANDIDATE_PAIR_CHANGE, CONGESTED_FRACTION_LOST, CONGESTED_RTT_INFLATION_MS, EVENTS, FILE_SHARE_ERROR_CODES, INITIAL_CONSUMER_SPATIAL_LAYER, INITIAL_HIGHEST_PREFERRED_LAYER, KNOCK_MESSAGES, KalmanFilter, LOWEST_SVC_LAYER_MAX_BITRATE, Logger, MAX_CONCURRENT_PREFERRED_LAYER_SWITCH_WATCHES, MEDIA_JITTER_BUFFER_TARGET, MIDDLE_SVC_LAYER_MAX_BITRATE, NoDevicesError, P2pRtcManager, PREFERRED_LAYER_SWITCH_POLL_INTERVAL_MS, PREFERRED_LAYER_SWITCH_WATCH_TIMEOUT_MS, PROTOCOL_ERRORS, PROTOCOL_EVENTS, PROTOCOL_REQUESTS, PROTOCOL_RESPONSES, RELAY_MESSAGES, ReconnectManager, RtcEventNames, RtcManagerDispatcher, SCREEN_SHARE_SETTINGS, SCREEN_SHARE_SIMULCAST_SETTINGS, STREAM_TYPES, ServerSocket, Session, SfuV2Parser, TYPES, VIDEO_SETTINGS_HD, VIDEO_SETTINGS_SD, VIDEO_SETTINGS_VP9, VIDEO_SETTINGS_VP9_LOW_BANDWIDTH, VegaConnection, VegaMediaQualityMonitor, VegaRtcManager, addAbsCaptureTimeExtMap, addExtMap, assert, buildDeviceList, calculateStd, captureAudioSsrcMetrics, captureCandidatePairInfoMetrics, captureCommonSsrcMetrics, captureSsrcInfo, captureVideoSsrcMetrics, cleanSdp, compareLocalDevices, createACFCalculator, createMicAnalyser, createWorker, deprioritizeH264, enumerate, external_stun_servers, filterMidExtension, filterMsidSemantic, fromLocation, generateByteString, getConstraints, getCurrentPeerConnections, getDeviceData, getDisplayMedia, getInitialStream, getIssuesAndMetrics, getMediaConstraints, getMediaSettings, getMediasoupDeviceAsync, getNumFailedStatsReports, getNumFailedTrackSsrcLookups, getNumMissingTrackSsrcLookups, getPeerConnectionIndex, getSelectedCandidatePairId, getStats, getStream, getUpdatedDevices, getUpdatedStats, getUserMedia, hasGetDisplayMedia, ipRegex, isFileShareError, isMobile, issueDetectorOrMetricEnabled, maybeTurnOnly, modifyMediaCapabilities, removePeerConnection, replaceTracksInStream, rtcManagerEvents, rtcStats, setClientProvider, setCodecPreferenceSDP, setPeerConnectionsForTests, setVideoBandwidthUsingSetParameters, sortCodecs, standardDeviation, startPerformanceMonitor, stopStreamTracks, subscribeIssues, subscribeStats, trackAnnotations, turnServerOverride, updateRenderedDimensions, variance };