@streaming-cdn/rtc-web 1.3.16 → 1.3.18

package/dist/rtc-web.es.js

@@ -14,7 +14,7 @@ function ce(a) {
   }
   return e;
 }
-const O = {
+const N = {
   audio: { active: !1, maxBitrate: 0, maxFramerate: 0, scaleResolutionDownBy: 4 },
   low: { active: !0, maxBitrate: 35e4, maxFramerate: 15, scaleResolutionDownBy: 4 },
   medium: { active: !0, maxBitrate: 11e5, maxFramerate: 24, scaleResolutionDownBy: 2 },
@@ -36,41 +36,41 @@ function ue(a) {
   return !e || e === "none" ? "" : e === "cpu" || e === "bandwidth" ? e : "other";
 }
 function me(a, e, t, i, n = {}) {
-  const s = { ...he, ...n.thresholds }, o = ["low", "medium", "high"], r = n.ceiling && n.ceiling !== "audio" ? n.ceiling : "high", c = o.indexOf(r), d = o.indexOf(a), l = (n.samplesSeen ?? s.warmupSamples) + 1, u = l <= s.warmupSamples, y = ue(e.qualityLimitationReason), f = e.packetLossPct ?? 0, w = e.rttMs ?? 0, m = e.availableOutgoingBitrateBps, S = O[a].maxBitrate, T = f >= s.criticalLossPct || w >= s.criticalRttMs || y === "cpu", k = T || f >= s.poorLossPct || w >= s.poorRttMs || y === "bandwidth", b = m == null || m >= S * s.sustainRatio, M = f < s.goodLossPct && w < s.goodRttMs && !y && b, I = k ? t + 1 : 0, g = M ? i + 1 : 0, p = { quality: a, poorSamples: I, goodSamples: g, samplesSeen: l, changed: !1 };
-  return d > c ? { quality: o[c], poorSamples: 0, goodSamples: 0, samplesSeen: l, changed: !0 } : u ? p : T && d > 0 ? { quality: o[d - 1], poorSamples: 0, goodSamples: 0, samplesSeen: l, changed: !0 } : I >= s.poorSamplesToStepDown && d > 0 ? { quality: o[d - 1], poorSamples: 0, goodSamples: 0, samplesSeen: l, changed: !0 } : g >= s.goodSamplesToStepUp && d < c ? { quality: o[d + 1], poorSamples: 0, goodSamples: 0, samplesSeen: l, changed: !0 } : p;
+  const s = { ...he, ...n.thresholds }, o = ["low", "medium", "high"], r = n.ceiling && n.ceiling !== "audio" ? n.ceiling : "high", c = o.indexOf(r), l = o.indexOf(a), d = (n.samplesSeen ?? s.warmupSamples) + 1, u = d <= s.warmupSamples, S = ue(e.qualityLimitationReason), f = e.packetLossPct ?? 0, v = e.rttMs ?? 0, I = e.availableOutgoingBitrateBps, y = N[a].maxBitrate, k = f >= s.criticalLossPct || v >= s.criticalRttMs || S === "cpu", p = k || f >= s.poorLossPct || v >= s.poorRttMs || S === "bandwidth", C = I == null || I >= y * s.sustainRatio, P = f < s.goodLossPct && v < s.goodRttMs && !S && C, L = p ? t + 1 : 0, E = P ? i + 1 : 0, A = { quality: a, poorSamples: L, goodSamples: E, samplesSeen: d, changed: !1 };
+  return l > c ? { quality: o[c], poorSamples: 0, goodSamples: 0, samplesSeen: d, changed: !0 } : u ? A : k && l > 0 ? { quality: o[l - 1], poorSamples: 0, goodSamples: 0, samplesSeen: d, changed: !0 } : L >= s.poorSamplesToStepDown && l > 0 ? { quality: o[l - 1], poorSamples: 0, goodSamples: 0, samplesSeen: d, changed: !0 } : E >= s.goodSamplesToStepUp && l < c ? { quality: o[l + 1], poorSamples: 0, goodSamples: 0, samplesSeen: d, changed: !0 } : A;
 }
 function pe(a, e) {
   const t = a instanceof Map ? a : new Map(a);
   let i = 0, n = 0, s = null, o = null, r = null;
-  for (const l of t.values()) {
-    const u = String(l.type ?? "");
-    if (u === "outbound-rtp" && String(l.kind ?? "") === "video" && (i += Number(l.packetsSent ?? 0), s = l.qualityLimitationReason ?? s), u === "remote-inbound-rtp" && String(l.kind ?? "") === "video") {
-      n += Number(l.packetsLost ?? 0);
-      const y = Number(l.roundTripTime ?? NaN);
-      Number.isFinite(y) && (o = y * 1e3);
+  for (const d of t.values()) {
+    const u = String(d.type ?? "");
+    if (u === "outbound-rtp" && String(d.kind ?? "") === "video" && (i += Number(d.packetsSent ?? 0), s = d.qualityLimitationReason ?? s), u === "remote-inbound-rtp" && String(d.kind ?? "") === "video") {
+      n += Number(d.packetsLost ?? 0);
+      const S = Number(d.roundTripTime ?? NaN);
+      Number.isFinite(S) && (o = S * 1e3);
     }
-    if (u === "candidate-pair" && (l.nominated === !0 || String(l.state ?? "") === "succeeded")) {
-      const y = Number(l.currentRoundTripTime ?? NaN);
-      o == null && Number.isFinite(y) && (o = y * 1e3);
-      const f = Number(l.availableOutgoingBitrate ?? NaN);
+    if (u === "candidate-pair" && (d.nominated === !0 || String(d.state ?? "") === "succeeded")) {
+      const S = Number(d.currentRoundTripTime ?? NaN);
+      o == null && Number.isFinite(S) && (o = S * 1e3);
+      const f = Number(d.availableOutgoingBitrate ?? NaN);
       Number.isFinite(f) && (r = f);
     }
   }
   const c = { packetsSent: i, packetsLost: n, timestamp: Date.now() };
-  let d = null;
+  let l = null;
   if (e) {
-    const l = i - e.packetsSent, u = n - e.packetsLost;
-    l > 0 && u >= 0 && (d = u / (l + u) * 100);
+    const d = i - e.packetsSent, u = n - e.packetsLost;
+    d > 0 && u >= 0 && (l = u / (d + u) * 100);
   }
   return {
-    sample: { packetLossPct: d, rttMs: o, availableOutgoingBitrateBps: r, qualityLimitationReason: s },
+    sample: { packetLossPct: l, rttMs: o, availableOutgoingBitrateBps: r, qualityLimitationReason: s },
     counters: c
   };
 }
 const fe = {
   audio: { active: !1, maxBitrate: 0, maxFramerate: 0, scaleResolutionDownBy: 4 }
 }, ge = { active: !0, maxBitrate: 4e6, maxFramerate: 30, scaleResolutionDownBy: 1 };
-class x {
+class Q {
   options;
   socket = null;
   localStream = null;
@@ -159,7 +159,7 @@ class x {
       return;
     }
     for (const r of this.peers.values()) {
-      const c = r.connection.getSenders().find((d) => d.track?.kind === s);
+      const c = r.connection.getSenders().find((l) => l.track?.kind === s);
       c ? await c.replaceTrack(n) : r.connection.addTrack(n, this.localStream);
     }
     await this.applyVideoQuality();
@@ -168,7 +168,7 @@ class x {
     this.quality = e;
     for (const t of this.localStream?.getVideoTracks() ?? []) t.enabled = e !== "audio";
     for (const t of this.peers.values())
-      t.quality = x.clampToCeiling(t.quality, e), t.poorSamples = 0, t.goodSamples = 0;
+      t.quality = Q.clampToCeiling(t.quality, e), t.poorSamples = 0, t.goodSamples = 0;
     await this.applyVideoQuality();
   }
   static clampToCeiling(e, t) {
@@ -214,26 +214,26 @@ class x {
   async openSocket(e) {
     const { credential: t } = this.options, i = new URL(t.signalingUrl, globalThis.location?.href);
     i.protocol = i.protocol === "https:" ? "wss:" : "ws:";
-    const n = new Promise((c, d) => {
-      this.resolveJoin = c, this.rejectJoin = d;
+    const n = new Promise((c, l) => {
+      this.resolveJoin = c, this.rejectJoin = l;
     }), s = new WebSocket(i, ["rtc-client", t.signalingToken]), o = ++this.socketGeneration;
     this.socket = s;
     const r = setTimeout(() => this.rejectJoin?.(new Error("RTC signaling timed out")), 15e3);
     s.addEventListener("open", () => {
       this.heartbeatDeadline = Date.now() + 45e3, this.startHeartbeat(s), this.startQualitySampling(), this.send({ type: "rtc.room.join" });
     }), s.addEventListener("message", (c) => {
-      const d = String(c.data);
+      const l = String(c.data);
       this.signalQueue = this.signalQueue.then(async () => {
-        this.socket !== s || this.socketGeneration !== o || await this.handleSignal(d);
-      }).catch((l) => {
-        const u = l instanceof Error ? l.message : "RTC signaling processing failed";
+        this.socket !== s || this.socketGeneration !== o || await this.handleSignal(l);
+      }).catch((d) => {
+        const u = d instanceof Error ? d.message : "RTC signaling processing failed";
         this.options.onEvent("signalingerror", { message: u }), this.joined || this.rejectJoin?.(new Error(u));
       });
     }), s.addEventListener("error", () => this.rejectJoin?.(new Error("RTC signaling connection failed"))), s.addEventListener("close", (c) => {
       if (this.socket !== s) return;
       this.socket = null, this.stopHeartbeat(), this.stopQualitySampling(), !this.joined && !e && this.rejectJoin?.(new Error(c.reason || "RTC signaling connection closed"));
-      const d = !this.stopped && (this.joined || e);
-      this.joined = !1, d ? (this.resetPeers(), this.options.onEvent("reconnecting", { reason: c.reason, code: c.code, attempt: this.reconnectAttempt + 1 }), this.scheduleReconnect()) : this.stopped || this.options.onEvent("disconnected", { reason: c.reason, code: c.code });
+      const l = !this.stopped && (this.joined || e);
+      this.joined = !1, l ? (this.resetPeers(), this.options.onEvent("reconnecting", { reason: c.reason, code: c.code, attempt: this.reconnectAttempt + 1 }), this.scheduleReconnect()) : this.stopped || this.options.onEvent("disconnected", { reason: c.reason, code: c.code });
     });
     try {
       await n, this.joined = !0, this.options.onEvent("connected", { participantId: t.participantId, resumed: e });
@@ -313,7 +313,7 @@ class x {
       makingOffer: !1,
       offerTask: null,
       activeNegotiationId: null,
-      quality: x.startingQuality(this.quality),
+      quality: Q.startingQuality(this.quality),
       poorSamples: 0,
       goodSamples: 0,
       samplesSeen: 0,
@@ -325,7 +325,7 @@ class x {
     return r && o && (s.videoSender = i.addTrack(r, o)), !this.localStream?.getAudioTracks().length && this.options.receiveAudio && i.addTransceiver("audio", { direction: "recvonly" }), !r && this.options.receiveVideo && (s.videoTransceiver = i.addTransceiver("video", { direction: "recvonly" }), s.videoSender = s.videoTransceiver.sender), this.applyCodecPreference(i), this.applyVideoQuality(i), i.addEventListener("icecandidate", (c) => {
       c.candidate && this.send({ type: "rtc.ice", targetParticipantId: e.participantId, candidate: c.candidate.toJSON() });
     }), i.addEventListener("track", (c) => {
-      n.getTracks().some((d) => d.id === c.track.id) || n.addTrack(c.track), this.options.onEvent("remotestream", { participant: e, stream: n, track: c.track });
+      n.getTracks().some((l) => l.id === c.track.id) || n.addTrack(c.track), this.options.onEvent("remotestream", { participant: e, stream: n, track: c.track });
     }), i.addEventListener("connectionstatechange", () => {
       ["failed", "closed"].includes(i.connectionState) && this.removePeer(e.participantId), this.options.onEvent("peerconnectionstate", { participant: e, state: i.connectionState });
     }), s;
@@ -351,7 +351,7 @@ class x {
       });
       if (e.connection.signalingState !== "stable") return;
       await e.connection.setLocalDescription(t);
-      const i = W();
+      const i = _();
       e.activeNegotiationId = i, this.send({
         type: "rtc.offer",
         targetParticipantId: e.identity.participantId,
@@ -391,7 +391,7 @@ class x {
   async applyPeerVideoQuality(e) {
     const t = this.screenStream?.getVideoTracks()[0]?.id;
     for (const i of e.connection.getSenders().filter((n) => n.track?.kind === "video")) {
-      const n = !!(t && i.track?.id === t), s = n ? ge : this.quality === "audio" ? fe.audio : O[e.quality], o = i.getParameters(), r = o.encodings?.length ? o.encodings : [{}];
+      const n = !!(t && i.track?.id === t), s = n ? ge : this.quality === "audio" ? fe.audio : N[e.quality], o = i.getParameters(), r = o.encodings?.length ? o.encodings : [{}];
       o.encodings = r.map((c) => ({ ...c, ...s })), o.degradationPreference = n ? "maintain-resolution" : "maintain-framerate", await i.setParameters(o);
     }
   }
@@ -487,7 +487,7 @@ class x {
   }
   send(e) {
     this.socket?.readyState === WebSocket.OPEN && this.socket.send(JSON.stringify({
-      clientMessageId: e.clientMessageId ?? W(),
+      clientMessageId: e.clientMessageId ?? _(),
       ...e
     }));
   }
@@ -495,13 +495,13 @@ class x {
     for (const t of e?.getTracks() ?? []) t.stop();
   }
 }
-function W() {
+function _() {
   return globalThis.crypto?.randomUUID?.() ?? `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;
 }
-const $ = { active: !0, maxBitrate: 4e6, maxFramerate: 30, scaleResolutionDownBy: 1 }, Y = [
-  { rid: "a", maxBitrate: O.high.maxBitrate, maxFramerate: O.high.maxFramerate },
-  { rid: "b", maxBitrate: O.medium.maxBitrate, maxFramerate: O.medium.maxFramerate, scaleResolutionDownBy: 2 },
-  { rid: "c", maxBitrate: O.low.maxBitrate, maxFramerate: O.low.maxFramerate, scaleResolutionDownBy: 4 }
+const z = { active: !0, maxBitrate: 4e6, maxFramerate: 30, scaleResolutionDownBy: 1 }, Y = [
+  { rid: "a", maxBitrate: N.high.maxBitrate, maxFramerate: N.high.maxFramerate },
+  { rid: "b", maxBitrate: N.medium.maxBitrate, maxFramerate: N.medium.maxFramerate, scaleResolutionDownBy: 2 },
+  { rid: "c", maxBitrate: N.low.maxBitrate, maxFramerate: N.low.maxFramerate, scaleResolutionDownBy: 4 }
 ], G = { high: "a", medium: "b", low: "c" };
 class ye {
   options;
@@ -638,26 +638,26 @@ class ye {
   async openSocket(e) {
     const { credential: t } = this.options, i = new URL(t.signalingUrl, globalThis.location?.href);
     i.protocol = i.protocol === "https:" ? "wss:" : "ws:";
-    const n = new Promise((c, d) => {
-      this.resolveJoin = c, this.rejectJoin = d;
+    const n = new Promise((c, l) => {
+      this.resolveJoin = c, this.rejectJoin = l;
     }), s = new WebSocket(i, ["rtc-client", t.signalingToken]), o = ++this.socketGeneration;
     this.socket = s;
     const r = setTimeout(() => this.rejectJoin?.(new Error("RTC signaling timed out")), 15e3);
     s.addEventListener("open", () => {
       this.heartbeatDeadline = Date.now() + 45e3, this.startHeartbeat(s), this.send({ type: "rtc.room.join" });
     }), s.addEventListener("message", (c) => {
-      const d = String(c.data);
+      const l = String(c.data);
       this.signalQueue = this.signalQueue.then(async () => {
-        this.socket !== s || this.socketGeneration !== o || await this.handleSignal(d);
-      }).catch((l) => {
-        const u = l instanceof Error ? l.message : "RTC signaling processing failed";
+        this.socket !== s || this.socketGeneration !== o || await this.handleSignal(l);
+      }).catch((d) => {
+        const u = d instanceof Error ? d.message : "RTC signaling processing failed";
         this.options.onEvent("signalingerror", { message: u }), this.joined || this.rejectJoin?.(new Error(u));
       });
     }), s.addEventListener("error", () => this.rejectJoin?.(new Error("RTC signaling connection failed"))), s.addEventListener("close", (c) => {
       if (this.socket !== s) return;
       this.socket = null, this.stopHeartbeat(), !this.joined && !e && this.rejectJoin?.(new Error(c.reason || "RTC signaling connection closed"));
-      const d = !this.stopped && (this.joined || e);
-      this.joined = !1, d ? (this.options.onEvent("reconnecting", { reason: c.reason, code: c.code, attempt: this.reconnectAttempt + 1 }), this.scheduleReconnect()) : this.stopped || this.options.onEvent("disconnected", { reason: c.reason, code: c.code });
+      const l = !this.stopped && (this.joined || e);
+      this.joined = !1, l ? (this.options.onEvent("reconnecting", { reason: c.reason, code: c.code, attempt: this.reconnectAttempt + 1 }), this.scheduleReconnect()) : this.stopped || this.options.onEvent("disconnected", { reason: c.reason, code: c.code });
     });
     try {
       await n, this.joined = !0, this.options.onEvent("connected", { participantId: t.participantId, resumed: e });
@@ -718,7 +718,10 @@ class ye {
     const n = e.map((r) => t.addTransceiver(r, {
       direction: "sendonly",
       streams: this.localStream ? [this.localStream] : [],
-      ...r.kind === "video" ? { sendEncodings: Y.map((c) => ({ ...c })) } : {}
+      // A single encoding when simulcast is off: constrained publishers
+      // (phone CPU, cellular uplink) should not pay for three encoders. The
+      // quality ladder then adapts that one encoding instead of gating layers.
+      ...r.kind === "video" && this.simulcastEnabled() ? { sendEncodings: Y.map((c) => ({ ...c })) } : {}
     })), s = await t.createOffer();
     await t.setLocalDescription(s);
     const o = await this.sfuFetch(
@@ -742,7 +745,7 @@ class ye {
     if (!this.sessionId) return;
     const e = [
       ...(this.localStream?.getAudioTracks() ?? []).map((t) => ({ trackName: this.trackName(t), kind: t.kind, simulcast: !1 })),
-      ...(this.localStream?.getVideoTracks() ?? []).map((t) => ({ trackName: this.trackName(t), kind: t.kind, simulcast: !0 }))
+      ...(this.localStream?.getVideoTracks() ?? []).map((t) => ({ trackName: this.trackName(t), kind: t.kind, simulcast: this.simulcastEnabled() }))
     ];
     e.length !== 0 && this.sendControl("sfu.tracks", { sessionId: this.sessionId, tracks: e });
   }
@@ -825,6 +828,9 @@ class ye {
   async replaceVideoTrack(e) {
     this.videoSender && (await this.videoSender.replaceTrack(e), await this.applyVideoQuality());
   }
+  simulcastEnabled() {
+    return this.options.simulcast !== !1;
+  }
   async applyVideoQuality() {
     const e = this.videoSender;
     if (!e) return;
@@ -833,12 +839,12 @@ class ye {
       const o = this.quality === "audio" ? null : G[this.quality];
       n.encodings = s.map((r) => {
         if (i)
-          return { ...r, active: r.rid === "a", ...r.rid === "a" ? { maxBitrate: $.maxBitrate, maxFramerate: $.maxFramerate } : {} };
-        const c = Y.find((l) => l.rid === r.rid), d = o != null && String(r.rid ?? "") >= o;
-        return { ...r, ...c ?? {}, active: d };
+          return { ...r, active: r.rid === "a", ...r.rid === "a" ? { maxBitrate: z.maxBitrate, maxFramerate: z.maxFramerate } : {} };
+        const c = Y.find((d) => d.rid === r.rid), l = o != null && String(r.rid ?? "") >= o;
+        return { ...r, ...c ?? {}, active: l };
       });
     } else {
-      const o = this.quality === "audio" ? O.audio : O[this.quality], r = i ? $ : o;
+      const o = this.quality === "audio" ? N.audio : N[this.quality], r = i ? z : o;
       n.encodings = s.map((c) => ({ ...c, ...r }));
     }
     n.degradationPreference = i ? "maintain-resolution" : "maintain-framerate", await e.setParameters(n);
@@ -945,7 +951,7 @@ function Ne(a, e = {}) {
   }
   function o(r) {
     const c = a.getRemoteStreams();
-    return r ? c.find((d) => d.participant.participantId === r)?.stream ?? null : c[0]?.stream ?? a.getLocalStream();
+    return r ? c.find((l) => l.participant.participantId === r)?.stream ?? null : c[0]?.stream ?? a.getLocalStream();
   }
   return {
     supported: i,
@@ -953,9 +959,9 @@ function Ne(a, e = {}) {
       if (!i) throw new Error("This browser does not support picture-in-picture");
       const c = o(r);
       if (!c) throw new Error("No video stream is available for picture-in-picture");
-      const d = s();
-      d.srcObject !== c && (d.srcObject = c), await d.play().catch(() => {
-      }), await d.requestPictureInPicture();
+      const l = s();
+      l.srcObject !== c && (l.srcObject = c), await l.play().catch(() => {
+      }), await l.requestPictureInPicture();
     },
     async exit() {
       t.pictureInPictureElement && typeof t.exitPictureInPicture == "function" && await t.exitPictureInPicture();
@@ -967,89 +973,89 @@ function Ne(a, e = {}) {
 }
 function je(a, e) {
   const t = e.document ?? globalThis.document, i = e.fetchImplementation ?? globalThis.fetch.bind(globalThis), n = new URL(e.credential.signalingUrl, globalThis.location?.href).origin, s = e.mimeType ?? "video/webm", o = e.height ?? 720, r = Math.round(o * 16 / 9);
-  let c = null, d = null, l = null, u = null, y = 0, f = [], w = !1;
-  async function m(S, T, k, b = "application/json") {
-    const M = await i(`${n}${T}`, {
-      method: S,
+  let c = null, l = null, d = null, u = null, S = 0, f = [], v = !1;
+  async function I(y, k, p, C = "application/json") {
+    const P = await i(`${n}${k}`, {
+      method: y,
       headers: {
         authorization: `Bearer ${e.credential.signalingToken}`,
-        "content-type": b
+        "content-type": C
       },
-      body: k === void 0 ? void 0 : b === "application/json" ? JSON.stringify(k) : k
+      body: p === void 0 ? void 0 : C === "application/json" ? JSON.stringify(p) : p
     });
-    if (!M.ok) throw new Error(`Recording request failed with HTTP ${M.status}`);
-    return M.json();
+    if (!P.ok) throw new Error(`Recording request failed with HTTP ${P.status}`);
+    return P.json();
   }
   return {
     get recording() {
-      return w;
+      return v;
     },
     async start() {
-      if (w) return;
-      u = (await m("POST", "/v1/rtc/recordings")).recordingId;
-      const T = t.createElement("canvas");
-      T.width = r, T.height = o;
-      const k = T.getContext("2d"), b = /* @__PURE__ */ new Map(), M = (E, P) => {
-        let C = b.get(E);
-        return C || (C = t.createElement("video"), C.muted = !0, C.playsInline = !0, C.srcObject = P, C.play().catch(() => {
-        }), b.set(E, C)), C;
+      if (v) return;
+      u = (await I("POST", "/v1/rtc/recordings")).recordingId;
+      const k = t.createElement("canvas");
+      k.width = r, k.height = o;
+      const p = k.getContext("2d"), C = /* @__PURE__ */ new Map(), P = (T, R) => {
+        let b = C.get(T);
+        return b || (b = t.createElement("video"), b.muted = !0, b.playsInline = !0, b.srcObject = R, b.play().catch(() => {
+        }), C.set(T, b)), b;
       };
-      d = setInterval(() => {
-        const E = a.getRemoteStreams(), P = a.getLocalStream(), C = [
-          ...E.map((j) => ({ key: j.participant.participantId, stream: j.stream, label: j.participant.displayName })),
-          ...P ? [{ key: "local", stream: P, label: "me" }] : []
+      l = setInterval(() => {
+        const T = a.getRemoteStreams(), R = a.getLocalStream(), b = [
+          ...T.map((j) => ({ key: j.participant.participantId, stream: j.stream, label: j.participant.displayName })),
+          ...R ? [{ key: "local", stream: R, label: "me" }] : []
         ];
-        k.fillStyle = "#101418", k.fillRect(0, 0, r, o);
-        const D = Math.max(1, Math.ceil(Math.sqrt(C.length))), v = Math.max(1, Math.ceil(C.length / D)), N = r / D, U = o / v;
-        C.forEach((j, H) => {
-          const _ = M(j.key, j.stream), B = H % D * N, F = Math.floor(H / D) * U;
-          _.videoWidth > 0 && k.drawImage(_, B + 2, F + 2, N - 4, U - 4), k.fillStyle = "rgba(0,0,0,.6)", k.fillRect(B + 8, F + U - 30, Math.min(N - 16, 12 + j.label.length * 9), 22), k.fillStyle = "#fff", k.font = "14px system-ui", k.fillText(j.label, B + 14, F + U - 14);
+        p.fillStyle = "#101418", p.fillRect(0, 0, r, o);
+        const O = Math.max(1, Math.ceil(Math.sqrt(b.length))), g = Math.max(1, Math.ceil(b.length / O)), q = r / O, x = o / g;
+        b.forEach((j, J) => {
+          const W = P(j.key, j.stream), B = J % O * q, F = Math.floor(J / O) * x;
+          W.videoWidth > 0 && p.drawImage(W, B + 2, F + 2, q - 4, x - 4), p.fillStyle = "rgba(0,0,0,.6)", p.fillRect(B + 8, F + x - 30, Math.min(q - 16, 12 + j.label.length * 9), 22), p.fillStyle = "#fff", p.font = "14px system-ui", p.fillText(j.label, B + 14, F + x - 14);
         });
       }, 66);
-      const I = T.captureStream(15);
-      l = new AudioContext();
-      const g = l.createMediaStreamDestination(), p = /* @__PURE__ */ new Set(), h = () => {
-        const E = [
-          ...a.getRemoteStreams().map((P) => P.stream),
+      const L = k.captureStream(15);
+      d = new AudioContext();
+      const E = d.createMediaStreamDestination(), A = /* @__PURE__ */ new Set(), w = () => {
+        const T = [
+          ...a.getRemoteStreams().map((R) => R.stream),
           ...a.getLocalStream() ? [a.getLocalStream()] : []
         ];
-        for (const P of E)
-          for (const C of P.getAudioTracks())
-            p.has(C.id) || (p.add(C.id), l.createMediaStreamSource(new MediaStream([C])).connect(g));
+        for (const R of T)
+          for (const b of R.getAudioTracks())
+            A.has(b.id) || (A.add(b.id), d.createMediaStreamSource(new MediaStream([b])).connect(E));
       };
-      h();
-      const R = setInterval(h, 1e3), L = () => clearInterval(R);
-      for (const E of g.stream.getAudioTracks()) I.addTrack(E);
-      c = (e.mediaRecorderFactory ?? ((E, P) => new MediaRecorder(E, P)))(I, { mimeType: s }), f = [], c.addEventListener("dataavailable", (E) => {
-        E.data && E.data.size > 0 && f.push(E.data);
-      }), c.addEventListener("stop", L), c.start(1e3), y = Date.now(), w = !0;
+      w();
+      const M = setInterval(w, 1e3), m = () => clearInterval(M);
+      for (const T of E.stream.getAudioTracks()) L.addTrack(T);
+      c = (e.mediaRecorderFactory ?? ((T, R) => new MediaRecorder(T, R)))(L, { mimeType: s }), f = [], c.addEventListener("dataavailable", (T) => {
+        T.data && T.data.size > 0 && f.push(T.data);
+      }), c.addEventListener("stop", m), c.start(1e3), S = Date.now(), v = !0;
     },
     async stop() {
-      if (!w || !c || !u) throw new Error("The recorder is not running");
-      w = !1;
-      const S = c, T = new Promise((g) => S.addEventListener("stop", () => g(), { once: !0 }));
-      S.stop(), await T, d && clearInterval(d), d = null, await l?.close().catch(() => {
-      }), l = null;
-      const k = new Blob(f, { type: s });
+      if (!v || !c || !u) throw new Error("The recorder is not running");
+      v = !1;
+      const y = c, k = new Promise((E) => y.addEventListener("stop", () => E(), { once: !0 }));
+      y.stop(), await k, l && clearInterval(l), l = null, await d?.close().catch(() => {
+      }), d = null;
+      const p = new Blob(f, { type: s });
       f = [];
-      const b = Math.max(1, Math.round((Date.now() - y) / 1e3)), M = await m(
+      const C = Math.max(1, Math.round((Date.now() - S) / 1e3)), P = await I(
         "PUT",
         `/v1/rtc/recordings/${encodeURIComponent(u)}/media`,
-        k,
+        p,
         s
       );
-      await m("POST", `/v1/rtc/recordings/${encodeURIComponent(u)}/complete`, { durationSeconds: b });
-      const I = { recordingId: u, sizeBytes: M.sizeBytes, durationSeconds: b };
-      return u = null, c = null, I;
+      await I("POST", `/v1/rtc/recordings/${encodeURIComponent(u)}/complete`, { durationSeconds: C });
+      const L = { recordingId: u, sizeBytes: P.sizeBytes, durationSeconds: C };
+      return u = null, c = null, L;
     },
     dispose() {
-      d && clearInterval(d), d = null;
+      l && clearInterval(l), l = null;
       try {
         c?.stop();
       } catch {
       }
-      c = null, l?.close().catch(() => {
-      }), l = null, w = !1;
+      c = null, d?.close().catch(() => {
+      }), d = null, v = !1;
     }
   };
 }
@@ -1091,17 +1097,19 @@ const Se = ["none", "blur", "aurora", "cybergrid", "bokeh", "sunset", "image"],
   }
 };
 function Ve(a, e = {}) {
-  const t = e.document ?? globalThis.document, i = e.width ?? 1280, n = e.height ?? 720, s = e.frameRate ?? 24, o = a instanceof MediaStreamTrack ? a : a.getVideoTracks()[0];
-  if (!o) throw new Error("A video track is required");
-  let r = e.background ?? "none", c = e.overlay ?? "none", d = e.backgroundImage ?? null, l = e.segmenter ?? null, u = null, y = !1;
-  const f = t.createElement("video");
-  f.muted = !0, f.playsInline = !0, f.srcObject = new MediaStream([o]), f.play().catch(() => {
+  const t = e.document ?? globalThis.document;
+  let i = e.width ?? 1280, n = e.height ?? 720;
+  const s = !!(e.width || e.height), o = e.frameRate ?? 24, r = a instanceof MediaStreamTrack ? a : a.getVideoTracks()[0];
+  if (!r) throw new Error("A video track is required");
+  let c = e.background ?? "none", l = e.overlay ?? "none", d = e.backgroundImage ?? null, u = e.segmenter ?? null, S = null, f = !1;
+  const v = t.createElement("video");
+  v.muted = !0, v.playsInline = !0, v.srcObject = new MediaStream([r]), v.play().catch(() => {
   });
-  const w = t.createElement("canvas");
-  w.width = i, w.height = n;
-  const m = w.getContext("2d"), S = t.createElement("canvas");
-  S.width = i, S.height = n;
-  const T = S.getContext("2d"), k = Array.from({ length: 80 }, (p, h) => ({
+  const I = t.createElement("canvas");
+  I.width = i, I.height = n;
+  const y = I.getContext("2d"), k = t.createElement("canvas");
+  k.width = i, k.height = n;
+  const p = k.getContext("2d"), C = () => Array.from({ length: 80 }, (m, h) => ({
     x: (Math.sin(h * 12.9898) * 0.5 + 0.5) * i,
     y: (Math.sin(h * 78.233) * 0.5 + 0.5) * n,
     speed: 0.6 + h % 5 * 0.5,
@@ -1109,48 +1117,57 @@ function Ve(a, e = {}) {
     size: 2 + h % 4,
     hue: h * 47 % 360
   }));
-  function b() {
-    if (u) {
-      T.clearRect(0, 0, i, n), T.drawImage(u, 0, 0, i, n), T.globalCompositeOperation = "source-in", T.drawImage(f, 0, 0, i, n), T.globalCompositeOperation = "source-over", m.drawImage(S, 0, 0);
+  let P = C();
+  const L = () => {
+    if (s) return;
+    const m = v.videoWidth, h = v.videoHeight;
+    if (!m || !h) return;
+    const T = Math.min(1, 1280 / Math.max(m, h)), R = Math.round(m * T), b = Math.round(h * T);
+    R === i && b === n || (i = R, n = b, I.width = i, I.height = n, k.width = i, k.height = n, P = C());
+  };
+  v.addEventListener?.("loadedmetadata", L), v.addEventListener?.("resize", L);
+  function E() {
+    if (S) {
+      p.clearRect(0, 0, i, n), p.drawImage(S, 0, 0, i, n), p.globalCompositeOperation = "source-in", p.drawImage(v, 0, 0, i, n), p.globalCompositeOperation = "source-over", y.drawImage(k, 0, 0);
       return;
     }
-    const p = i * 0.42, h = p * 9 / 16, R = i - p - 24, L = n - h - 24;
-    m.save(), m.shadowColor = "rgba(0,0,0,.5)", m.shadowBlur = 24, m.beginPath(), m.roundRect(R, L, p, h, 14), m.clip(), m.drawImage(f, R, L, p, h), m.restore();
-  }
-  function M(p) {
-    if (r === "none" ? m.drawImage(f, 0, 0, i, n) : r === "blur" ? (m.filter = "blur(14px)", m.drawImage(f, -16, -16, i + 32, n + 32), m.filter = "none", u && b()) : r === "image" && d ? (m.drawImage(d, 0, 0, i, n), b()) : ((K[r] ?? K.aurora)(m, i, n, p), b()), c === "snow" || c === "confetti")
-      for (const h of k)
-        h.y += h.speed * (c === "confetti" ? 1.6 : 1), h.x += h.drift, h.y > n && (h.y = -6, h.x = Math.random() * i), m.fillStyle = c === "snow" ? "rgba(255,255,255,.85)" : `hsl(${h.hue}, 90%, 60%)`, c === "confetti" ? m.fillRect(h.x, h.y, h.size + 2, h.size) : (m.beginPath(), m.arc(h.x, h.y, h.size / 2, 0, Math.PI * 2), m.fill());
-    else if (c === "vignette") {
-      const h = m.createRadialGradient(i / 2, n / 2, n * 0.4, i / 2, n / 2, n * 0.85);
-      h.addColorStop(0, "rgba(0,0,0,0)"), h.addColorStop(1, "rgba(0,0,0,0.55)"), m.fillStyle = h, m.fillRect(0, 0, i, n);
+    const m = i * 0.42, h = m * 9 / 16, T = i - m - 24, R = n - h - 24;
+    y.save(), y.shadowColor = "rgba(0,0,0,.5)", y.shadowBlur = 24, y.beginPath(), y.roundRect(T, R, m, h, 14), y.clip(), y.drawImage(v, T, R, m, h), y.restore();
+  }
+  function A(m) {
+    if (c === "none" ? y.drawImage(v, 0, 0, i, n) : c === "blur" ? (y.filter = "blur(14px)", y.drawImage(v, -16, -16, i + 32, n + 32), y.filter = "none", S && E()) : c === "image" && d ? (y.drawImage(d, 0, 0, i, n), E()) : ((K[c] ?? K.aurora)(y, i, n, m), E()), l === "snow" || l === "confetti")
+      for (const h of P)
+        h.y += h.speed * (l === "confetti" ? 1.6 : 1), h.x += h.drift, h.y > n && (h.y = -6, h.x = Math.random() * i), y.fillStyle = l === "snow" ? "rgba(255,255,255,.85)" : `hsl(${h.hue}, 90%, 60%)`, l === "confetti" ? y.fillRect(h.x, h.y, h.size + 2, h.size) : (y.beginPath(), y.arc(h.x, h.y, h.size / 2, 0, Math.PI * 2), y.fill());
+    else if (l === "vignette") {
+      const h = y.createRadialGradient(i / 2, n / 2, n * 0.4, i / 2, n / 2, n * 0.85);
+      h.addColorStop(0, "rgba(0,0,0,0)"), h.addColorStop(1, "rgba(0,0,0,0.55)"), y.fillStyle = h, y.fillRect(0, 0, i, n);
     }
   }
-  const I = setInterval(() => {
-    M(Date.now()), l && !y && r !== "none" && (y = !0, l.segment(f).then((p) => {
-      u = p;
+  const w = setInterval(() => {
+    A(Date.now()), u && !f && c !== "none" && (f = !0, u.segment(v).then((m) => {
+      S = m;
     }).catch(() => {
-      u = null;
+      S = null;
     }).finally(() => {
-      y = !1;
+      f = !1;
     }));
-  }, Math.round(1e3 / s)), g = w.captureStream(s);
+  }, Math.round(1e3 / o)), M = I.captureStream(o);
   return {
-    track: g.getVideoTracks()[0],
-    stream: g,
-    setBackground(p, h) {
-      r = Se.includes(p) ? p : "none", h !== void 0 && (d = h), r === "none" && (u = null);
+    track: M.getVideoTracks()[0],
+    stream: M,
+    setBackground(m, h) {
+      c = Se.includes(m) ? m : "none", h !== void 0 && (d = h), c === "none" && (S = null);
     },
-    setOverlay(p) {
-      c = ke.includes(p) ? p : "none";
+    setOverlay(m) {
+      l = ke.includes(m) ? m : "none";
     },
-    setSegmenter(p) {
-      l = p, p || (u = null);
+    setSegmenter(m) {
+      u = m, m || (S = null);
     },
     dispose() {
-      clearInterval(I), l?.close?.();
-      for (const p of g.getTracks()) p.stop();
-      f.srcObject = null;
+      clearInterval(w), u?.close?.();
+      for (const m of M.getTracks()) m.stop();
+      v.srcObject = null;
     }
   };
 }
@@ -1169,7 +1186,7 @@ function le() {
     tracked: !1
   };
 }
-function A(a, e) {
+function D(a, e) {
   const t = a.find((i) => i.categoryName === e);
   return t ? Math.max(0, Math.min(1, t.score)) : 0;
 }
@@ -1181,13 +1198,13 @@ function we(a) {
 }
 function Te(a, e, t = 1) {
   if (!a || a.length === 0) return le();
-  const i = we(e), n = (A(a, "eyeLookOutRight") + A(a, "eyeLookInLeft")) / 2, s = (A(a, "eyeLookOutLeft") + A(a, "eyeLookInRight")) / 2, o = (A(a, "eyeLookUpLeft") + A(a, "eyeLookUpRight")) / 2, r = (A(a, "eyeLookDownLeft") + A(a, "eyeLookDownRight")) / 2, c = (A(a, "mouthSmileLeft") + A(a, "mouthSmileRight")) / 2, d = (A(a, "mouthFrownLeft") + A(a, "mouthFrownRight")) / 2, l = A(a, "eyeBlinkLeft"), u = A(a, "eyeBlinkRight"), y = Math.min(1, Math.abs(i.yaw) / 0.35) * Math.max(0, Math.min(1, t)), f = (l + u) / 2;
+  const i = we(e), n = (D(a, "eyeLookOutRight") + D(a, "eyeLookInLeft")) / 2, s = (D(a, "eyeLookOutLeft") + D(a, "eyeLookInRight")) / 2, o = (D(a, "eyeLookUpLeft") + D(a, "eyeLookUpRight")) / 2, r = (D(a, "eyeLookDownLeft") + D(a, "eyeLookDownRight")) / 2, c = (D(a, "mouthSmileLeft") + D(a, "mouthSmileRight")) / 2, l = (D(a, "mouthFrownLeft") + D(a, "mouthFrownRight")) / 2, d = D(a, "eyeBlinkLeft"), u = D(a, "eyeBlinkRight"), S = Math.min(1, Math.abs(i.yaw) / 0.35) * Math.max(0, Math.min(1, t)), f = (d + u) / 2;
   return {
-    blinkLeft: l + (f - l) * y,
-    blinkRight: u + (f - u) * y,
-    jawOpen: A(a, "jawOpen"),
-    smile: c - d,
-    browUp: (A(a, "browInnerUp") + A(a, "browOuterUpLeft") + A(a, "browOuterUpRight")) / 3,
+    blinkLeft: d + (f - d) * S,
+    blinkRight: u + (f - u) * S,
+    jawOpen: D(a, "jawOpen"),
+    smile: c - l,
+    browUp: (D(a, "browInnerUp") + D(a, "browOuterUpLeft") + D(a, "browOuterUpRight")) / 3,
     pupilX: n - s,
     pupilY: r - o,
     headYaw: i.yaw,
@@ -1216,30 +1233,30 @@ function be(a, e, t, i, n) {
   n || (a.fillStyle = "#101822", a.fillRect(0, 0, t, i));
   const s = n ? n.x + e.headYaw * n.radius * 0.1 : t / 2 + e.headYaw * t * 0.18, o = n ? n.y + e.headPitch * n.radius * 0.1 : i / 2 + e.headPitch * i * 0.18, r = n ? n.radius : Math.min(t, i) * 0.28;
   a.save(), a.translate(s, o), a.rotate(e.headRoll * 0.6);
-  const c = Math.max(-1.35, Math.min(1.35, e.headYaw)), d = Math.max(-0.9, Math.min(0.9, e.headPitch)), l = Math.sin(c), u = (p) => Math.sin(p + c) * r, y = (p) => Math.cos(p + c), f = Math.sin(d) * r * 0.22;
-  a.fillStyle = "#3a2a1c", a.beginPath(), a.ellipse(-l * r * 0.35, -r * 0.25, r * 0.98, r * 0.95, 0, 0, Math.PI * 2), a.fill(), a.fillStyle = e.tracked ? "#f2c9a0" : "#5a6470", a.beginPath(), a.ellipse(0, 0, r * (1 - Math.abs(l) * 0.12), r * 1.12, 0, 0, Math.PI * 2), a.fill(), a.fillStyle = "#3a2a1c", a.beginPath(), a.ellipse(-l * r * 0.28, -r * 0.72 + f * 0.4, r * 0.92, r * 0.5, 0, Math.PI, Math.PI * 2), a.fill();
-  const w = 0;
+  const c = Math.max(-1.35, Math.min(1.35, e.headYaw)), l = Math.max(-0.9, Math.min(0.9, e.headPitch)), d = Math.sin(c), u = (A) => Math.sin(A + c) * r, S = (A) => Math.cos(A + c), f = Math.sin(l) * r * 0.22;
+  a.fillStyle = "#3a2a1c", a.beginPath(), a.ellipse(-d * r * 0.35, -r * 0.25, r * 0.98, r * 0.95, 0, 0, Math.PI * 2), a.fill(), a.fillStyle = e.tracked ? "#f2c9a0" : "#5a6470", a.beginPath(), a.ellipse(0, 0, r * (1 - Math.abs(d) * 0.12), r * 1.12, 0, 0, Math.PI * 2), a.fill(), a.fillStyle = "#3a2a1c", a.beginPath(), a.ellipse(-d * r * 0.28, -r * 0.72 + f * 0.4, r * 0.92, r * 0.5, 0, Math.PI, Math.PI * 2), a.fill();
+  const v = 0;
   a.fillStyle = "#e5b58a", a.beginPath();
-  const m = u(w) * 0.9, S = r * 0.12 + f;
-  a.ellipse(m + l * r * 0.14, S, r * 0.11, r * 0.14, 0, 0, Math.PI * 2), a.fill();
-  for (const p of [-1, 1]) {
-    const h = p * 0.42, R = y(h);
-    if (R <= 0.12) continue;
-    const L = u(h) * 0.82, q = Math.max(0.2, R), E = p < 0 ? e.blinkLeft : e.blinkRight, P = Math.max(0.06, 1 - E), C = e.browUp * r * 0.14;
-    a.strokeStyle = "#4a2e18", a.lineWidth = r * 0.07, a.lineCap = "round", a.beginPath(), a.moveTo(L - r * 0.2 * q, -r * 0.42 - C + f), a.quadraticCurveTo(L, -r * 0.52 - C + f, L + r * 0.2 * q, -r * 0.44 - C + f), a.stroke();
-    const D = -r * 0.18 + f;
-    a.fillStyle = "#ffffff", a.beginPath(), a.ellipse(L, D, r * 0.16 * q, r * 0.12 * P, 0, 0, Math.PI * 2), a.fill(), a.fillStyle = "#22303c", a.beginPath(), a.ellipse(
-      L + e.pupilX * r * 0.07 * q,
-      D + e.pupilY * r * 0.05,
-      r * 0.06 * q,
-      r * 0.06 * P,
+  const I = u(v) * 0.9, y = r * 0.12 + f;
+  a.ellipse(I + d * r * 0.14, y, r * 0.11, r * 0.14, 0, 0, Math.PI * 2), a.fill();
+  for (const A of [-1, 1]) {
+    const w = A * 0.42, M = S(w);
+    if (M <= 0.12) continue;
+    const m = u(w) * 0.82, h = Math.max(0.2, M), T = A < 0 ? e.blinkLeft : e.blinkRight, R = Math.max(0.06, 1 - T), b = e.browUp * r * 0.14;
+    a.strokeStyle = "#4a2e18", a.lineWidth = r * 0.07, a.lineCap = "round", a.beginPath(), a.moveTo(m - r * 0.2 * h, -r * 0.42 - b + f), a.quadraticCurveTo(m, -r * 0.52 - b + f, m + r * 0.2 * h, -r * 0.44 - b + f), a.stroke();
+    const O = -r * 0.18 + f;
+    a.fillStyle = "#ffffff", a.beginPath(), a.ellipse(m, O, r * 0.16 * h, r * 0.12 * R, 0, 0, Math.PI * 2), a.fill(), a.fillStyle = "#22303c", a.beginPath(), a.ellipse(
+      m + e.pupilX * r * 0.07 * h,
+      O + e.pupilY * r * 0.05,
+      r * 0.06 * h,
+      r * 0.06 * R,
       0,
       0,
       Math.PI * 2
     ), a.fill();
   }
-  const T = Math.max(0.25, y(0)), k = u(0) * 0.7, b = r * 0.55 * T, M = r * (0.04 + e.jawOpen * 0.34), I = e.smile * r * 0.12, g = r * 0.42 + f;
-  a.fillStyle = "#8c2f2f", a.beginPath(), a.moveTo(k - b / 2, g - I), a.quadraticCurveTo(k, g + M, k + b / 2, g - I), a.quadraticCurveTo(k, g - M * 0.25, k - b / 2, g - I), a.closePath(), a.fill(), a.restore(), !e.tracked && !n && (a.fillStyle = "#9fb0bd", a.font = `${Math.round(i * 0.045)}px system-ui`, a.textAlign = "center", a.fillText("No face detected", t / 2, i * 0.9), a.textAlign = "left");
+  const k = Math.max(0.25, S(0)), p = u(0) * 0.7, C = r * 0.55 * k, P = r * (0.04 + e.jawOpen * 0.34), L = e.smile * r * 0.12, E = r * 0.42 + f;
+  a.fillStyle = "#8c2f2f", a.beginPath(), a.moveTo(p - C / 2, E - L), a.quadraticCurveTo(p, E + P, p + C / 2, E - L), a.quadraticCurveTo(p, E - P * 0.25, p - C / 2, E - L), a.closePath(), a.fill(), a.restore(), !e.tracked && !n && (a.fillStyle = "#9fb0bd", a.font = `${Math.round(i * 0.045)}px system-ui`, a.textAlign = "center", a.fillText("No face detected", t / 2, i * 0.9), a.textAlign = "left");
 }
 const Z = {
   mouthGain: 1.7,
@@ -1257,62 +1274,71 @@ function ee() {
     }
   };
 }
-const z = (a) => Math.max(0, Math.min(1, a));
-function Ue(a, e = {}) {
-  const t = e.document ?? globalThis.document, i = e.width ?? 1280, n = e.height ?? 720, s = e.frameRate ?? 24, o = a instanceof MediaStreamTrack ? a : a.getVideoTracks()[0];
-  if (!o) throw new Error("A video track is required");
-  let r = e.tracker ?? null, c = e.renderer ?? ee(), d = e.mode ?? "replace";
-  const l = { ...Z, ...e.tuning }, u = e.backdrop ?? "#101822", y = t.createElement("video");
-  y.muted = !0, y.playsInline = !0, y.srcObject = new MediaStream([o]), y.play().catch(() => {
+const $ = (a) => Math.max(0, Math.min(1, a));
+function xe(a, e = {}) {
+  const t = e.document ?? globalThis.document;
+  let i = e.width ?? 1280, n = e.height ?? 720;
+  const s = !!(e.width || e.height), o = e.frameRate ?? 24, r = a instanceof MediaStreamTrack ? a : a.getVideoTracks()[0];
+  if (!r) throw new Error("A video track is required");
+  let c = e.tracker ?? null, l = e.renderer ?? ee(), d = e.mode ?? "replace";
+  const u = { ...Z, ...e.tuning }, S = e.backdrop ?? "#101822", f = t.createElement("video");
+  f.muted = !0, f.playsInline = !0, f.srcObject = new MediaStream([r]), f.play().catch(() => {
   });
-  const f = t.createElement("canvas");
-  f.width = i, f.height = n;
-  const w = f.getContext("2d");
-  let m = le(), S = null, T = 0;
-  function k(g) {
-    if (g.length <= 454) return;
-    const p = g[10], h = g[152], R = g[234], L = g[454], q = (R.x + L.x) / 2 * i, E = (R.y + L.y) / 2 * n, P = Math.hypot((h.x - p.x) * i, (h.y - p.y) * n), C = Math.max(0.6, Math.cos(m.headPitch)), D = { x: q, y: E, radius: Math.max(24, P / C * 0.8) };
-    S = S ? { x: S.x + (D.x - S.x) * 0.4, y: S.y + (D.y - S.y) * 0.4, radius: S.radius + (D.radius - S.radius) * 0.15 } : D;
-  }
-  function b(g) {
-    if (r && y.readyState >= 2) {
-      let h = null;
+  const v = t.createElement("canvas");
+  v.width = i, v.height = n;
+  const I = v.getContext("2d"), y = () => {
+    if (s) return;
+    const w = f.videoWidth, M = f.videoHeight;
+    if (!w || !M) return;
+    const m = Math.min(1, 1280 / Math.max(w, M)), h = Math.round(w * m), T = Math.round(M * m);
+    (!(h === i || T === n) || h !== i || T !== n) && (i = h, n = T, v.width = i, v.height = n);
+  };
+  f.addEventListener?.("loadedmetadata", y), f.addEventListener?.("resize", y);
+  let k = le(), p = null, C = 0;
+  function P(w) {
+    if (w.length <= 454) return;
+    const M = w[10], m = w[152], h = w[234], T = w[454], R = (h.x + T.x) / 2 * i, b = (h.y + T.y) / 2 * n, O = Math.hypot((m.x - M.x) * i, (m.y - M.y) * n), g = Math.max(0.6, Math.cos(k.headPitch)), q = { x: R, y: b, radius: Math.max(24, O / g * 0.8) };
+    p = p ? { x: p.x + (q.x - p.x) * 0.4, y: p.y + (q.y - p.y) * 0.4, radius: p.radius + (q.radius - p.radius) * 0.15 } : q;
+  }
+  function L(w) {
+    if (c && f.readyState >= 2) {
+      let m = null;
       try {
-        h = r.detect(y, g);
+        m = c.detect(f, w);
       } catch {
       }
-      const R = Te(h?.categories ?? null, h?.matrix ?? null, l.eyeSync);
-      R.jawOpen = z(R.jawOpen * l.mouthGain), R.blinkLeft = z(R.blinkLeft * l.blinkGain), R.blinkRight = z(R.blinkRight * l.blinkGain), R.tracked ? (T = g, m = X(m, R, l.smoothing), h?.landmarks && k(h.landmarks)) : m.tracked && g - T > l.lostHoldMs && (m = X(m, { ...m, jawOpen: 0, browUp: 0, smile: m.smile * 0.5, blinkLeft: 0.1, blinkRight: 0.1 }, 0.05));
+      const h = Te(m?.categories ?? null, m?.matrix ?? null, u.eyeSync);
+      h.jawOpen = $(h.jawOpen * u.mouthGain), h.blinkLeft = $(h.blinkLeft * u.blinkGain), h.blinkRight = $(h.blinkRight * u.blinkGain), h.tracked ? (C = w, k = X(k, h, u.smoothing), m?.landmarks && P(m.landmarks)) : k.tracked && w - C > u.lostHoldMs && (k = X(k, { ...k, jawOpen: 0, browUp: 0, smile: k.smile * 0.5, blinkLeft: 0.1, blinkRight: 0.1 }, 0.05));
     }
-    d === "overlay" && y.readyState >= 2 ? w.drawImage(y, 0, 0, i, n) : (w.fillStyle = u, w.fillRect(0, 0, i, n));
-    const p = d === "overlay" && S ? { x: S.x, y: S.y + l.avatarLift * S.radius, radius: S.radius * l.avatarScale } : null;
-    c?.render(w, m, i, n, p);
+    d === "overlay" && f.readyState >= 2 ? I.drawImage(f, 0, 0, i, n) : (I.fillStyle = S, I.fillRect(0, 0, i, n));
+    const M = d === "overlay" && p ? { x: p.x, y: p.y + u.avatarLift * p.radius, radius: p.radius * u.avatarScale } : null;
+    l?.render(I, k, i, n, M);
   }
-  const M = setInterval(() => b(Date.now()), Math.round(1e3 / s)), I = f.captureStream(s);
+  const E = setInterval(() => L(Date.now()), Math.round(1e3 / o)), A = v.captureStream(o);
   return {
-    track: I.getVideoTracks()[0],
-    stream: I,
-    getRig: () => ({ ...m }),
-    setMode(g) {
-      d = g === "overlay" ? "overlay" : "replace";
+    track: A.getVideoTracks()[0],
+    stream: A,
+    getRig: () => ({ ...k }),
+    setMode(w) {
+      d = w === "overlay" ? "overlay" : "replace";
     },
-    setTracker(g) {
-      r?.close?.(), r = g;
+    setTracker(w) {
+      c?.close?.(), c = w;
     },
-    setRenderer(g) {
-      c?.dispose?.(), c = g ?? ee();
+    setRenderer(w) {
+      l?.dispose?.(), l = w ?? ee();
     },
-    setTuning(g) {
-      for (const p of Object.keys(Z)) {
-        const h = g[p];
-        typeof h == "number" && Number.isFinite(h) && (l[p] = h);
+    setTuning(w) {
+      for (const M of Object.keys(Z)) {
+        const m = w[M];
+        typeof m == "number" && Number.isFinite(m) && (u[M] = m);
       }
     },
-    getTuning: () => ({ ...l }),
+    getTuning: () => ({ ...u }),
     dispose() {
-      clearInterval(M), r?.close?.(), c?.dispose?.();
-      for (const g of I.getTracks()) g.stop();
-      y.srcObject = null;
+      clearInterval(E), c?.close?.(), l?.dispose?.();
+      for (const w of A.getTracks()) w.stop();
+      f.srcObject = null;
     }
   };
 }
@@ -1350,7 +1376,7 @@ class Ce extends EventTarget {
   async initialize() {
     if (this.client) return this;
     try {
-      const t = (this.options.transport === "auto" ? this.mode === "meeting" ? "sfu" : "mesh" : this.options.transport ?? "mesh") === "sfu" ? ye : x;
+      const t = (this.options.transport === "auto" ? this.mode === "meeting" ? "sfu" : "mesh" : this.options.transport ?? "mesh") === "sfu" ? ye : Q;
       return this.client = new t({
         credential: {
           signalingToken: this.options.credential.signalingToken,
@@ -1368,6 +1394,7 @@ class Ce extends EventTarget {
         preferredVideoCodec: this.options.preferredVideoCodec ?? "auto",
         iceTransportPolicy: this.options.iceTransportPolicy ?? "all",
         localStream: this.options.localStream,
+        simulcast: this.options.simulcast ?? !0,
         onEvent: (i, n) => this.handleNativeEvent(i, n)
       }), await this.client.initialize(), this.startStats(), this.emit("initialized", { mode: this.mode, sdkVersion: De }), this.options.autoJoin && await this.join(), this;
     } catch (e) {
@@ -1495,42 +1522,42 @@ class Ce extends EventTarget {
     let n = "unavailable";
     if (e.requestMedia !== !1 && navigator.mediaDevices?.getUserMedia)
       try {
-        (await navigator.mediaDevices.getUserMedia({ audio: this.options.audio, video: this.options.video })).getTracks().forEach((y) => y.stop()), n = "granted";
+        (await navigator.mediaDevices.getUserMedia({ audio: this.options.audio, video: this.options.video })).getTracks().forEach((S) => S.stop()), n = "granted";
       } catch {
         n = "denied", t.push("media_permission_denied");
       }
     const s = navigator.mediaDevices?.enumerateDevices ? await navigator.mediaDevices.enumerateDevices().catch(() => []) : [], o = s.filter((u) => u.kind === "audioinput").length, r = s.filter((u) => u.kind === "videoinput").length;
     this.options.audio && o === 0 && t.push("microphone_unavailable"), this.options.video && r === 0 && t.push("camera_unavailable");
     const c = e.probeUrl ?? this.options.preflightProbeUrl;
-    let d = null;
+    let l = null;
     if (c) {
       const u = performance.now();
       try {
-        const y = await fetch(c, { method: "HEAD", cache: "no-store", credentials: "omit" });
-        d = Math.round(performance.now() - u), y.ok || t.push("network_probe_failed");
+        const S = await fetch(c, { method: "HEAD", cache: "no-store", credentials: "omit" });
+        l = Math.round(performance.now() - u), S.ok || t.push("network_probe_failed");
       } catch {
         t.push("network_probe_failed");
       }
     }
-    const l = {
+    const d = {
       passed: t.length === 0,
       sampledAt: (/* @__PURE__ */ new Date()).toISOString(),
       secureContext: i,
       mediaPermission: n,
       microphoneCount: o,
       cameraCount: r,
-      probeLatencyMs: d,
+      probeLatencyMs: l,
       effectiveConnectionType: ae()?.effectiveType ?? null,
       issues: t
     };
-    return this.emit("preflight", l), this.options.autoReportStats && await this.reportQuality({
+    return this.emit("preflight", d), this.options.autoReportStats && await this.reportQuality({
       sampleType: "preflight",
-      sampledAt: l.sampledAt,
-      connectionState: l.passed ? "ready" : "failed",
-      rttMs: l.probeLatencyMs,
-      effectiveConnectionType: l.effectiveConnectionType
+      sampledAt: d.sampledAt,
+      connectionState: d.passed ? "ready" : "failed",
+      rttMs: d.probeLatencyMs,
+      effectiveConnectionType: d.effectiveConnectionType
     }).catch(() => {
-    }), l;
+    }), d;
   }
   async collectQualitySample(e = "runtime") {
     const t = this.options.statsProvider ? await this.options.statsProvider() : {}, i = this.peerConnection ? await Pe(this.peerConnection, this.previousCounters) : null;
@@ -1649,14 +1676,14 @@ class Ce extends EventTarget {
     this.dispatchEvent(new CustomEvent(e, { detail: i })), this.options.onEvent?.(i);
   }
 }
-async function Qe(a) {
+async function Ue(a) {
   return new Ce(a).initialize();
 }
-let Q = null;
+let U = null;
 function de() {
-  if (Q) return Q;
+  if (U) return U;
   const a = globalThis, e = a.AudioContext ?? a.webkitAudioContext;
-  return e ? (Q = new e(), Q) : null;
+  return e ? (U = new e(), U) : null;
 }
 async function Re() {
   const a = de();
@@ -1912,14 +1939,14 @@ class Ee extends EventTarget {
     if (!n) throw new Error("apiBaseUrl is required for call actions");
     const s = new URL(n, globalThis.location?.href), o = await this.resolveToken("initial"), r = new Headers(t.headers);
     r.set("authorization", `Bearer ${o}`), r.set("content-type", "application/json");
-    const c = await fetch(new URL(e, s.origin), { ...t, headers: r }), d = await c.json().catch(() => ({}));
+    const c = await fetch(new URL(e, s.origin), { ...t, headers: r }), l = await c.json().catch(() => ({}));
     if (c.status === 401 && this.options.tokenProvider && !i)
       return await this.resolveToken("unauthorized", !0), this.request(e, t, !0);
     if (!c.ok) {
-      const l = d.error;
-      throw new Error(typeof l == "string" ? l : l?.message || `RTC API failed with HTTP ${c.status}`);
+      const d = l.error;
+      throw new Error(typeof d == "string" ? d : d?.message || `RTC API failed with HTTP ${c.status}`);
     }
-    return d;
+    return l;
   }
   renderIncoming(e) {
     if (!this.mount) return;
@@ -2035,7 +2062,7 @@ class Ee extends EventTarget {
     this.dispatchEvent(new CustomEvent(e, { detail: i })), this.options.onEvent?.(i);
   }
 }
-function xe(a) {
+function Qe(a) {
   const e = new Ee(a);
   return a.autoConnect !== !1 && a.signalingUrl && e.connect(), e;
 }
@@ -2074,46 +2101,46 @@ function ne(a) {
 }
 async function Pe(a, e) {
   const t = await a.getStats(), i = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
-  let s = 0, o = 0, r = 0, c = 0, d = 0, l = 0, u = 0, y = 0, f = 0, w = 0, m = 0, S = 0, T = 0, k = null, b = null, M = null, I = null, g = null, p = null;
-  t.forEach((v) => {
-    n.set(v.id, v), v.type === "codec" && i.set(v.id, String(v.mimeType ?? ""));
-  }), t.forEach((v) => {
-    if (v.type === "inbound-rtp" && !v.isRemote && (s += Number(v.bytesReceived ?? 0), r += Math.max(0, Number(v.packetsLost ?? 0)), c += Math.max(0, Number(v.packetsReceived ?? 0)), Number.isFinite(v.jitter) && (d += Number(v.jitter), l += 1), u = Math.max(u, Number(v.framesPerSecond ?? 0)), y = Math.max(y, Number(v.frameWidth ?? 0)), f = Math.max(f, Number(v.frameHeight ?? 0)), w += Number(v.framesDropped ?? 0), m += Number(v.freezeCount ?? 0), S += Number(v.totalFreezesDuration ?? 0), T += Number(v.concealedSamples ?? 0), g ||= i.get(String(v.codecId ?? "")) ?? null), v.type === "outbound-rtp" && !v.isRemote && (o += Number(v.bytesSent ?? 0), p ||= v.qualityLimitationReason ? String(v.qualityLimitationReason) : null, g ||= i.get(String(v.codecId ?? "")) ?? null), v.type === "candidate-pair" && (v.selected || v.nominated) && v.state === "succeeded") {
-      k = Number.isFinite(v.currentRoundTripTime) ? Number(v.currentRoundTripTime) : k, b = Number.isFinite(v.availableOutgoingBitrate) ? Number(v.availableOutgoingBitrate) : b;
-      const N = n.get(v.localCandidateId);
-      M = N?.candidateType ? String(N.candidateType) : M, I = N?.protocol ? String(N.protocol) : I;
+  let s = 0, o = 0, r = 0, c = 0, l = 0, d = 0, u = 0, S = 0, f = 0, v = 0, I = 0, y = 0, k = 0, p = null, C = null, P = null, L = null, E = null, A = null;
+  t.forEach((g) => {
+    n.set(g.id, g), g.type === "codec" && i.set(g.id, String(g.mimeType ?? ""));
+  }), t.forEach((g) => {
+    if (g.type === "inbound-rtp" && !g.isRemote && (s += Number(g.bytesReceived ?? 0), r += Math.max(0, Number(g.packetsLost ?? 0)), c += Math.max(0, Number(g.packetsReceived ?? 0)), Number.isFinite(g.jitter) && (l += Number(g.jitter), d += 1), u = Math.max(u, Number(g.framesPerSecond ?? 0)), S = Math.max(S, Number(g.frameWidth ?? 0)), f = Math.max(f, Number(g.frameHeight ?? 0)), v += Number(g.framesDropped ?? 0), I += Number(g.freezeCount ?? 0), y += Number(g.totalFreezesDuration ?? 0), k += Number(g.concealedSamples ?? 0), E ||= i.get(String(g.codecId ?? "")) ?? null), g.type === "outbound-rtp" && !g.isRemote && (o += Number(g.bytesSent ?? 0), A ||= g.qualityLimitationReason ? String(g.qualityLimitationReason) : null, E ||= i.get(String(g.codecId ?? "")) ?? null), g.type === "candidate-pair" && (g.selected || g.nominated) && g.state === "succeeded") {
+      p = Number.isFinite(g.currentRoundTripTime) ? Number(g.currentRoundTripTime) : p, C = Number.isFinite(g.availableOutgoingBitrate) ? Number(g.availableOutgoingBitrate) : C;
+      const q = n.get(g.localCandidateId);
+      P = q?.candidateType ? String(q.candidateType) : P, L = q?.protocol ? String(q.protocol) : L;
     }
   });
-  const h = Date.now(), R = e ? Math.max(1e-3, (h - e.timestamp) / 1e3) : 0, L = e ? Math.max(0, Math.round((s - e.inboundBytes) * 8 / R)) : null, q = e ? Math.max(0, Math.round((o - e.outboundBytes) * 8 / R)) : null, E = r + c, P = e ? Math.max(0, r - e.packetsLost) : r, C = e ? Math.max(0, c - e.packetsReceived) : c, D = P + C;
+  const w = Date.now(), M = e ? Math.max(1e-3, (w - e.timestamp) / 1e3) : 0, m = e ? Math.max(0, Math.round((s - e.inboundBytes) * 8 / M)) : null, h = e ? Math.max(0, Math.round((o - e.outboundBytes) * 8 / M)) : null, T = r + c, R = e ? Math.max(0, r - e.packetsLost) : r, b = e ? Math.max(0, c - e.packetsReceived) : c, O = R + b;
   return {
-    counters: { timestamp: h, inboundBytes: s, outboundBytes: o, packetsLost: r, packetsReceived: c },
+    counters: { timestamp: w, inboundBytes: s, outboundBytes: o, packetsLost: r, packetsReceived: c },
     sample: {
-      rttMs: k === null ? null : k * 1e3,
-      jitterMs: l ? d / l * 1e3 : null,
-      packetLossPct: D ? P / D * 100 : null,
-      packetLossCumulativePct: E ? r / E * 100 : null,
+      rttMs: p === null ? null : p * 1e3,
+      jitterMs: d ? l / d * 1e3 : null,
+      packetLossPct: O ? R / O * 100 : null,
+      packetLossCumulativePct: T ? r / T * 100 : null,
       packetsLost: r,
       packetsReceived: c,
-      inboundBitrateBps: L,
-      outboundBitrateBps: q,
-      availableOutgoingBitrateBps: b,
+      inboundBitrateBps: m,
+      outboundBitrateBps: h,
+      availableOutgoingBitrateBps: C,
       framesPerSecond: u || null,
-      frameWidth: y || null,
+      frameWidth: S || null,
       frameHeight: f || null,
-      framesDropped: w,
-      freezeCount: m,
-      freezeDurationMs: Math.round(S * 1e3),
-      concealedSamples: T,
-      codec: g,
-      transportProtocol: I,
-      candidateType: M,
-      qualityLimitationReason: p
+      framesDropped: v,
+      freezeCount: I,
+      freezeDurationMs: Math.round(y * 1e3),
+      concealedSamples: k,
+      codec: E,
+      transportProtocol: L,
+      candidateType: P,
+      qualityLimitationReason: A
     }
   };
 }
 function Ae(a) {
   let e = a.mediaScore == null ? 5 : Math.round(se(Number(a.mediaScore), 0, 5));
-  const t = J(a.packetLossPct) ?? 0, i = J(a.rttMs) ?? 0, n = J(a.jitterMs) ?? 0, s = String(a.connectionState ?? "unknown").toLowerCase();
+  const t = H(a.packetLossPct) ?? 0, i = H(a.rttMs) ?? 0, n = H(a.jitterMs) ?? 0, s = String(a.connectionState ?? "unknown").toLowerCase();
   ["failed", "closed", "disconnected"].includes(s) ? e = 0 : ["reconnecting", "checking"].includes(s) && (e = Math.min(e, 2)), t >= 15 ? e = Math.min(e, 0) : t >= 8 ? e = Math.min(e, 1) : t >= 3 ? e = Math.min(e, 2) : t >= 1 && (e = Math.min(e, 3)), i >= 1200 ? e = Math.min(e, 0) : i >= 800 ? e = Math.min(e, 1) : i >= 400 ? e = Math.min(e, 2) : i >= 250 && (e = Math.min(e, 3)), n >= 150 ? e = Math.min(e, 1) : n >= 80 ? e = Math.min(e, 2) : n >= 40 && (e = Math.min(e, 3));
   const o = Number(se(4.5 - t * 0.09 - i * 11e-4 - n * 6e-3, 1, 4.5).toFixed(2));
   return { networkScore: e, estimatedMos: o };
@@ -2125,7 +2152,7 @@ function Le() {
   const a = Number(navigator.deviceMemory);
   return Number.isFinite(a) ? a : null;
 }
-function J(a) {
+function H(a) {
   const e = Number(a);
   return Number.isFinite(e) ? e : null;
 }
@@ -2138,7 +2165,7 @@ function V(a) {
 function re(a, e) {
   return a instanceof Error ? a : new Error(e);
 }
-const De = "1.3.16";
+const De = "1.3.18";
 export {
   Z as AVATAR_TUNING_DEFAULTS,
   Se as BACKGROUND_PRESETS,
@@ -2147,11 +2174,11 @@ export {
   Ee as RtcIncomingClient,
   qe as SPEAKER_NOISE_FLOOR,
   Oe as SPEAKER_TAKEOVER_RATIO,
-  Ue as createAvatarPipeline,
+  xe as createAvatarPipeline,
   je as createCallRecorder,
   Ne as createPictureInPictureController,
-  Qe as createRtcClient,
-  xe as createRtcIncomingClient,
+  Ue as createRtcClient,
+  Qe as createRtcIncomingClient,
   Ve as createVideoEffectsPipeline,
   be as drawAvatar,
   we as headPoseFromMatrix,