livekit-client 1.12.2 → 1.13.0

package/dist/livekit-client.esm.mjs

@@ -3465,10 +3465,19 @@ Timestamp.fields = proto3.util.newFieldList(() => [{
   T: 5 /* ScalarType.INT32 */
 }]);
 
-// @generated by protoc-gen-es v1.3.0 with parameter "target=ts"
-// @generated from file livekit_models.proto (package livekit, syntax proto3)
-/* eslint-disable */
-// @ts-nocheck
+// Copyright 2023 LiveKit, Inc.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
 /**
  * @generated from enum livekit.AudioCodec
  */
@@ -6447,7 +6456,7 @@ function detectBrowser(window) {
   };
 
   // Fail early if it's not a browser
-  if (typeof window === 'undefined' || !window.navigator) {
+  if (typeof window === 'undefined' || !window.navigator || !window.navigator.userAgent) {
     result.browser = 'Not a browser.';
     return result;
   }
@@ -9424,10 +9433,19 @@ adapterFactory({
   window: typeof window === 'undefined' ? undefined : window
 });
 
-// @generated by protoc-gen-es v1.3.0 with parameter "target=ts"
-// @generated from file livekit_rtc.proto (package livekit, syntax proto3)
-/* eslint-disable */
-// @ts-nocheck
+// Copyright 2023 LiveKit, Inc.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
 /**
  * @generated from enum livekit.SignalTarget
  */
@@ -11823,7 +11841,7 @@ function getMatch(exp, ua) {
   return match && match.length >= id && match[id] || '';
 }
 
-var version$1 = "1.12.2";
+var version$1 = "1.13.0";
 
 const version = version$1;
 const protocolVersion = 9;
@@ -11880,11 +11898,11 @@ var AudioPresets;
  * Sane presets for video resolution/encoding
  */
 const VideoPresets = {
-  h90: new VideoPreset(160, 90, 60000, 15),
-  h180: new VideoPreset(320, 180, 120000, 15),
-  h216: new VideoPreset(384, 216, 180000, 15),
-  h360: new VideoPreset(640, 360, 300000, 20),
-  h540: new VideoPreset(960, 540, 600000, 25),
+  h90: new VideoPreset(160, 90, 90000, 20),
+  h180: new VideoPreset(320, 180, 160000, 20),
+  h216: new VideoPreset(384, 216, 180000, 20),
+  h360: new VideoPreset(640, 360, 450000, 20),
+  h540: new VideoPreset(960, 540, 800000, 25),
   h720: new VideoPreset(1280, 720, 1700000, 30),
   h1080: new VideoPreset(1920, 1080, 3000000, 30),
   h1440: new VideoPreset(2560, 1440, 5000000, 30),
@@ -11894,22 +11912,23 @@ const VideoPresets = {
  * Four by three presets
  */
 const VideoPresets43 = {
-  h120: new VideoPreset(160, 120, 80000, 15),
-  h180: new VideoPreset(240, 180, 100000, 15),
-  h240: new VideoPreset(320, 240, 150000, 15),
+  h120: new VideoPreset(160, 120, 70000, 20),
+  h180: new VideoPreset(240, 180, 125000, 20),
+  h240: new VideoPreset(320, 240, 140000, 20),
   h360: new VideoPreset(480, 360, 225000, 20),
-  h480: new VideoPreset(640, 480, 300000, 20),
-  h540: new VideoPreset(720, 540, 450000, 25),
-  h720: new VideoPreset(960, 720, 1500000, 30),
-  h1080: new VideoPreset(1440, 1080, 2500000, 30),
-  h1440: new VideoPreset(1920, 1440, 3500000, 30)
+  h480: new VideoPreset(640, 480, 500000, 20),
+  h540: new VideoPreset(720, 540, 600000, 25),
+  h720: new VideoPreset(960, 720, 1300000, 30),
+  h1080: new VideoPreset(1440, 1080, 2300000, 30),
+  h1440: new VideoPreset(1920, 1440, 3800000, 30)
 };
 const ScreenSharePresets = {
   h360fps3: new VideoPreset(640, 360, 200000, 3, 'medium'),
   h720fps5: new VideoPreset(1280, 720, 400000, 5, 'medium'),
-  h720fps15: new VideoPreset(1280, 720, 1000000, 15, 'medium'),
-  h1080fps15: new VideoPreset(1920, 1080, 1500000, 15, 'medium'),
-  h1080fps30: new VideoPreset(1920, 1080, 3000000, 30, 'medium')
+  h720fps15: new VideoPreset(1280, 720, 1500000, 15, 'medium'),
+  h720fps30: new VideoPreset(1280, 720, 2000000, 30, 'medium'),
+  h1080fps15: new VideoPreset(1920, 1080, 2500000, 15, 'medium'),
+  h1080fps30: new VideoPreset(1920, 1080, 4000000, 30, 'medium')
 };
 
 /**
@@ -13379,8 +13398,13 @@ class SignalClient {
     return new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
       const abortHandler = () => __awaiter(this, void 0, void 0, function* () {
         this.close();
+        clearTimeout(wsTimeout);
         reject(new ConnectionError('room connection has been cancelled (signal)'));
       });
+      const wsTimeout = setTimeout(() => {
+        this.close();
+        reject(new ConnectionError('room connection has timed out (signal)'));
+      }, opts.websocketTimeout);
       if (abortSignal === null || abortSignal === void 0 ? void 0 : abortSignal.aborted) {
         abortHandler();
       }
@@ -13391,8 +13415,12 @@ class SignalClient {
       }
       this.ws = new WebSocket(url + params);
       this.ws.binaryType = 'arraybuffer';
+      this.ws.onopen = () => {
+        clearTimeout(wsTimeout);
+      };
       this.ws.onerror = ev => __awaiter(this, void 0, void 0, function* () {
         if (!this.isConnected) {
+          clearTimeout(wsTimeout);
           try {
             const resp = yield fetch("http".concat(url.substring(2), "/validate").concat(params));
             if (resp.status.toFixed(0).startsWith('4')) {
@@ -13922,6 +13950,12 @@ function createKeyMaterialFromString(password) {
     return keyMaterial;
   });
 }
+function createKeyMaterialFromBuffer(cryptoBuffer) {
+  return __awaiter(this, void 0, void 0, function* () {
+    const keyMaterial = yield crypto.subtle.importKey('raw', cryptoBuffer, 'HKDF', false, ['deriveBits', 'deriveKey']);
+    return keyMaterial;
+  });
+}
 function getAlgoOptions(algorithmName, salt) {
   const textEncoder = new TextEncoder();
   const encodedSalt = textEncoder.encode(salt);
@@ -14046,12 +14080,14 @@ class ExternalE2EEKeyProvider extends BaseKeyProvider {
     super(opts);
   }
   /**
-   * Accepts a passphrase that's used to create the crypto keys
+   * Accepts a passphrase that's used to create the crypto keys.
+   * When passing in a string, PBKDF2 is used.
+   * Also accepts an Array buffer of cryptographically random numbers that uses HKDF.
    * @param key
    */
   setKey(key) {
     return __awaiter(this, void 0, void 0, function* () {
-      const derivedKey = yield createKeyMaterialFromString(key);
+      const derivedKey = typeof key === 'string' ? yield createKeyMaterialFromString(key) : yield createKeyMaterialFromBuffer(key);
       this.onSetEncryptionKey(derivedKey);
     });
   }
@@ -14134,9 +14170,9 @@ class DeviceManager {
         }
       }
       let devices = yield navigator.mediaDevices.enumerateDevices();
-      if (requestPermissions && kind && (
+      if (requestPermissions &&
       // for safari we need to skip this check, as otherwise it will re-acquire user media and fail on iOS https://bugs.webkit.org/show_bug.cgi?id=179363
-      !DeviceManager.userMediaPromiseMap.get(kind) || !isSafari())) {
+      !(isSafari() && this.hasDeviceInUse(kind))) {
         const isDummyDeviceOrEmpty = devices.length === 0 || devices.some(device => {
           const noLabel = device.label === '';
           const isRelevant = kind ? device.kind === kind : true;
@@ -14172,6 +14208,9 @@ class DeviceManager {
       return device === null || device === void 0 ? void 0 : device.deviceId;
     });
   }
+  hasDeviceInUse(kind) {
+    return kind ? DeviceManager.userMediaPromiseMap.has(kind) : DeviceManager.userMediaPromiseMap.size > 0;
+  }
 }
 DeviceManager.mediaDeviceKinds = ['audioinput', 'audiooutput', 'videoinput'];
 DeviceManager.userMediaPromiseMap = new Map();
@@ -14208,52 +14247,6 @@ class LocalTrack extends Track {
       this._mediaStreamTrack.removeEventListener('unmute', this.handleTrackUnmuteEvent);
       this.emit(TrackEvent.Ended, this);
     };
-    /**
-     * pauses publishing to the server without disabling the local MediaStreamTrack
-     * this is used to display a user's own video locally while pausing publishing to
-     * the server.
-     * this API is unsupported on Safari < 12 due to a bug
-     **/
-    this.pauseUpstream = () => __awaiter(this, void 0, void 0, function* () {
-      const unlock = yield this.pauseUpstreamLock.lock();
-      try {
-        if (this._isUpstreamPaused === true) {
-          return;
-        }
-        if (!this.sender) {
-          livekitLogger.warn('unable to pause upstream for an unpublished track');
-          return;
-        }
-        this._isUpstreamPaused = true;
-        this.emit(TrackEvent.UpstreamPaused, this);
-        const browser = getBrowser();
-        if ((browser === null || browser === void 0 ? void 0 : browser.name) === 'Safari' && compareVersions(browser.version, '12.0') < 0) {
-          // https://bugs.webkit.org/show_bug.cgi?id=184911
-          throw new DeviceUnsupportedError('pauseUpstream is not supported on Safari < 12.');
-        }
-        yield this.sender.replaceTrack(null);
-      } finally {
-        unlock();
-      }
-    });
-    this.resumeUpstream = () => __awaiter(this, void 0, void 0, function* () {
-      const unlock = yield this.pauseUpstreamLock.lock();
-      try {
-        if (this._isUpstreamPaused === false) {
-          return;
-        }
-        if (!this.sender) {
-          livekitLogger.warn('unable to resume upstream for an unpublished track');
-          return;
-        }
-        this._isUpstreamPaused = false;
-        this.emit(TrackEvent.UpstreamResumed, this);
-        // this operation is noop if mediastreamtrack is already being sent
-        yield this.sender.replaceTrack(this._mediaStreamTrack);
-      } finally {
-        unlock();
-      }
-    });
     this.reacquireTrack = false;
     this.providedByUser = userProvidedTrack;
     this.muteLock = new Mutex();
@@ -14484,6 +14477,56 @@ class LocalTrack extends Track {
     (_a = this.processor) === null || _a === void 0 ? void 0 : _a.destroy();
     this.processor = undefined;
   }
+  /**
+   * pauses publishing to the server without disabling the local MediaStreamTrack
+   * this is used to display a user's own video locally while pausing publishing to
+   * the server.
+   * this API is unsupported on Safari < 12 due to a bug
+   **/
+  pauseUpstream() {
+    return __awaiter(this, void 0, void 0, function* () {
+      const unlock = yield this.pauseUpstreamLock.lock();
+      try {
+        if (this._isUpstreamPaused === true) {
+          return;
+        }
+        if (!this.sender) {
+          livekitLogger.warn('unable to pause upstream for an unpublished track');
+          return;
+        }
+        this._isUpstreamPaused = true;
+        this.emit(TrackEvent.UpstreamPaused, this);
+        const browser = getBrowser();
+        if ((browser === null || browser === void 0 ? void 0 : browser.name) === 'Safari' && compareVersions(browser.version, '12.0') < 0) {
+          // https://bugs.webkit.org/show_bug.cgi?id=184911
+          throw new DeviceUnsupportedError('pauseUpstream is not supported on Safari < 12.');
+        }
+        yield this.sender.replaceTrack(null);
+      } finally {
+        unlock();
+      }
+    });
+  }
+  resumeUpstream() {
+    return __awaiter(this, void 0, void 0, function* () {
+      const unlock = yield this.pauseUpstreamLock.lock();
+      try {
+        if (this._isUpstreamPaused === false) {
+          return;
+        }
+        if (!this.sender) {
+          livekitLogger.warn('unable to resume upstream for an unpublished track');
+          return;
+        }
+        this._isUpstreamPaused = false;
+        this.emit(TrackEvent.UpstreamResumed, this);
+        // this operation is noop if mediastreamtrack is already being sent
+        yield this.sender.replaceTrack(this._mediaStreamTrack);
+      } finally {
+        unlock();
+      }
+    });
+  }
   /**
    * Sets a processor on this track.
    * See https://github.com/livekit/track-processors-js for example usage
@@ -14658,6 +14701,16 @@ class E2EEManager extends eventsExports.EventEmitter {
       }
     });
   }
+  /**
+   * @internal
+   */
+  setSifTrailer(trailer) {
+    if (!trailer || trailer.length === 0) {
+      livekitLogger.warn("ignoring server sent trailer as it's empty");
+    } else {
+      this.postSifTrailer(trailer);
+    }
+  }
   setupEngine(engine) {
     engine.on(EngineEvent.RTPVideoMapUpdate, rtpMap => {
       this.postRTPMap(rtpMap);
@@ -14737,6 +14790,18 @@ class E2EEManager extends eventsExports.EventEmitter {
     };
     this.worker.postMessage(msg);
   }
+  postSifTrailer(trailer) {
+    if (!this.worker) {
+      throw Error('could not post SIF trailer, worker is missing');
+    }
+    const msg = {
+      kind: 'setSifTrailer',
+      data: {
+        trailer
+      }
+    };
+    this.worker.postMessage(msg);
+  }
   setupE2EEReceiver(track, remoteId, trackInfo) {
     if (!track.receiver) {
       return;
@@ -14826,7 +14891,7 @@ class E2EEManager extends eventsExports.EventEmitter {
       return;
     }
     if (isScriptTransformSupported()) {
-      livekitLogger.warn('initialize script transform');
+      livekitLogger.info('initialize script transform');
       const options = {
         kind: 'encode',
         participantId,
@@ -14836,7 +14901,7 @@ class E2EEManager extends eventsExports.EventEmitter {
       // @ts-ignore
       sender.transform = new RTCRtpScriptTransform(this.worker, options);
     } else {
-      livekitLogger.warn('initialize encoded streams');
+      livekitLogger.info('initialize encoded streams');
       // @ts-ignore
       const senderStreams = sender.createEncodedStreams();
       const msg = {
@@ -15940,7 +16005,8 @@ const roomOptionDefaults = {
 const roomConnectOptionDefaults = {
   autoSubscribe: true,
   maxRetries: 1,
-  peerConnectionTimeout: 15000
+  peerConnectionTimeout: 15000,
+  websocketTimeout: 15000
 };
 
 const lossyDataChannel = '_lossy';
@@ -16029,13 +16095,13 @@ class RTCEngine extends eventsExports.EventEmitter {
     this.handleDataError = event => {
       const channel = event.currentTarget;
       const channelKind = channel.maxRetransmits === 0 ? 'lossy' : 'reliable';
-      if (event instanceof ErrorEvent) {
+      if (event instanceof ErrorEvent && event.error) {
         const {
           error
         } = event.error;
         livekitLogger.error("DataChannel error on ".concat(channelKind, ": ").concat(event.message), error);
       } else {
-        livekitLogger.error("Unknown DataChannel Error on ".concat(channelKind), event);
+        livekitLogger.error("Unknown DataChannel error on ".concat(channelKind), event);
       }
     };
     this.handleBufferedAmountLow = event => {
@@ -16138,8 +16204,10 @@ class RTCEngine extends eventsExports.EventEmitter {
       this.url = url;
       this.token = token;
       this.signalOpts = opts;
+      this.maxJoinAttempts = opts.maxRetries;
       try {
         this.joinAttempts += 1;
+        this.setupSignalClientCallbacks();
         const joinResponse = yield this.client.join(url, token, opts, abortSignal);
         this._isClosed = false;
         this.latestJoinResponse = joinResponse;
@@ -16151,7 +16219,6 @@ class RTCEngine extends eventsExports.EventEmitter {
         if (!this.subscriberPrimary) {
           this.negotiate();
         }
-        this.setupSignalClientCallbacks();
         this.clientConfiguration = joinResponse.clientConfiguration;
         return joinResponse;
       } catch (e) {
@@ -16423,13 +16490,13 @@ class RTCEngine extends eventsExports.EventEmitter {
     });
     this.client.onLocalTrackPublished = res => {
       livekitLogger.debug('received trackPublishedResponse', res);
-      const {
-        resolve
-      } = this.pendingTrackResolvers[res.cid];
-      if (!resolve) {
+      if (!this.pendingTrackResolvers[res.cid]) {
         livekitLogger.error("missing track resolver for ".concat(res.cid));
         return;
       }
+      const {
+        resolve
+      } = this.pendingTrackResolvers[res.cid];
       delete this.pendingTrackResolvers[res.cid];
       resolve(res.track);
     };
@@ -17156,6 +17223,7 @@ class LocalAudioTrack extends LocalTrack {
    */
   constructor(mediaTrack, constraints) {
     let userProvidedTrack = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    let audioContext = arguments.length > 3 ? arguments[3] : undefined;
     super(mediaTrack, Track.Kind.Audio, constraints, userProvidedTrack);
     /** @internal */
     this.stopOnMute = false;
@@ -17178,6 +17246,7 @@ class LocalAudioTrack extends LocalTrack {
       }
       this.prevStats = stats;
     });
+    this.audioContext = audioContext;
     this.checkForSilence();
   }
   setDeviceId(deviceId) {
@@ -17273,6 +17342,43 @@ class LocalAudioTrack extends LocalTrack {
       this.monitorSender();
     }, monitorFrequency);
   }
+  setProcessor(processor) {
+    var _a;
+    return __awaiter(this, void 0, void 0, function* () {
+      const unlock = yield this.processorLock.lock();
+      try {
+        if (!this.audioContext) {
+          throw Error('Audio context needs to be set on LocalAudioTrack in order to enable processors');
+        }
+        if (this.processor) {
+          yield this.stopProcessor();
+        }
+        if (this.kind === 'unknown') {
+          throw TypeError('cannot set processor on track of unknown kind');
+        }
+        const processorOptions = {
+          kind: this.kind,
+          track: this._mediaStreamTrack,
+          audioContext: this.audioContext
+        };
+        livekitLogger.debug("setting up audio processor ".concat(processor.name));
+        yield processor.init(processorOptions);
+        this.processor = processor;
+        if (this.processor.processedTrack) {
+          yield (_a = this.sender) === null || _a === void 0 ? void 0 : _a.replaceTrack(this.processor.processedTrack);
+        }
+      } finally {
+        unlock();
+      }
+    });
+  }
+  /**
+   * @internal
+   * @experimental
+   */
+  setAudioContext(audioContext) {
+    this.audioContext = audioContext;
+  }
   getSenderStats() {
     var _a;
     return __awaiter(this, void 0, void 0, function* () {
@@ -17312,823 +17418,718 @@ class LocalAudioTrack extends LocalTrack {
   }
 }
 
-const refreshSubscribedCodecAfterNewCodec = 5000;
-class LocalVideoTrack extends LocalTrack {
-  /**
-   *
-   * @param mediaTrack
-   * @param constraints MediaTrackConstraints that are being used when restarting or reacquiring tracks
-   * @param userProvidedTrack Signals to the SDK whether or not the mediaTrack should be managed (i.e. released and reacquired) internally by the SDK
-   */
-  constructor(mediaTrack, constraints) {
-    let userProvidedTrack = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-    super(mediaTrack, Track.Kind.Video, constraints, userProvidedTrack);
-    /* @internal */
-    this.simulcastCodecs = new Map();
-    this.monitorSender = () => __awaiter(this, void 0, void 0, function* () {
-      if (!this.sender) {
-        this._currentBitrate = 0;
-        return;
-      }
-      let stats;
-      try {
-        stats = yield this.getSenderStats();
-      } catch (e) {
-        livekitLogger.error('could not get audio sender stats', {
-          error: e
-        });
-        return;
-      }
-      const statsMap = new Map(stats.map(s => [s.rid, s]));
-      if (this.prevStats) {
-        let totalBitrate = 0;
-        statsMap.forEach((s, key) => {
-          var _a;
-          const prev = (_a = this.prevStats) === null || _a === void 0 ? void 0 : _a.get(key);
-          totalBitrate += computeBitrate(s, prev);
-        });
-        this._currentBitrate = totalBitrate;
-      }
-      this.prevStats = statsMap;
-    });
-    this.senderLock = new Mutex();
-  }
-  get isSimulcast() {
-    if (this.sender && this.sender.getParameters().encodings.length > 1) {
-      return true;
-    }
-    return false;
+/** @internal */
+function mediaTrackToLocalTrack(mediaStreamTrack, constraints) {
+  switch (mediaStreamTrack.kind) {
+    case 'audio':
+      return new LocalAudioTrack(mediaStreamTrack, constraints, false);
+    case 'video':
+      return new LocalVideoTrack(mediaStreamTrack, constraints, false);
+    default:
+      throw new TrackInvalidError("unsupported track type: ".concat(mediaStreamTrack.kind));
   }
-  /* @internal */
-  startMonitor(signalClient) {
+}
+/* @internal */
+const presets169 = Object.values(VideoPresets);
+/* @internal */
+const presets43 = Object.values(VideoPresets43);
+/* @internal */
+const presetsScreenShare = Object.values(ScreenSharePresets);
+/* @internal */
+const defaultSimulcastPresets169 = [VideoPresets.h180, VideoPresets.h360];
+/* @internal */
+const defaultSimulcastPresets43 = [VideoPresets43.h180, VideoPresets43.h360];
+/* @internal */
+const computeDefaultScreenShareSimulcastPresets = fromPreset => {
+  const layers = [{
+    scaleResolutionDownBy: 2,
+    fps: 3
+  }];
+  return layers.map(t => {
     var _a;
-    this.signalClient = signalClient;
-    if (!isWeb()) {
-      return;
-    }
-    // save original encodings
-    // TODO : merge simulcast tracks stats
-    const params = (_a = this.sender) === null || _a === void 0 ? void 0 : _a.getParameters();
-    if (params) {
-      this.encodings = params.encodings;
-    }
-    if (this.monitorInterval) {
-      return;
-    }
-    this.monitorInterval = setInterval(() => {
-      this.monitorSender();
-    }, monitorFrequency);
-  }
-  stop() {
-    this._mediaStreamTrack.getConstraints();
-    this.simulcastCodecs.forEach(trackInfo => {
-      trackInfo.mediaStreamTrack.stop();
-    });
-    super.stop();
+    return new VideoPreset(Math.floor(fromPreset.width / t.scaleResolutionDownBy), Math.floor(fromPreset.height / t.scaleResolutionDownBy), Math.max(150000, Math.floor(fromPreset.encoding.maxBitrate / (Math.pow(t.scaleResolutionDownBy, 2) * (((_a = fromPreset.encoding.maxFramerate) !== null && _a !== void 0 ? _a : 30) / t.fps)))), t.fps, fromPreset.encoding.priority);
+  });
+};
+// /**
+//  *
+//  * @internal
+//  * @experimental
+//  */
+// const computeDefaultMultiCodecSimulcastEncodings = (width: number, height: number) => {
+//   // use vp8 as a default
+//   const vp8 = determineAppropriateEncoding(false, width, height);
+//   const vp9 = { ...vp8, maxBitrate: vp8.maxBitrate * 0.9 };
+//   const h264 = { ...vp8, maxBitrate: vp8.maxBitrate * 1.1 };
+//   const av1 = { ...vp8, maxBitrate: vp8.maxBitrate * 0.7 };
+//   return {
+//     vp8,
+//     vp9,
+//     h264,
+//     av1,
+//   };
+// };
+const videoRids = ['q', 'h', 'f'];
+/* @internal */
+function computeVideoEncodings(isScreenShare, width, height, options) {
+  var _a, _b;
+  let videoEncoding = options === null || options === void 0 ? void 0 : options.videoEncoding;
+  if (isScreenShare) {
+    videoEncoding = options === null || options === void 0 ? void 0 : options.screenShareEncoding;
   }
-  mute() {
-    const _super = Object.create(null, {
-      mute: {
-        get: () => super.mute
-      }
-    });
-    return __awaiter(this, void 0, void 0, function* () {
-      const unlock = yield this.muteLock.lock();
-      try {
-        if (this.source === Track.Source.Camera && !this.isUserProvided) {
-          livekitLogger.debug('stopping camera track');
-          // also stop the track, so that camera indicator is turned off
-          this._mediaStreamTrack.stop();
-        }
-        yield _super.mute.call(this);
-        return this;
-      } finally {
-        unlock();
-      }
-    });
+  const useSimulcast = options === null || options === void 0 ? void 0 : options.simulcast;
+  const scalabilityMode = options === null || options === void 0 ? void 0 : options.scalabilityMode;
+  const videoCodec = options === null || options === void 0 ? void 0 : options.videoCodec;
+  if (!videoEncoding && !useSimulcast && !scalabilityMode || !width || !height) {
+    // when we aren't simulcasting or svc, will need to return a single encoding without
+    // capping bandwidth. we always require a encoding for dynacast
+    return [{}];
   }
-  unmute() {
-    const _super = Object.create(null, {
-      unmute: {
-        get: () => super.unmute
-      }
-    });
-    return __awaiter(this, void 0, void 0, function* () {
-      const unlock = yield this.muteLock.lock();
-      try {
-        if (this.source === Track.Source.Camera && !this.isUserProvided) {
-          livekitLogger.debug('reacquiring camera track');
-          yield this.restartTrack();
-        }
-        yield _super.unmute.call(this);
-        return this;
-      } finally {
-        unlock();
-      }
-    });
+  if (!videoEncoding) {
+    // find the right encoding based on width/height
+    videoEncoding = determineAppropriateEncoding(isScreenShare, width, height, videoCodec);
+    livekitLogger.debug('using video encoding', videoEncoding);
   }
-  getSenderStats() {
-    var _a;
-    return __awaiter(this, void 0, void 0, function* () {
-      if (!((_a = this.sender) === null || _a === void 0 ? void 0 : _a.getStats)) {
-        return [];
-      }
-      const items = [];
-      const stats = yield this.sender.getStats();
-      stats.forEach(v => {
-        var _a;
-        if (v.type === 'outbound-rtp') {
-          const vs = {
-            type: 'video',
-            streamId: v.id,
-            frameHeight: v.frameHeight,
-            frameWidth: v.frameWidth,
-            firCount: v.firCount,
-            pliCount: v.pliCount,
-            nackCount: v.nackCount,
-            packetsSent: v.packetsSent,
-            bytesSent: v.bytesSent,
-            framesSent: v.framesSent,
-            timestamp: v.timestamp,
-            rid: (_a = v.rid) !== null && _a !== void 0 ? _a : v.id,
-            retransmittedPacketsSent: v.retransmittedPacketsSent,
-            qualityLimitationReason: v.qualityLimitationReason,
-            qualityLimitationResolutionChanges: v.qualityLimitationResolutionChanges
-          };
-          // locate the appropriate remote-inbound-rtp item
-          const r = stats.get(v.remoteId);
-          if (r) {
-            vs.jitter = r.jitter;
-            vs.packetsLost = r.packetsLost;
-            vs.roundTripTime = r.roundTripTime;
-          }
-          items.push(vs);
-        }
+  const original = new VideoPreset(width, height, videoEncoding.maxBitrate, videoEncoding.maxFramerate, videoEncoding.priority);
+  if (scalabilityMode && isSVCCodec(videoCodec)) {
+    livekitLogger.debug("using svc with scalabilityMode ".concat(scalabilityMode));
+    const sm = new ScalabilityMode(scalabilityMode);
+    const encodings = [];
+    if (sm.spatial > 3) {
+      throw new Error("unsupported scalabilityMode: ".concat(scalabilityMode));
+    }
+    for (let i = 0; i < sm.spatial; i += 1) {
+      encodings.push({
+        rid: videoRids[2 - i],
+        maxBitrate: videoEncoding.maxBitrate / Math.pow(3, i),
+        /* @ts-ignore */
+        maxFramerate: original.encoding.maxFramerate
       });
-      return items;
-    });
-  }
-  setPublishingQuality(maxQuality) {
-    const qualities = [];
-    for (let q = VideoQuality.LOW; q <= VideoQuality.HIGH; q += 1) {
-      qualities.push(new SubscribedQuality({
-        quality: q,
-        enabled: q <= maxQuality
-      }));
     }
-    livekitLogger.debug("setting publishing quality. max quality ".concat(maxQuality));
-    this.setPublishingLayers(qualities);
-  }
-  setDeviceId(deviceId) {
-    return __awaiter(this, void 0, void 0, function* () {
-      if (this._constraints.deviceId === deviceId && this._mediaStreamTrack.getSettings().deviceId === unwrapConstraint(deviceId)) {
-        return true;
-      }
-      this._constraints.deviceId = deviceId;
-      // when video is muted, underlying media stream track is stopped and
-      // will be restarted later
-      if (!this.isMuted) {
-        yield this.restartTrack();
-      }
-      return this.isMuted || unwrapConstraint(deviceId) === this._mediaStreamTrack.getSettings().deviceId;
-    });
+    /* @ts-ignore */
+    encodings[0].scalabilityMode = scalabilityMode;
+    livekitLogger.debug('encodings', encodings);
+    return encodings;
   }
-  restartTrack(options) {
-    return __awaiter(this, void 0, void 0, function* () {
-      let constraints;
-      if (options) {
-        const streamConstraints = constraintsForOptions({
-          video: options
-        });
-        if (typeof streamConstraints.video !== 'boolean') {
-          constraints = streamConstraints.video;
-        }
-      }
-      yield this.restart(constraints);
-    });
+  if (!useSimulcast) {
+    return [videoEncoding];
   }
-  addSimulcastTrack(codec, encodings) {
-    if (this.simulcastCodecs.has(codec)) {
-      throw new Error("".concat(codec, " already added"));
-    }
-    const simulcastCodecInfo = {
-      codec,
-      mediaStreamTrack: this.mediaStreamTrack.clone(),
-      sender: undefined,
-      encodings
-    };
-    this.simulcastCodecs.set(codec, simulcastCodecInfo);
-    return simulcastCodecInfo;
+  let presets = [];
+  if (isScreenShare) {
+    presets = (_a = sortPresets(options === null || options === void 0 ? void 0 : options.screenShareSimulcastLayers)) !== null && _a !== void 0 ? _a : defaultSimulcastLayers(isScreenShare, original);
+  } else {
+    presets = (_b = sortPresets(options === null || options === void 0 ? void 0 : options.videoSimulcastLayers)) !== null && _b !== void 0 ? _b : defaultSimulcastLayers(isScreenShare, original);
   }
-  setSimulcastTrackSender(codec, sender) {
-    const simulcastCodecInfo = this.simulcastCodecs.get(codec);
-    if (!simulcastCodecInfo) {
-      return;
+  let midPreset;
+  if (presets.length > 0) {
+    const lowPreset = presets[0];
+    if (presets.length > 1) {
+      [, midPreset] = presets;
     }
-    simulcastCodecInfo.sender = sender;
-    // browser will reenable disabled codec/layers after new codec has been published,
-    // so refresh subscribedCodecs after publish a new codec
-    setTimeout(() => {
-      if (this.subscribedCodecs) {
-        this.setPublishingCodecs(this.subscribedCodecs);
-      }
-    }, refreshSubscribedCodecAfterNewCodec);
-  }
-  /**
-   * @internal
-   * Sets codecs that should be publishing
-   */
-  setPublishingCodecs(codecs) {
-    var _a, codecs_1, codecs_1_1;
-    var _b, e_1, _c, _d;
-    return __awaiter(this, void 0, void 0, function* () {
-      livekitLogger.debug('setting publishing codecs', {
-        codecs,
-        currentCodec: this.codec
-      });
-      // only enable simulcast codec for preference codec setted
-      if (!this.codec && codecs.length > 0) {
-        yield this.setPublishingLayers(codecs[0].qualities);
-        return [];
-      }
-      this.subscribedCodecs = codecs;
-      const newCodecs = [];
-      try {
-        for (_a = true, codecs_1 = __asyncValues(codecs); codecs_1_1 = yield codecs_1.next(), _b = codecs_1_1.done, !_b; _a = true) {
-          _d = codecs_1_1.value;
-          _a = false;
-          const codec = _d;
-          if (!this.codec || this.codec === codec.codec) {
-            yield this.setPublishingLayers(codec.qualities);
-          } else {
-            const simulcastCodecInfo = this.simulcastCodecs.get(codec.codec);
-            livekitLogger.debug("try setPublishingCodec for ".concat(codec.codec), simulcastCodecInfo);
-            if (!simulcastCodecInfo || !simulcastCodecInfo.sender) {
-              for (const q of codec.qualities) {
-                if (q.enabled) {
-                  newCodecs.push(codec.codec);
-                  break;
-                }
-              }
-            } else if (simulcastCodecInfo.encodings) {
-              livekitLogger.debug("try setPublishingLayersForSender ".concat(codec.codec));
-              yield setPublishingLayersForSender(simulcastCodecInfo.sender, simulcastCodecInfo.encodings, codec.qualities, this.senderLock);
-            }
-          }
-        }
-      } catch (e_1_1) {
-        e_1 = {
-          error: e_1_1
-        };
-      } finally {
-        try {
-          if (!_a && !_b && (_c = codecs_1.return)) yield _c.call(codecs_1);
-        } finally {
-          if (e_1) throw e_1.error;
-        }
-      }
-      return newCodecs;
-    });
-  }
-  /**
-   * @internal
-   * Sets layers that should be publishing
-   */
-  setPublishingLayers(qualities) {
-    return __awaiter(this, void 0, void 0, function* () {
-      livekitLogger.debug('setting publishing layers', qualities);
-      if (!this.sender || !this.encodings) {
-        return;
-      }
-      yield setPublishingLayersForSender(this.sender, this.encodings, qualities, this.senderLock);
-    });
-  }
-  handleAppVisibilityChanged() {
-    const _super = Object.create(null, {
-      handleAppVisibilityChanged: {
-        get: () => super.handleAppVisibilityChanged
-      }
-    });
-    return __awaiter(this, void 0, void 0, function* () {
-      yield _super.handleAppVisibilityChanged.call(this);
-      if (!isMobile()) return;
-      if (this.isInBackground && this.source === Track.Source.Camera) {
-        this._mediaStreamTrack.enabled = false;
-      }
-    });
-  }
-}
-function setPublishingLayersForSender(sender, senderEncodings, qualities, senderLock) {
-  return __awaiter(this, void 0, void 0, function* () {
-    const unlock = yield senderLock.lock();
-    livekitLogger.debug('setPublishingLayersForSender', {
-      sender,
-      qualities,
-      senderEncodings
-    });
-    try {
-      const params = sender.getParameters();
-      const {
-        encodings
-      } = params;
-      if (!encodings) {
-        return;
-      }
-      if (encodings.length !== senderEncodings.length) {
-        livekitLogger.warn('cannot set publishing layers, encodings mismatch');
-        return;
-      }
-      let hasChanged = false;
-      /* disable closable spatial layer as it has video blur / frozen issue with current server / client
-      1. chrome 113: when switching to up layer with scalability Mode change, it will generate a
-            low resolution frame and recover very quickly, but noticable
-      2. livekit sfu: additional pli request cause video frozen for a few frames, also noticable */
-      const closableSpatial = false;
-      /* @ts-ignore */
-      if (closableSpatial && encodings[0].scalabilityMode) ; else {
-        // simulcast dynacast encodings
-        encodings.forEach((encoding, idx) => {
-          var _a;
-          let rid = (_a = encoding.rid) !== null && _a !== void 0 ? _a : '';
-          if (rid === '') {
-            rid = 'q';
-          }
-          const quality = videoQualityForRid(rid);
-          const subscribedQuality = qualities.find(q => q.quality === quality);
-          if (!subscribedQuality) {
-            return;
-          }
-          if (encoding.active !== subscribedQuality.enabled) {
-            hasChanged = true;
-            encoding.active = subscribedQuality.enabled;
-            livekitLogger.debug("setting layer ".concat(subscribedQuality.quality, " to ").concat(encoding.active ? 'enabled' : 'disabled'));
-            // FireFox does not support setting encoding.active to false, so we
-            // have a workaround of lowering its bitrate and resolution to the min.
-            if (isFireFox()) {
-              if (subscribedQuality.enabled) {
-                encoding.scaleResolutionDownBy = senderEncodings[idx].scaleResolutionDownBy;
-                encoding.maxBitrate = senderEncodings[idx].maxBitrate;
-                /* @ts-ignore */
-                encoding.maxFrameRate = senderEncodings[idx].maxFrameRate;
-              } else {
-                encoding.scaleResolutionDownBy = 4;
-                encoding.maxBitrate = 10;
-                /* @ts-ignore */
-                encoding.maxFrameRate = 2;
-              }
-            }
-          }
-        });
-      }
-      if (hasChanged) {
-        params.encodings = encodings;
-        livekitLogger.debug("setting encodings", params.encodings);
-        yield sender.setParameters(params);
-      }
-    } finally {
-      unlock();
+    // NOTE:
+    //   1. Ordering of these encodings is important. Chrome seems
+    //      to use the index into encodings to decide which layer
+    //      to disable when CPU constrained.
+    //      So encodings should be ordered in increasing spatial
+    //      resolution order.
+    //   2. ion-sfu translates rids into layers. So, all encodings
+    //      should have the base layer `q` and then more added
+    //      based on other conditions.
+    const size = Math.max(width, height);
+    if (size >= 960 && midPreset) {
+      return encodingsFromPresets(width, height, [lowPreset, midPreset, original]);
     }
-  });
+    if (size >= 480) {
+      return encodingsFromPresets(width, height, [lowPreset, original]);
+    }
+  }
+  return encodingsFromPresets(width, height, [original]);
 }
-function videoQualityForRid(rid) {
-  switch (rid) {
-    case 'f':
-      return VideoQuality.HIGH;
-    case 'h':
-      return VideoQuality.MEDIUM;
-    case 'q':
-      return VideoQuality.LOW;
-    default:
-      return VideoQuality.HIGH;
+function computeTrackBackupEncodings(track, videoCodec, opts) {
+  var _a, _b, _c, _d;
+  if (!opts.backupCodec || opts.backupCodec.codec === opts.videoCodec) {
+    // backup codec publishing is disabled
+    return;
+  }
+  if (videoCodec !== opts.backupCodec.codec) {
+    livekitLogger.warn('requested a different codec than specified as backup', {
+      serverRequested: videoCodec,
+      backup: opts.backupCodec.codec
+    });
   }
+  opts.videoCodec = videoCodec;
+  // use backup encoding setting as videoEncoding for backup codec publishing
+  opts.videoEncoding = opts.backupCodec.encoding;
+  const settings = track.mediaStreamTrack.getSettings();
+  const width = (_a = settings.width) !== null && _a !== void 0 ? _a : (_b = track.dimensions) === null || _b === void 0 ? void 0 : _b.width;
+  const height = (_c = settings.height) !== null && _c !== void 0 ? _c : (_d = track.dimensions) === null || _d === void 0 ? void 0 : _d.height;
+  const encodings = computeVideoEncodings(track.source === Track.Source.ScreenShare, width, height, opts);
+  return encodings;
 }
-function videoLayersFromEncodings(width, height, encodings, svc) {
-  // default to a single layer, HQ
-  if (!encodings) {
-    return [new VideoLayer({
-      quality: VideoQuality.HIGH,
-      width,
-      height,
-      bitrate: 0,
-      ssrc: 0
-    })];
+/* @internal */
+function determineAppropriateEncoding(isScreenShare, width, height, codec) {
+  const presets = presetsForResolution(isScreenShare, width, height);
+  let {
+    encoding
+  } = presets[0];
+  // handle portrait by swapping dimensions
+  const size = Math.max(width, height);
+  for (let i = 0; i < presets.length; i += 1) {
+    const preset = presets[i];
+    encoding = preset.encoding;
+    if (preset.width >= size) {
+      break;
+    }
   }
-  if (svc) {
-    // svc layers
-    /* @ts-ignore */
-    const sm = new ScalabilityMode(encodings[0].scalabilityMode);
-    const layers = [];
-    for (let i = 0; i < sm.spatial; i += 1) {
-      layers.push(new VideoLayer({
-        quality: VideoQuality.HIGH - i,
-        width: width / Math.pow(2, i),
-        height: height / Math.pow(2, i),
-        bitrate: encodings[0].maxBitrate ? encodings[0].maxBitrate / Math.pow(3, i) : 0,
-        ssrc: 0
-      }));
+  // presets are based on the assumption of vp8 as a codec
+  // for other codecs we adjust the maxBitrate if no specific videoEncoding has been provided
+  // users should override these with ones that are optimized for their use case
+  // NOTE: SVC codec bitrates are inclusive of all scalability layers. while
+  // bitrate for non-SVC codecs does not include other simulcast layers.
+  if (codec) {
+    switch (codec) {
+      case 'av1':
+        encoding = Object.assign({}, encoding);
+        encoding.maxBitrate = encoding.maxBitrate * 0.7;
+        break;
+      case 'vp9':
+        encoding = Object.assign({}, encoding);
+        encoding.maxBitrate = encoding.maxBitrate * 0.85;
+        break;
     }
-    return layers;
   }
-  return encodings.map(encoding => {
-    var _a, _b, _c;
-    const scale = (_a = encoding.scaleResolutionDownBy) !== null && _a !== void 0 ? _a : 1;
-    let quality = videoQualityForRid((_b = encoding.rid) !== null && _b !== void 0 ? _b : '');
-    return new VideoLayer({
-      quality,
-      width: width / scale,
-      height: height / scale,
-      bitrate: (_c = encoding.maxBitrate) !== null && _c !== void 0 ? _c : 0,
-      ssrc: 0
-    });
-  });
+  return encoding;
 }
-
-class RemoteTrack extends Track {
-  constructor(mediaTrack, sid, kind, receiver) {
-    super(mediaTrack, kind);
-    this.sid = sid;
-    this.receiver = receiver;
+/* @internal */
+function presetsForResolution(isScreenShare, width, height) {
+  if (isScreenShare) {
+    return presetsScreenShare;
   }
-  /** @internal */
-  setMuted(muted) {
-    if (this.isMuted !== muted) {
-      this.isMuted = muted;
-      this._mediaStreamTrack.enabled = !muted;
-      this.emit(muted ? TrackEvent.Muted : TrackEvent.Unmuted, this);
-    }
+  const aspect = width > height ? width / height : height / width;
+  if (Math.abs(aspect - 16.0 / 9) < Math.abs(aspect - 4.0 / 3)) {
+    return presets169;
   }
-  /** @internal */
-  setMediaStream(stream) {
-    // this is needed to determine when the track is finished
-    // we send each track down in its own MediaStream, so we can assume the
-    // current track is the only one that can be removed.
-    this.mediaStream = stream;
-    stream.onremovetrack = () => {
-      this.receiver = undefined;
-      this._currentBitrate = 0;
-      this.emit(TrackEvent.Ended, this);
-    };
+  return presets43;
+}
+/* @internal */
+function defaultSimulcastLayers(isScreenShare, original) {
+  if (isScreenShare) {
+    return computeDefaultScreenShareSimulcastPresets(original);
   }
-  start() {
-    this.startMonitor();
-    // use `enabled` of track to enable re-use of transceiver
-    super.enable();
+  const {
+    width,
+    height
+  } = original;
+  const aspect = width > height ? width / height : height / width;
+  if (Math.abs(aspect - 16.0 / 9) < Math.abs(aspect - 4.0 / 3)) {
+    return defaultSimulcastPresets169;
   }
-  stop() {
-    this.stopMonitor();
-    // use `enabled` of track to enable re-use of transceiver
-    super.disable();
+  return defaultSimulcastPresets43;
+}
+// presets should be ordered by low, medium, high
+function encodingsFromPresets(width, height, presets) {
+  const encodings = [];
+  presets.forEach((preset, idx) => {
+    if (idx >= videoRids.length) {
+      return;
+    }
+    const size = Math.min(width, height);
+    const rid = videoRids[idx];
+    const encoding = {
+      rid,
+      scaleResolutionDownBy: Math.max(1, size / Math.min(preset.width, preset.height)),
+      maxBitrate: preset.encoding.maxBitrate
+    };
+    if (preset.encoding.maxFramerate) {
+      encoding.maxFramerate = preset.encoding.maxFramerate;
+    }
+    const canSetPriority = isFireFox() || idx === 0;
+    if (preset.encoding.priority && canSetPriority) {
+      encoding.priority = preset.encoding.priority;
+      encoding.networkPriority = preset.encoding.priority;
+    }
+    encodings.push(encoding);
+  });
+  // RN ios simulcast requires all same framerates.
+  if (isReactNative() && getReactNativeOs() === 'ios') {
+    let topFramerate = undefined;
+    encodings.forEach(encoding => {
+      if (!topFramerate) {
+        topFramerate = encoding.maxFramerate;
+      } else if (encoding.maxFramerate && encoding.maxFramerate > topFramerate) {
+        topFramerate = encoding.maxFramerate;
+      }
+    });
+    let notifyOnce = true;
+    encodings.forEach(encoding => {
+      var _a;
+      if (encoding.maxFramerate != topFramerate) {
+        if (notifyOnce) {
+          notifyOnce = false;
+          livekitLogger.info("Simulcast on iOS React-Native requires all encodings to share the same framerate.");
+        }
+        livekitLogger.info("Setting framerate of encoding \"".concat((_a = encoding.rid) !== null && _a !== void 0 ? _a : '', "\" to ").concat(topFramerate));
+        encoding.maxFramerate = topFramerate;
+      }
+    });
   }
-  /* @internal */
-  startMonitor() {
-    if (!this.monitorInterval) {
-      this.monitorInterval = setInterval(() => this.monitorReceiver(), monitorFrequency);
+  return encodings;
+}
+/** @internal */
+function sortPresets(presets) {
+  if (!presets) return;
+  return presets.sort((a, b) => {
+    const {
+      encoding: aEnc
+    } = a;
+    const {
+      encoding: bEnc
+    } = b;
+    if (aEnc.maxBitrate > bEnc.maxBitrate) {
+      return 1;
+    }
+    if (aEnc.maxBitrate < bEnc.maxBitrate) return -1;
+    if (aEnc.maxBitrate === bEnc.maxBitrate && aEnc.maxFramerate && bEnc.maxFramerate) {
+      return aEnc.maxFramerate > bEnc.maxFramerate ? 1 : -1;
     }
+    return 0;
+  });
+}
+/** @internal */
+class ScalabilityMode {
+  constructor(scalabilityMode) {
+    const results = scalabilityMode.match(/^L(\d)T(\d)(h|_KEY|_KEY_SHIFT){0,1}$/);
+    if (!results) {
+      throw new Error('invalid scalability mode');
+    }
+    this.spatial = parseInt(results[1]);
+    this.temporal = parseInt(results[2]);
+    if (results.length > 3) {
+      switch (results[3]) {
+        case 'h':
+        case '_KEY':
+        case '_KEY_SHIFT':
+          this.suffix = results[3];
+      }
+    }
+  }
+  toString() {
+    var _a;
+    return "L".concat(this.spatial, "T").concat(this.temporal).concat((_a = this.suffix) !== null && _a !== void 0 ? _a : '');
   }
 }
 
-class RemoteAudioTrack extends RemoteTrack {
-  constructor(mediaTrack, sid, receiver, audioContext, audioOutput) {
-    super(mediaTrack, sid, Track.Kind.Audio, receiver);
-    this.monitorReceiver = () => __awaiter(this, void 0, void 0, function* () {
-      if (!this.receiver) {
+const refreshSubscribedCodecAfterNewCodec = 5000;
+class LocalVideoTrack extends LocalTrack {
+  /**
+   *
+   * @param mediaTrack
+   * @param constraints MediaTrackConstraints that are being used when restarting or reacquiring tracks
+   * @param userProvidedTrack Signals to the SDK whether or not the mediaTrack should be managed (i.e. released and reacquired) internally by the SDK
+   */
+  constructor(mediaTrack, constraints) {
+    let userProvidedTrack = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    super(mediaTrack, Track.Kind.Video, constraints, userProvidedTrack);
+    /* @internal */
+    this.simulcastCodecs = new Map();
+    this.monitorSender = () => __awaiter(this, void 0, void 0, function* () {
+      if (!this.sender) {
         this._currentBitrate = 0;
         return;
       }
-      const stats = yield this.getReceiverStats();
-      if (stats && this.prevStats && this.receiver) {
-        this._currentBitrate = computeBitrate(stats, this.prevStats);
+      let stats;
+      try {
+        stats = yield this.getSenderStats();
+      } catch (e) {
+        livekitLogger.error('could not get audio sender stats', {
+          error: e
+        });
+        return;
       }
-      this.prevStats = stats;
+      const statsMap = new Map(stats.map(s => [s.rid, s]));
+      if (this.prevStats) {
+        let totalBitrate = 0;
+        statsMap.forEach((s, key) => {
+          var _a;
+          const prev = (_a = this.prevStats) === null || _a === void 0 ? void 0 : _a.get(key);
+          totalBitrate += computeBitrate(s, prev);
+        });
+        this._currentBitrate = totalBitrate;
+      }
+      this.prevStats = statsMap;
     });
-    this.audioContext = audioContext;
-    this.webAudioPluginNodes = [];
-    if (audioOutput) {
-      this.sinkId = audioOutput.deviceId;
+    this.senderLock = new Mutex();
+  }
+  get isSimulcast() {
+    if (this.sender && this.sender.getParameters().encodings.length > 1) {
+      return true;
     }
+    return false;
   }
-  /**
-   * sets the volume for all attached audio elements
-   */
-  setVolume(volume) {
+  /* @internal */
+  startMonitor(signalClient) {
     var _a;
-    for (const el of this.attachedElements) {
-      if (this.audioContext) {
-        (_a = this.gainNode) === null || _a === void 0 ? void 0 : _a.gain.setTargetAtTime(volume, 0, 0.1);
-      } else {
-        el.volume = volume;
-      }
+    this.signalClient = signalClient;
+    if (!isWeb()) {
+      return;
     }
-    this.elementVolume = volume;
-  }
-  /**
-   * gets the volume of attached audio elements (loudest)
-   */
-  getVolume() {
-    if (this.elementVolume) {
-      return this.elementVolume;
+    // save original encodings
+    // TODO : merge simulcast tracks stats
+    const params = (_a = this.sender) === null || _a === void 0 ? void 0 : _a.getParameters();
+    if (params) {
+      this.encodings = params.encodings;
     }
-    let highestVolume = 0;
-    this.attachedElements.forEach(element => {
-      if (element.volume > highestVolume) {
-        highestVolume = element.volume;
-      }
+    if (this.monitorInterval) {
+      return;
+    }
+    this.monitorInterval = setInterval(() => {
+      this.monitorSender();
+    }, monitorFrequency);
+  }
+  stop() {
+    this._mediaStreamTrack.getConstraints();
+    this.simulcastCodecs.forEach(trackInfo => {
+      trackInfo.mediaStreamTrack.stop();
     });
-    return highestVolume;
+    super.stop();
   }
-  /**
-   * calls setSinkId on all attached elements, if supported
-   * @param deviceId audio output device
-   */
-  setSinkId(deviceId) {
+  pauseUpstream() {
+    const _super = Object.create(null, {
+      pauseUpstream: {
+        get: () => super.pauseUpstream
+      }
+    });
+    var _a, e_1, _b, _c;
+    var _d;
     return __awaiter(this, void 0, void 0, function* () {
-      this.sinkId = deviceId;
-      yield Promise.all(this.attachedElements.map(elm => {
-        if (!supportsSetSinkId(elm)) {
-          return;
+      yield _super.pauseUpstream.call(this);
+      try {
+        for (var _e = true, _f = __asyncValues(this.simulcastCodecs.values()), _g; _g = yield _f.next(), _a = _g.done, !_a; _e = true) {
+          _c = _g.value;
+          _e = false;
+          const sc = _c;
+          yield (_d = sc.sender) === null || _d === void 0 ? void 0 : _d.replaceTrack(null);
         }
-        /* @ts-ignore */
-        return elm.setSinkId(deviceId);
-      }));
+      } catch (e_1_1) {
+        e_1 = {
+          error: e_1_1
+        };
+      } finally {
+        try {
+          if (!_e && !_a && (_b = _f.return)) yield _b.call(_f);
+        } finally {
+          if (e_1) throw e_1.error;
+        }
+      }
     });
   }
-  attach(element) {
-    const needsNewWebAudioConnection = this.attachedElements.length === 0;
-    if (!element) {
-      element = super.attach();
-    } else {
-      super.attach(element);
-    }
-    if (this.elementVolume) {
-      element.volume = this.elementVolume;
-    }
-    if (this.sinkId && supportsSetSinkId(element)) {
-      /* @ts-ignore */
-      element.setSinkId(this.sinkId);
-    }
-    if (this.audioContext && needsNewWebAudioConnection) {
-      livekitLogger.debug('using audio context mapping');
-      this.connectWebAudio(this.audioContext, element);
-      element.volume = 0;
-      element.muted = true;
-    }
-    return element;
-  }
-  detach(element) {
-    let detached;
-    if (!element) {
-      detached = super.detach();
-      this.disconnectWebAudio();
-    } else {
-      detached = super.detach(element);
-      // if there are still any attached elements after detaching, connect webaudio to the first element that's left
-      // disconnect webaudio otherwise
-      if (this.audioContext) {
-        if (this.attachedElements.length > 0) {
-          this.connectWebAudio(this.audioContext, this.attachedElements[0]);
-        } else {
-          this.disconnectWebAudio();
+  resumeUpstream() {
+    const _super = Object.create(null, {
+      resumeUpstream: {
+        get: () => super.resumeUpstream
+      }
+    });
+    var _a, e_2, _b, _c;
+    var _d;
+    return __awaiter(this, void 0, void 0, function* () {
+      yield _super.resumeUpstream.call(this);
+      try {
+        for (var _e = true, _f = __asyncValues(this.simulcastCodecs.values()), _g; _g = yield _f.next(), _a = _g.done, !_a; _e = true) {
+          _c = _g.value;
+          _e = false;
+          const sc = _c;
+          yield (_d = sc.sender) === null || _d === void 0 ? void 0 : _d.replaceTrack(sc.mediaStreamTrack);
+        }
+      } catch (e_2_1) {
+        e_2 = {
+          error: e_2_1
+        };
+      } finally {
+        try {
+          if (!_e && !_a && (_b = _f.return)) yield _b.call(_f);
+        } finally {
+          if (e_2) throw e_2.error;
         }
       }
-    }
-    return detached;
-  }
-  /**
-   * @internal
-   * @experimental
-   */
-  setAudioContext(audioContext) {
-    this.audioContext = audioContext;
-    if (audioContext && this.attachedElements.length > 0) {
-      this.connectWebAudio(audioContext, this.attachedElements[0]);
-    } else if (!audioContext) {
-      this.disconnectWebAudio();
-    }
+    });
   }
-  /**
-   * @internal
-   * @experimental
-   * @param {AudioNode[]} nodes - An array of WebAudio nodes. These nodes should not be connected to each other when passed, as the sdk will take care of connecting them in the order of the array.
-   */
-  setWebAudioPlugins(nodes) {
-    this.webAudioPluginNodes = nodes;
-    if (this.attachedElements.length > 0 && this.audioContext) {
-      this.connectWebAudio(this.audioContext, this.attachedElements[0]);
-    }
+  mute() {
+    const _super = Object.create(null, {
+      mute: {
+        get: () => super.mute
+      }
+    });
+    return __awaiter(this, void 0, void 0, function* () {
+      const unlock = yield this.muteLock.lock();
+      try {
+        if (this.source === Track.Source.Camera && !this.isUserProvided) {
+          livekitLogger.debug('stopping camera track');
+          // also stop the track, so that camera indicator is turned off
+          this._mediaStreamTrack.stop();
+        }
+        yield _super.mute.call(this);
+        return this;
+      } finally {
+        unlock();
+      }
+    });
   }
-  connectWebAudio(context, element) {
-    this.disconnectWebAudio();
-    // @ts-ignore attached elements always have a srcObject set
-    this.sourceNode = context.createMediaStreamSource(element.srcObject);
-    let lastNode = this.sourceNode;
-    this.webAudioPluginNodes.forEach(node => {
-      lastNode.connect(node);
-      lastNode = node;
+  unmute() {
+    const _super = Object.create(null, {
+      unmute: {
+        get: () => super.unmute
+      }
     });
-    this.gainNode = context.createGain();
-    lastNode.connect(this.gainNode);
-    this.gainNode.connect(context.destination);
-    if (this.elementVolume) {
-      this.gainNode.gain.setTargetAtTime(this.elementVolume, 0, 0.1);
-    }
-    // try to resume the context if it isn't running already
-    if (context.state !== 'running') {
-      context.resume().then(() => {
-        if (context.state !== 'running') {
-          this.emit(TrackEvent.AudioPlaybackFailed, new Error("Audio Context couldn't be started automatically"));
+    return __awaiter(this, void 0, void 0, function* () {
+      const unlock = yield this.muteLock.lock();
+      try {
+        if (this.source === Track.Source.Camera && !this.isUserProvided) {
+          livekitLogger.debug('reacquiring camera track');
+          yield this.restartTrack();
         }
-      }).catch(e => {
-        this.emit(TrackEvent.AudioPlaybackFailed, e);
-      });
-    }
+        yield _super.unmute.call(this);
+        return this;
+      } finally {
+        unlock();
+      }
+    });
   }
-  disconnectWebAudio() {
-    var _a, _b;
-    (_a = this.gainNode) === null || _a === void 0 ? void 0 : _a.disconnect();
-    (_b = this.sourceNode) === null || _b === void 0 ? void 0 : _b.disconnect();
-    this.gainNode = undefined;
-    this.sourceNode = undefined;
+  setTrackMuted(muted) {
+    super.setTrackMuted(muted);
+    for (const sc of this.simulcastCodecs.values()) {
+      sc.mediaStreamTrack.enabled = !muted;
+    }
   }
-  getReceiverStats() {
+  getSenderStats() {
+    var _a;
     return __awaiter(this, void 0, void 0, function* () {
-      if (!this.receiver || !this.receiver.getStats) {
-        return;
+      if (!((_a = this.sender) === null || _a === void 0 ? void 0 : _a.getStats)) {
+        return [];
       }
-      const stats = yield this.receiver.getStats();
-      let receiverStats;
+      const items = [];
+      const stats = yield this.sender.getStats();
       stats.forEach(v => {
-        if (v.type === 'inbound-rtp') {
-          receiverStats = {
-            type: 'audio',
+        var _a;
+        if (v.type === 'outbound-rtp') {
+          const vs = {
+            type: 'video',
+            streamId: v.id,
+            frameHeight: v.frameHeight,
+            frameWidth: v.frameWidth,
+            firCount: v.firCount,
+            pliCount: v.pliCount,
+            nackCount: v.nackCount,
+            packetsSent: v.packetsSent,
+            bytesSent: v.bytesSent,
+            framesSent: v.framesSent,
             timestamp: v.timestamp,
-            jitter: v.jitter,
-            bytesReceived: v.bytesReceived,
-            concealedSamples: v.concealedSamples,
-            concealmentEvents: v.concealmentEvents,
-            silentConcealedSamples: v.silentConcealedSamples,
-            silentConcealmentEvents: v.silentConcealmentEvents,
-            totalAudioEnergy: v.totalAudioEnergy,
-            totalSamplesDuration: v.totalSamplesDuration
+            rid: (_a = v.rid) !== null && _a !== void 0 ? _a : v.id,
+            retransmittedPacketsSent: v.retransmittedPacketsSent,
+            qualityLimitationReason: v.qualityLimitationReason,
+            qualityLimitationResolutionChanges: v.qualityLimitationResolutionChanges
           };
+          // locate the appropriate remote-inbound-rtp item
+          const r = stats.get(v.remoteId);
+          if (r) {
+            vs.jitter = r.jitter;
+            vs.packetsLost = r.packetsLost;
+            vs.roundTripTime = r.roundTripTime;
+          }
+          items.push(vs);
         }
       });
-      return receiverStats;
+      return items;
     });
   }
-}
-
-const REACTION_DELAY = 100;
-class RemoteVideoTrack extends RemoteTrack {
-  constructor(mediaTrack, sid, receiver, adaptiveStreamSettings) {
-    super(mediaTrack, sid, Track.Kind.Video, receiver);
-    this.elementInfos = [];
-    this.monitorReceiver = () => __awaiter(this, void 0, void 0, function* () {
-      if (!this.receiver) {
-        this._currentBitrate = 0;
-        return;
+  setPublishingQuality(maxQuality) {
+    const qualities = [];
+    for (let q = VideoQuality.LOW; q <= VideoQuality.HIGH; q += 1) {
+      qualities.push(new SubscribedQuality({
+        quality: q,
+        enabled: q <= maxQuality
+      }));
+    }
+    livekitLogger.debug("setting publishing quality. max quality ".concat(maxQuality));
+    this.setPublishingLayers(qualities);
+  }
+  setDeviceId(deviceId) {
+    return __awaiter(this, void 0, void 0, function* () {
+      if (this._constraints.deviceId === deviceId && this._mediaStreamTrack.getSettings().deviceId === unwrapConstraint(deviceId)) {
+        return true;
       }
-      const stats = yield this.getReceiverStats();
-      if (stats && this.prevStats && this.receiver) {
-        this._currentBitrate = computeBitrate(stats, this.prevStats);
+      this._constraints.deviceId = deviceId;
+      // when video is muted, underlying media stream track is stopped and
+      // will be restarted later
+      if (!this.isMuted) {
+        yield this.restartTrack();
       }
-      this.prevStats = stats;
+      return this.isMuted || unwrapConstraint(deviceId) === this._mediaStreamTrack.getSettings().deviceId;
     });
-    this.debouncedHandleResize = r(() => {
-      this.updateDimensions();
-    }, REACTION_DELAY);
-    this.adaptiveStreamSettings = adaptiveStreamSettings;
-  }
-  get isAdaptiveStream() {
-    return this.adaptiveStreamSettings !== undefined;
   }
-  /**
-   * Note: When using adaptiveStream, you need to use remoteVideoTrack.attach() to add the track to a HTMLVideoElement, otherwise your video tracks might never start
-   */
-  get mediaStreamTrack() {
-    return this._mediaStreamTrack;
+  restartTrack(options) {
+    var _a, e_3, _b, _c;
+    return __awaiter(this, void 0, void 0, function* () {
+      let constraints;
+      if (options) {
+        const streamConstraints = constraintsForOptions({
+          video: options
+        });
+        if (typeof streamConstraints.video !== 'boolean') {
+          constraints = streamConstraints.video;
+        }
+      }
+      yield this.restart(constraints);
+      try {
+        for (var _d = true, _e = __asyncValues(this.simulcastCodecs.values()), _f; _f = yield _e.next(), _a = _f.done, !_a; _d = true) {
+          _c = _f.value;
+          _d = false;
+          const sc = _c;
+          if (sc.sender) {
+            sc.mediaStreamTrack = this.mediaStreamTrack.clone();
+            yield sc.sender.replaceTrack(sc.mediaStreamTrack);
+          }
+        }
+      } catch (e_3_1) {
+        e_3 = {
+          error: e_3_1
+        };
+      } finally {
+        try {
+          if (!_d && !_a && (_b = _e.return)) yield _b.call(_e);
+        } finally {
+          if (e_3) throw e_3.error;
+        }
+      }
+    });
   }
-  /** @internal */
-  setMuted(muted) {
-    super.setMuted(muted);
-    this.attachedElements.forEach(element => {
-      // detach or attach
-      if (muted) {
-        detachTrack(this._mediaStreamTrack, element);
-      } else {
-        attachToElement(this._mediaStreamTrack, element);
+  setProcessor(processor) {
+    let showProcessedStreamLocally = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    const _super = Object.create(null, {
+      setProcessor: {
+        get: () => super.setProcessor
+      }
+    });
+    var _a, e_4, _b, _c;
+    var _d, _e;
+    return __awaiter(this, void 0, void 0, function* () {
+      yield _super.setProcessor.call(this, processor, showProcessedStreamLocally);
+      if ((_d = this.processor) === null || _d === void 0 ? void 0 : _d.processedTrack) {
+        try {
+          for (var _f = true, _g = __asyncValues(this.simulcastCodecs.values()), _h; _h = yield _g.next(), _a = _h.done, !_a; _f = true) {
+            _c = _h.value;
+            _f = false;
+            const sc = _c;
+            yield (_e = sc.sender) === null || _e === void 0 ? void 0 : _e.replaceTrack(this.processor.processedTrack);
+          }
+        } catch (e_4_1) {
+          e_4 = {
+            error: e_4_1
+          };
+        } finally {
+          try {
+            if (!_f && !_a && (_b = _g.return)) yield _b.call(_g);
+          } finally {
+            if (e_4) throw e_4.error;
+          }
+        }
       }
     });
   }
-  attach(element) {
-    if (!element) {
-      element = super.attach();
-    } else {
-      super.attach(element);
-    }
-    // It's possible attach is called multiple times on an element. When that's
-    // the case, we'd want to avoid adding duplicate elementInfos
-    if (this.adaptiveStreamSettings && this.elementInfos.find(info => info.element === element) === undefined) {
-      const elementInfo = new HTMLElementInfo(element);
-      this.observeElementInfo(elementInfo);
+  addSimulcastTrack(codec, encodings) {
+    if (this.simulcastCodecs.has(codec)) {
+      throw new Error("".concat(codec, " already added"));
     }
-    return element;
+    const simulcastCodecInfo = {
+      codec,
+      mediaStreamTrack: this.mediaStreamTrack.clone(),
+      sender: undefined,
+      encodings
+    };
+    this.simulcastCodecs.set(codec, simulcastCodecInfo);
+    return simulcastCodecInfo;
   }
-  /**
-   * Observe an ElementInfo for changes when adaptive streaming.
-   * @param elementInfo
-   * @internal
-   */
-  observeElementInfo(elementInfo) {
-    if (this.adaptiveStreamSettings && this.elementInfos.find(info => info === elementInfo) === undefined) {
-      elementInfo.handleResize = () => {
-        this.debouncedHandleResize();
-      };
-      elementInfo.handleVisibilityChanged = () => {
-        this.updateVisibility();
-      };
-      this.elementInfos.push(elementInfo);
-      elementInfo.observe();
-      // trigger the first resize update cycle
-      // if the tab is backgrounded, the initial resize event does not fire until
-      // the tab comes into focus for the first time.
-      this.debouncedHandleResize();
-      this.updateVisibility();
-    } else {
-      livekitLogger.warn('visibility resize observer not triggered');
+  setSimulcastTrackSender(codec, sender) {
+    const simulcastCodecInfo = this.simulcastCodecs.get(codec);
+    if (!simulcastCodecInfo) {
+      return;
     }
+    simulcastCodecInfo.sender = sender;
+    // browser will reenable disabled codec/layers after new codec has been published,
+    // so refresh subscribedCodecs after publish a new codec
+    setTimeout(() => {
+      if (this.subscribedCodecs) {
+        this.setPublishingCodecs(this.subscribedCodecs);
+      }
+    }, refreshSubscribedCodecAfterNewCodec);
   }
   /**
-   * Stop observing an ElementInfo for changes.
-   * @param elementInfo
    * @internal
+   * Sets codecs that should be publishing
    */
-  stopObservingElementInfo(elementInfo) {
-    if (!this.isAdaptiveStream) {
-      livekitLogger.warn('stopObservingElementInfo ignored');
-      return;
-    }
-    const stopElementInfos = this.elementInfos.filter(info => info === elementInfo);
-    for (const info of stopElementInfos) {
-      info.stopObserving();
-    }
-    this.elementInfos = this.elementInfos.filter(info => info !== elementInfo);
-    this.updateVisibility();
-    this.debouncedHandleResize();
-  }
-  detach(element) {
-    let detachedElements = [];
-    if (element) {
-      this.stopObservingElement(element);
-      return super.detach(element);
-    }
-    detachedElements = super.detach();
-    for (const e of detachedElements) {
-      this.stopObservingElement(e);
-    }
-    return detachedElements;
-  }
-  /** @internal */
-  getDecoderImplementation() {
-    var _a;
-    return (_a = this.prevStats) === null || _a === void 0 ? void 0 : _a.decoderImplementation;
+  setPublishingCodecs(codecs) {
+    var _a, codecs_1, codecs_1_1;
+    var _b, e_5, _c, _d;
+    return __awaiter(this, void 0, void 0, function* () {
+      livekitLogger.debug('setting publishing codecs', {
+        codecs,
+        currentCodec: this.codec
+      });
+      // only enable simulcast codec for preference codec setted
+      if (!this.codec && codecs.length > 0) {
+        yield this.setPublishingLayers(codecs[0].qualities);
+        return [];
+      }
+      this.subscribedCodecs = codecs;
+      const newCodecs = [];
+      try {
+        for (_a = true, codecs_1 = __asyncValues(codecs); codecs_1_1 = yield codecs_1.next(), _b = codecs_1_1.done, !_b; _a = true) {
+          _d = codecs_1_1.value;
+          _a = false;
+          const codec = _d;
+          if (!this.codec || this.codec === codec.codec) {
+            yield this.setPublishingLayers(codec.qualities);
+          } else {
+            const simulcastCodecInfo = this.simulcastCodecs.get(codec.codec);
+            livekitLogger.debug("try setPublishingCodec for ".concat(codec.codec), simulcastCodecInfo);
+            if (!simulcastCodecInfo || !simulcastCodecInfo.sender) {
+              for (const q of codec.qualities) {
+                if (q.enabled) {
+                  newCodecs.push(codec.codec);
+                  break;
+                }
+              }
+            } else if (simulcastCodecInfo.encodings) {
+              livekitLogger.debug("try setPublishingLayersForSender ".concat(codec.codec));
+              yield setPublishingLayersForSender(simulcastCodecInfo.sender, simulcastCodecInfo.encodings, codec.qualities, this.senderLock);
+            }
+          }
+        }
+      } catch (e_5_1) {
+        e_5 = {
+          error: e_5_1
+        };
+      } finally {
+        try {
+          if (!_a && !_b && (_c = codecs_1.return)) yield _c.call(codecs_1);
+        } finally {
+          if (e_5) throw e_5.error;
+        }
+      }
+      return newCodecs;
+    });
   }
-  getReceiverStats() {
+  /**
+   * @internal
+   * Sets layers that should be publishing
+   */
+  setPublishingLayers(qualities) {
     return __awaiter(this, void 0, void 0, function* () {
-      if (!this.receiver || !this.receiver.getStats) {
+      livekitLogger.debug('setting publishing layers', qualities);
+      if (!this.sender || !this.encodings) {
         return;
       }
-      const stats = yield this.receiver.getStats();
-      let receiverStats;
-      stats.forEach(v => {
-        if (v.type === 'inbound-rtp') {
-          receiverStats = {
-            type: 'video',
-            framesDecoded: v.framesDecoded,
-            framesDropped: v.framesDropped,
-            framesReceived: v.framesReceived,
-            packetsReceived: v.packetsReceived,
-            packetsLost: v.packetsLost,
-            frameWidth: v.frameWidth,
-            frameHeight: v.frameHeight,
-            pliCount: v.pliCount,
-            firCount: v.firCount,
-            nackCount: v.nackCount,
-            jitter: v.jitter,
-            timestamp: v.timestamp,
-            bytesReceived: v.bytesReceived,
-            decoderImplementation: v.decoderImplementation
-          };
-        }
-      });
-      return receiverStats;
+      yield setPublishingLayersForSender(this.sender, this.encodings, qualities, this.senderLock);
     });
   }
-  stopObservingElement(element) {
-    const stopElementInfos = this.elementInfos.filter(info => info.element === element);
-    for (const info of stopElementInfos) {
-      this.stopObservingElementInfo(info);
-    }
-  }
   handleAppVisibilityChanged() {
     const _super = Object.create(null, {
       handleAppVisibilityChanged: {
@@ -18137,1337 +18138,1574 @@ class RemoteVideoTrack extends RemoteTrack {
     });
     return __awaiter(this, void 0, void 0, function* () {
       yield _super.handleAppVisibilityChanged.call(this);
-      if (!this.isAdaptiveStream) return;
-      this.updateVisibility();
+      if (!isMobile()) return;
+      if (this.isInBackground && this.source === Track.Source.Camera) {
+        this._mediaStreamTrack.enabled = false;
+      }
     });
   }
-  updateVisibility() {
-    var _a, _b;
-    const lastVisibilityChange = this.elementInfos.reduce((prev, info) => Math.max(prev, info.visibilityChangedAt || 0), 0);
-    const backgroundPause = ((_b = (_a = this.adaptiveStreamSettings) === null || _a === void 0 ? void 0 : _a.pauseVideoInBackground) !== null && _b !== void 0 ? _b : true // default to true
-    ) ? this.isInBackground : false;
-    const isPiPMode = this.elementInfos.some(info => info.pictureInPicture);
-    const isVisible = this.elementInfos.some(info => info.visible) && !backgroundPause || isPiPMode;
-    if (this.lastVisible === isVisible) {
-      return;
-    }
-    if (!isVisible && Date.now() - lastVisibilityChange < REACTION_DELAY) {
-      // delay hidden events
-      CriticalTimers.setTimeout(() => {
-        this.updateVisibility();
-      }, REACTION_DELAY);
-      return;
-    }
-    this.lastVisible = isVisible;
-    this.emit(TrackEvent.VisibilityChanged, isVisible, this);
-  }
-  updateDimensions() {
-    var _a, _b;
-    let maxWidth = 0;
-    let maxHeight = 0;
-    const pixelDensity = this.getPixelDensity();
-    for (const info of this.elementInfos) {
-      const currentElementWidth = info.width() * pixelDensity;
-      const currentElementHeight = info.height() * pixelDensity;
-      if (currentElementWidth + currentElementHeight > maxWidth + maxHeight) {
-        maxWidth = currentElementWidth;
-        maxHeight = currentElementHeight;
+}
+function setPublishingLayersForSender(sender, senderEncodings, qualities, senderLock) {
+  return __awaiter(this, void 0, void 0, function* () {
+    const unlock = yield senderLock.lock();
+    livekitLogger.debug('setPublishingLayersForSender', {
+      sender,
+      qualities,
+      senderEncodings
+    });
+    try {
+      const params = sender.getParameters();
+      const {
+        encodings
+      } = params;
+      if (!encodings) {
+        return;
       }
-    }
-    if (((_a = this.lastDimensions) === null || _a === void 0 ? void 0 : _a.width) === maxWidth && ((_b = this.lastDimensions) === null || _b === void 0 ? void 0 : _b.height) === maxHeight) {
-      return;
-    }
-    this.lastDimensions = {
-      width: maxWidth,
-      height: maxHeight
-    };
-    this.emit(TrackEvent.VideoDimensionsChanged, this.lastDimensions, this);
-  }
-  getPixelDensity() {
-    var _a;
-    const pixelDensity = (_a = this.adaptiveStreamSettings) === null || _a === void 0 ? void 0 : _a.pixelDensity;
-    if (pixelDensity === 'screen') {
-      return getDevicePixelRatio();
-    } else if (!pixelDensity) {
-      // when unset, we'll pick a sane default here.
-      // for higher pixel density devices (mobile phones, etc), we'll use 2
-      // otherwise it defaults to 1
-      const devicePixelRatio = getDevicePixelRatio();
-      if (devicePixelRatio > 2) {
-        return 2;
-      } else {
-        return 1;
+      if (encodings.length !== senderEncodings.length) {
+        livekitLogger.warn('cannot set publishing layers, encodings mismatch');
+        return;
+      }
+      let hasChanged = false;
+      /* disable closable spatial layer as it has video blur / frozen issue with current server / client
+      1. chrome 113: when switching to up layer with scalability Mode change, it will generate a
+            low resolution frame and recover very quickly, but noticable
+      2. livekit sfu: additional pli request cause video frozen for a few frames, also noticable */
+      const closableSpatial = false;
+      /* @ts-ignore */
+      if (closableSpatial && encodings[0].scalabilityMode) ; else {
+        // simulcast dynacast encodings
+        encodings.forEach((encoding, idx) => {
+          var _a;
+          let rid = (_a = encoding.rid) !== null && _a !== void 0 ? _a : '';
+          if (rid === '') {
+            rid = 'q';
+          }
+          const quality = videoQualityForRid(rid);
+          const subscribedQuality = qualities.find(q => q.quality === quality);
+          if (!subscribedQuality) {
+            return;
+          }
+          if (encoding.active !== subscribedQuality.enabled) {
+            hasChanged = true;
+            encoding.active = subscribedQuality.enabled;
+            livekitLogger.debug("setting layer ".concat(subscribedQuality.quality, " to ").concat(encoding.active ? 'enabled' : 'disabled'));
+            // FireFox does not support setting encoding.active to false, so we
+            // have a workaround of lowering its bitrate and resolution to the min.
+            if (isFireFox()) {
+              if (subscribedQuality.enabled) {
+                encoding.scaleResolutionDownBy = senderEncodings[idx].scaleResolutionDownBy;
+                encoding.maxBitrate = senderEncodings[idx].maxBitrate;
+                /* @ts-ignore */
+                encoding.maxFrameRate = senderEncodings[idx].maxFrameRate;
+              } else {
+                encoding.scaleResolutionDownBy = 4;
+                encoding.maxBitrate = 10;
+                /* @ts-ignore */
+                encoding.maxFrameRate = 2;
+              }
+            }
+          }
+        });
+      }
+      if (hasChanged) {
+        params.encodings = encodings;
+        livekitLogger.debug("setting encodings", params.encodings);
+        yield sender.setParameters(params);
       }
+    } finally {
+      unlock();
     }
-    return pixelDensity;
-  }
+  });
 }
-class HTMLElementInfo {
-  get visible() {
-    return this.isPiP || this.isIntersecting;
-  }
-  get pictureInPicture() {
-    return this.isPiP;
-  }
-  constructor(element, visible) {
-    this.onVisibilityChanged = entry => {
-      var _a;
-      const {
-        target,
-        isIntersecting
-      } = entry;
-      if (target === this.element) {
-        this.isIntersecting = isIntersecting;
-        this.visibilityChangedAt = Date.now();
-        (_a = this.handleVisibilityChanged) === null || _a === void 0 ? void 0 : _a.call(this);
-      }
-    };
-    this.onEnterPiP = () => {
-      var _a;
-      this.isPiP = true;
-      (_a = this.handleVisibilityChanged) === null || _a === void 0 ? void 0 : _a.call(this);
-    };
-    this.onLeavePiP = () => {
-      var _a;
-      this.isPiP = false;
-      (_a = this.handleVisibilityChanged) === null || _a === void 0 ? void 0 : _a.call(this);
-    };
-    this.element = element;
-    this.isIntersecting = visible !== null && visible !== void 0 ? visible : isElementInViewport(element);
-    this.isPiP = isWeb() && document.pictureInPictureElement === element;
-    this.visibilityChangedAt = 0;
-  }
-  width() {
-    return this.element.clientWidth;
-  }
-  height() {
-    return this.element.clientHeight;
-  }
-  observe() {
-    // make sure we update the current visible state once we start to observe
-    this.isIntersecting = isElementInViewport(this.element);
-    this.isPiP = document.pictureInPictureElement === this.element;
-    this.element.handleResize = () => {
-      var _a;
-      (_a = this.handleResize) === null || _a === void 0 ? void 0 : _a.call(this);
-    };
-    this.element.handleVisibilityChanged = this.onVisibilityChanged;
-    getIntersectionObserver().observe(this.element);
-    getResizeObserver().observe(this.element);
-    this.element.addEventListener('enterpictureinpicture', this.onEnterPiP);
-    this.element.addEventListener('leavepictureinpicture', this.onLeavePiP);
-  }
-  stopObserving() {
-    var _a, _b;
-    (_a = getIntersectionObserver()) === null || _a === void 0 ? void 0 : _a.unobserve(this.element);
-    (_b = getResizeObserver()) === null || _b === void 0 ? void 0 : _b.unobserve(this.element);
-    this.element.removeEventListener('enterpictureinpicture', this.onEnterPiP);
-    this.element.removeEventListener('leavepictureinpicture', this.onLeavePiP);
+function videoQualityForRid(rid) {
+  switch (rid) {
+    case 'f':
+      return VideoQuality.HIGH;
+    case 'h':
+      return VideoQuality.MEDIUM;
+    case 'q':
+      return VideoQuality.LOW;
+    default:
+      return VideoQuality.HIGH;
   }
 }
-// does not account for occlusion by other elements
-function isElementInViewport(el) {
-  let top = el.offsetTop;
-  let left = el.offsetLeft;
-  const width = el.offsetWidth;
-  const height = el.offsetHeight;
-  const {
-    hidden
-  } = el;
-  const {
-    opacity,
-    display
-  } = getComputedStyle(el);
-  while (el.offsetParent) {
-    el = el.offsetParent;
-    top += el.offsetTop;
-    left += el.offsetLeft;
+function videoLayersFromEncodings(width, height, encodings, svc) {
+  // default to a single layer, HQ
+  if (!encodings) {
+    return [new VideoLayer({
+      quality: VideoQuality.HIGH,
+      width,
+      height,
+      bitrate: 0,
+      ssrc: 0
+    })];
   }
-  return top < window.pageYOffset + window.innerHeight && left < window.pageXOffset + window.innerWidth && top + height > window.pageYOffset && left + width > window.pageXOffset && !hidden && (opacity !== '' ? parseFloat(opacity) > 0 : true) && display !== 'none';
+  if (svc) {
+    // svc layers
+    /* @ts-ignore */
+    const encodingSM = encodings[0].scalabilityMode;
+    const sm = new ScalabilityMode(encodingSM);
+    const layers = [];
+    for (let i = 0; i < sm.spatial; i += 1) {
+      layers.push(new VideoLayer({
+        quality: VideoQuality.HIGH - i,
+        width: Math.ceil(width / Math.pow(2, i)),
+        height: Math.ceil(height / Math.pow(2, i)),
+        bitrate: encodings[0].maxBitrate ? Math.ceil(encodings[0].maxBitrate / Math.pow(3, i)) : 0,
+        ssrc: 0
+      }));
+    }
+    return layers;
+  }
+  return encodings.map(encoding => {
+    var _a, _b, _c;
+    const scale = (_a = encoding.scaleResolutionDownBy) !== null && _a !== void 0 ? _a : 1;
+    let quality = videoQualityForRid((_b = encoding.rid) !== null && _b !== void 0 ? _b : '');
+    return new VideoLayer({
+      quality,
+      width: Math.ceil(width / scale),
+      height: Math.ceil(height / scale),
+      bitrate: (_c = encoding.maxBitrate) !== null && _c !== void 0 ? _c : 0,
+      ssrc: 0
+    });
+  });
 }
 
-class TrackPublication extends eventsExports.EventEmitter {
-  constructor(kind, id, name) {
-    super();
-    this.metadataMuted = false;
-    this.encryption = Encryption_Type.NONE;
-    this.handleMuted = () => {
-      this.emit(TrackEvent.Muted);
-    };
-    this.handleUnmuted = () => {
-      this.emit(TrackEvent.Unmuted);
-    };
-    this.setMaxListeners(100);
-    this.kind = kind;
-    this.trackSid = id;
-    this.trackName = name;
-    this.source = Track.Source.Unknown;
+class RemoteTrack extends Track {
+  constructor(mediaTrack, sid, kind, receiver) {
+    super(mediaTrack, kind);
+    this.sid = sid;
+    this.receiver = receiver;
   }
   /** @internal */
-  setTrack(track) {
-    if (this.track) {
-      this.track.off(TrackEvent.Muted, this.handleMuted);
-      this.track.off(TrackEvent.Unmuted, this.handleUnmuted);
-    }
-    this.track = track;
-    if (track) {
-      // forward events
-      track.on(TrackEvent.Muted, this.handleMuted);
-      track.on(TrackEvent.Unmuted, this.handleUnmuted);
+  setMuted(muted) {
+    if (this.isMuted !== muted) {
+      this.isMuted = muted;
+      this._mediaStreamTrack.enabled = !muted;
+      this.emit(muted ? TrackEvent.Muted : TrackEvent.Unmuted, this);
     }
   }
-  get isMuted() {
-    return this.metadataMuted;
+  /** @internal */
+  setMediaStream(stream) {
+    // this is needed to determine when the track is finished
+    // we send each track down in its own MediaStream, so we can assume the
+    // current track is the only one that can be removed.
+    this.mediaStream = stream;
+    stream.onremovetrack = () => {
+      this.receiver = undefined;
+      this._currentBitrate = 0;
+      this.emit(TrackEvent.Ended, this);
+    };
   }
-  get isEnabled() {
-    return true;
+  start() {
+    this.startMonitor();
+    // use `enabled` of track to enable re-use of transceiver
+    super.enable();
   }
-  get isSubscribed() {
-    return this.track !== undefined;
+  stop() {
+    this.stopMonitor();
+    // use `enabled` of track to enable re-use of transceiver
+    super.disable();
   }
-  get isEncrypted() {
-    return this.encryption !== Encryption_Type.NONE;
+  /* @internal */
+  startMonitor() {
+    if (!this.monitorInterval) {
+      this.monitorInterval = setInterval(() => this.monitorReceiver(), monitorFrequency);
+    }
+  }
+}
+
+class RemoteAudioTrack extends RemoteTrack {
+  constructor(mediaTrack, sid, receiver, audioContext, audioOutput) {
+    super(mediaTrack, sid, Track.Kind.Audio, receiver);
+    this.monitorReceiver = () => __awaiter(this, void 0, void 0, function* () {
+      if (!this.receiver) {
+        this._currentBitrate = 0;
+        return;
+      }
+      const stats = yield this.getReceiverStats();
+      if (stats && this.prevStats && this.receiver) {
+        this._currentBitrate = computeBitrate(stats, this.prevStats);
+      }
+      this.prevStats = stats;
+    });
+    this.audioContext = audioContext;
+    this.webAudioPluginNodes = [];
+    if (audioOutput) {
+      this.sinkId = audioOutput.deviceId;
+    }
   }
   /**
-   * an [AudioTrack] if this publication holds an audio track
+   * sets the volume for all attached audio elements
    */
-  get audioTrack() {
-    if (this.track instanceof LocalAudioTrack || this.track instanceof RemoteAudioTrack) {
-      return this.track;
+  setVolume(volume) {
+    var _a;
+    for (const el of this.attachedElements) {
+      if (this.audioContext) {
+        (_a = this.gainNode) === null || _a === void 0 ? void 0 : _a.gain.setTargetAtTime(volume, 0, 0.1);
+      } else {
+        el.volume = volume;
+      }
+    }
+    if (isReactNative()) {
+      // @ts-ignore
+      this._mediaStreamTrack._setVolume(volume);
     }
+    this.elementVolume = volume;
   }
   /**
-   * an [VideoTrack] if this publication holds a video track
+   * gets the volume of attached audio elements (loudest)
    */
-  get videoTrack() {
-    if (this.track instanceof LocalVideoTrack || this.track instanceof RemoteVideoTrack) {
-      return this.track;
+  getVolume() {
+    if (this.elementVolume) {
+      return this.elementVolume;
     }
-  }
-  /** @internal */
-  updateInfo(info) {
-    this.trackSid = info.sid;
-    this.trackName = info.name;
-    this.source = Track.sourceFromProto(info.source);
-    this.mimeType = info.mimeType;
-    if (this.kind === Track.Kind.Video && info.width > 0) {
-      this.dimensions = {
-        width: info.width,
-        height: info.height
-      };
-      this.simulcasted = info.simulcast;
+    if (isReactNative()) {
+      // RN volume value defaults to 1.0 if hasn't been changed.
+      return 1.0;
     }
-    this.encryption = info.encryption;
-    this.trackInfo = info;
-    livekitLogger.debug('update publication info', {
-      info
+    let highestVolume = 0;
+    this.attachedElements.forEach(element => {
+      if (element.volume > highestVolume) {
+        highestVolume = element.volume;
+      }
     });
+    return highestVolume;
   }
-}
-(function (TrackPublication) {
-  (function (SubscriptionStatus) {
-    SubscriptionStatus["Desired"] = "desired";
-    SubscriptionStatus["Subscribed"] = "subscribed";
-    SubscriptionStatus["Unsubscribed"] = "unsubscribed";
-  })(TrackPublication.SubscriptionStatus || (TrackPublication.SubscriptionStatus = {}));
-  (function (PermissionStatus) {
-    PermissionStatus["Allowed"] = "allowed";
-    PermissionStatus["NotAllowed"] = "not_allowed";
-  })(TrackPublication.PermissionStatus || (TrackPublication.PermissionStatus = {}));
-})(TrackPublication || (TrackPublication = {}));
-
-class LocalTrackPublication extends TrackPublication {
-  get isUpstreamPaused() {
-    var _a;
-    return (_a = this.track) === null || _a === void 0 ? void 0 : _a.isUpstreamPaused;
-  }
-  constructor(kind, ti, track) {
-    super(kind, ti.sid, ti.name);
-    this.track = undefined;
-    this.handleTrackEnded = () => {
-      this.emit(TrackEvent.Ended);
-    };
-    this.updateInfo(ti);
-    this.setTrack(track);
+  /**
+   * calls setSinkId on all attached elements, if supported
+   * @param deviceId audio output device
+   */
+  setSinkId(deviceId) {
+    return __awaiter(this, void 0, void 0, function* () {
+      this.sinkId = deviceId;
+      yield Promise.all(this.attachedElements.map(elm => {
+        if (!supportsSetSinkId(elm)) {
+          return;
+        }
+        /* @ts-ignore */
+        return elm.setSinkId(deviceId);
+      }));
+    });
   }
-  setTrack(track) {
-    if (this.track) {
-      this.track.off(TrackEvent.Ended, this.handleTrackEnded);
+  attach(element) {
+    const needsNewWebAudioConnection = this.attachedElements.length === 0;
+    if (!element) {
+      element = super.attach();
+    } else {
+      super.attach(element);
     }
-    super.setTrack(track);
-    if (track) {
-      track.on(TrackEvent.Ended, this.handleTrackEnded);
+    if (this.elementVolume) {
+      element.volume = this.elementVolume;
+    }
+    if (this.sinkId && supportsSetSinkId(element)) {
+      /* @ts-ignore */
+      element.setSinkId(this.sinkId);
     }
-  }
-  get isMuted() {
-    if (this.track) {
-      return this.track.isMuted;
+    if (this.audioContext && needsNewWebAudioConnection) {
+      livekitLogger.debug('using audio context mapping');
+      this.connectWebAudio(this.audioContext, element);
+      element.volume = 0;
+      element.muted = true;
     }
-    return super.isMuted;
-  }
-  get audioTrack() {
-    return super.audioTrack;
+    return element;
   }
-  get videoTrack() {
-    return super.videoTrack;
+  detach(element) {
+    let detached;
+    if (!element) {
+      detached = super.detach();
+      this.disconnectWebAudio();
+    } else {
+      detached = super.detach(element);
+      // if there are still any attached elements after detaching, connect webaudio to the first element that's left
+      // disconnect webaudio otherwise
+      if (this.audioContext) {
+        if (this.attachedElements.length > 0) {
+          this.connectWebAudio(this.audioContext, this.attachedElements[0]);
+        } else {
+          this.disconnectWebAudio();
+        }
+      }
+    }
+    return detached;
   }
   /**
-   * Mute the track associated with this publication
+   * @internal
+   * @experimental
    */
-  mute() {
-    var _a;
-    return __awaiter(this, void 0, void 0, function* () {
-      return (_a = this.track) === null || _a === void 0 ? void 0 : _a.mute();
-    });
+  setAudioContext(audioContext) {
+    this.audioContext = audioContext;
+    if (audioContext && this.attachedElements.length > 0) {
+      this.connectWebAudio(audioContext, this.attachedElements[0]);
+    } else if (!audioContext) {
+      this.disconnectWebAudio();
+    }
   }
   /**
-   * Unmute track associated with this publication
+   * @internal
+   * @experimental
+   * @param {AudioNode[]} nodes - An array of WebAudio nodes. These nodes should not be connected to each other when passed, as the sdk will take care of connecting them in the order of the array.
    */
-  unmute() {
-    var _a;
-    return __awaiter(this, void 0, void 0, function* () {
-      return (_a = this.track) === null || _a === void 0 ? void 0 : _a.unmute();
-    });
+  setWebAudioPlugins(nodes) {
+    this.webAudioPluginNodes = nodes;
+    if (this.attachedElements.length > 0 && this.audioContext) {
+      this.connectWebAudio(this.audioContext, this.attachedElements[0]);
+    }
   }
-  /**
-   * Pauses the media stream track associated with this publication from being sent to the server
-   * and signals "muted" event to other participants
-   * Useful if you want to pause the stream without pausing the local media stream track
-   */
-  pauseUpstream() {
-    var _a;
-    return __awaiter(this, void 0, void 0, function* () {
-      yield (_a = this.track) === null || _a === void 0 ? void 0 : _a.pauseUpstream();
+  connectWebAudio(context, element) {
+    this.disconnectWebAudio();
+    // @ts-ignore attached elements always have a srcObject set
+    this.sourceNode = context.createMediaStreamSource(element.srcObject);
+    let lastNode = this.sourceNode;
+    this.webAudioPluginNodes.forEach(node => {
+      lastNode.connect(node);
+      lastNode = node;
     });
+    this.gainNode = context.createGain();
+    lastNode.connect(this.gainNode);
+    this.gainNode.connect(context.destination);
+    if (this.elementVolume) {
+      this.gainNode.gain.setTargetAtTime(this.elementVolume, 0, 0.1);
+    }
+    // try to resume the context if it isn't running already
+    if (context.state !== 'running') {
+      context.resume().then(() => {
+        if (context.state !== 'running') {
+          this.emit(TrackEvent.AudioPlaybackFailed, new Error("Audio Context couldn't be started automatically"));
+        }
+      }).catch(e => {
+        this.emit(TrackEvent.AudioPlaybackFailed, e);
+      });
+    }
   }
-  /**
-   * Resumes sending the media stream track associated with this publication to the server after a call to [[pauseUpstream()]]
-   * and signals "unmuted" event to other participants (unless the track is explicitly muted)
-   */
-  resumeUpstream() {
-    var _a;
+  disconnectWebAudio() {
+    var _a, _b;
+    (_a = this.gainNode) === null || _a === void 0 ? void 0 : _a.disconnect();
+    (_b = this.sourceNode) === null || _b === void 0 ? void 0 : _b.disconnect();
+    this.gainNode = undefined;
+    this.sourceNode = undefined;
+  }
+  getReceiverStats() {
     return __awaiter(this, void 0, void 0, function* () {
-      yield (_a = this.track) === null || _a === void 0 ? void 0 : _a.resumeUpstream();
+      if (!this.receiver || !this.receiver.getStats) {
+        return;
+      }
+      const stats = yield this.receiver.getStats();
+      let receiverStats;
+      stats.forEach(v => {
+        if (v.type === 'inbound-rtp') {
+          receiverStats = {
+            type: 'audio',
+            timestamp: v.timestamp,
+            jitter: v.jitter,
+            bytesReceived: v.bytesReceived,
+            concealedSamples: v.concealedSamples,
+            concealmentEvents: v.concealmentEvents,
+            silentConcealedSamples: v.silentConcealedSamples,
+            silentConcealmentEvents: v.silentConcealmentEvents,
+            totalAudioEnergy: v.totalAudioEnergy,
+            totalSamplesDuration: v.totalSamplesDuration
+          };
+        }
+      });
+      return receiverStats;
     });
   }
 }
 
-var ConnectionQuality;
-(function (ConnectionQuality) {
-  ConnectionQuality["Excellent"] = "excellent";
-  ConnectionQuality["Good"] = "good";
-  ConnectionQuality["Poor"] = "poor";
-  ConnectionQuality["Unknown"] = "unknown";
-})(ConnectionQuality || (ConnectionQuality = {}));
-function qualityFromProto(q) {
-  switch (q) {
-    case ConnectionQuality$1.EXCELLENT:
-      return ConnectionQuality.Excellent;
-    case ConnectionQuality$1.GOOD:
-      return ConnectionQuality.Good;
-    case ConnectionQuality$1.POOR:
-      return ConnectionQuality.Poor;
-    default:
-      return ConnectionQuality.Unknown;
+const REACTION_DELAY = 100;
+class RemoteVideoTrack extends RemoteTrack {
+  constructor(mediaTrack, sid, receiver, adaptiveStreamSettings) {
+    super(mediaTrack, sid, Track.Kind.Video, receiver);
+    this.elementInfos = [];
+    this.monitorReceiver = () => __awaiter(this, void 0, void 0, function* () {
+      if (!this.receiver) {
+        this._currentBitrate = 0;
+        return;
+      }
+      const stats = yield this.getReceiverStats();
+      if (stats && this.prevStats && this.receiver) {
+        this._currentBitrate = computeBitrate(stats, this.prevStats);
+      }
+      this.prevStats = stats;
+    });
+    this.debouncedHandleResize = r(() => {
+      this.updateDimensions();
+    }, REACTION_DELAY);
+    this.adaptiveStreamSettings = adaptiveStreamSettings;
   }
-}
-class Participant extends eventsExports.EventEmitter {
-  get isEncrypted() {
-    return this.tracks.size > 0 && Array.from(this.tracks.values()).every(tr => tr.isEncrypted);
+  get isAdaptiveStream() {
+    return this.adaptiveStreamSettings !== undefined;
+  }
+  /**
+   * Note: When using adaptiveStream, you need to use remoteVideoTrack.attach() to add the track to a HTMLVideoElement, otherwise your video tracks might never start
+   */
+  get mediaStreamTrack() {
+    return this._mediaStreamTrack;
   }
   /** @internal */
-  constructor(sid, identity, name, metadata) {
-    super();
-    /** audio level between 0-1.0, 1 being loudest, 0 being softest */
-    this.audioLevel = 0;
-    /** if participant is currently speaking */
-    this.isSpeaking = false;
-    this._connectionQuality = ConnectionQuality.Unknown;
-    this.setMaxListeners(100);
-    this.sid = sid;
-    this.identity = identity;
-    this.name = name;
-    this.metadata = metadata;
-    this.audioTracks = new Map();
-    this.videoTracks = new Map();
-    this.tracks = new Map();
+  setMuted(muted) {
+    super.setMuted(muted);
+    this.attachedElements.forEach(element => {
+      // detach or attach
+      if (muted) {
+        detachTrack(this._mediaStreamTrack, element);
+      } else {
+        attachToElement(this._mediaStreamTrack, element);
+      }
+    });
   }
-  getTracks() {
-    return Array.from(this.tracks.values());
+  attach(element) {
+    if (!element) {
+      element = super.attach();
+    } else {
+      super.attach(element);
+    }
+    // It's possible attach is called multiple times on an element. When that's
+    // the case, we'd want to avoid adding duplicate elementInfos
+    if (this.adaptiveStreamSettings && this.elementInfos.find(info => info.element === element) === undefined) {
+      const elementInfo = new HTMLElementInfo(element);
+      this.observeElementInfo(elementInfo);
+    }
+    return element;
   }
   /**
-   * Finds the first track that matches the source filter, for example, getting
-   * the user's camera track with getTrackBySource(Track.Source.Camera).
-   * @param source
-   * @returns
+   * Observe an ElementInfo for changes when adaptive streaming.
+   * @param elementInfo
+   * @internal
    */
-  getTrack(source) {
-    for (const [, pub] of this.tracks) {
-      if (pub.source === source) {
-        return pub;
-      }
+  observeElementInfo(elementInfo) {
+    if (this.adaptiveStreamSettings && this.elementInfos.find(info => info === elementInfo) === undefined) {
+      elementInfo.handleResize = () => {
+        this.debouncedHandleResize();
+      };
+      elementInfo.handleVisibilityChanged = () => {
+        this.updateVisibility();
+      };
+      this.elementInfos.push(elementInfo);
+      elementInfo.observe();
+      // trigger the first resize update cycle
+      // if the tab is backgrounded, the initial resize event does not fire until
+      // the tab comes into focus for the first time.
+      this.debouncedHandleResize();
+      this.updateVisibility();
+    } else {
+      livekitLogger.warn('visibility resize observer not triggered');
     }
   }
   /**
-   * Finds the first track that matches the track's name.
-   * @param name
-   * @returns
+   * Stop observing an ElementInfo for changes.
+   * @param elementInfo
+   * @internal
    */
-  getTrackByName(name) {
-    for (const [, pub] of this.tracks) {
-      if (pub.trackName === name) {
-        return pub;
-      }
+  stopObservingElementInfo(elementInfo) {
+    if (!this.isAdaptiveStream) {
+      livekitLogger.warn('stopObservingElementInfo ignored');
+      return;
+    }
+    const stopElementInfos = this.elementInfos.filter(info => info === elementInfo);
+    for (const info of stopElementInfos) {
+      info.stopObserving();
     }
+    this.elementInfos = this.elementInfos.filter(info => info !== elementInfo);
+    this.updateVisibility();
+    this.debouncedHandleResize();
   }
-  get connectionQuality() {
-    return this._connectionQuality;
+  detach(element) {
+    let detachedElements = [];
+    if (element) {
+      this.stopObservingElement(element);
+      return super.detach(element);
+    }
+    detachedElements = super.detach();
+    for (const e of detachedElements) {
+      this.stopObservingElement(e);
+    }
+    return detachedElements;
   }
-  get isCameraEnabled() {
+  /** @internal */
+  getDecoderImplementation() {
     var _a;
-    const track = this.getTrack(Track.Source.Camera);
-    return !((_a = track === null || track === void 0 ? void 0 : track.isMuted) !== null && _a !== void 0 ? _a : true);
+    return (_a = this.prevStats) === null || _a === void 0 ? void 0 : _a.decoderImplementation;
   }
-  get isMicrophoneEnabled() {
-    var _a;
-    const track = this.getTrack(Track.Source.Microphone);
-    return !((_a = track === null || track === void 0 ? void 0 : track.isMuted) !== null && _a !== void 0 ? _a : true);
+  getReceiverStats() {
+    return __awaiter(this, void 0, void 0, function* () {
+      if (!this.receiver || !this.receiver.getStats) {
+        return;
+      }
+      const stats = yield this.receiver.getStats();
+      let receiverStats;
+      stats.forEach(v => {
+        if (v.type === 'inbound-rtp') {
+          receiverStats = {
+            type: 'video',
+            framesDecoded: v.framesDecoded,
+            framesDropped: v.framesDropped,
+            framesReceived: v.framesReceived,
+            packetsReceived: v.packetsReceived,
+            packetsLost: v.packetsLost,
+            frameWidth: v.frameWidth,
+            frameHeight: v.frameHeight,
+            pliCount: v.pliCount,
+            firCount: v.firCount,
+            nackCount: v.nackCount,
+            jitter: v.jitter,
+            timestamp: v.timestamp,
+            bytesReceived: v.bytesReceived,
+            decoderImplementation: v.decoderImplementation
+          };
+        }
+      });
+      return receiverStats;
+    });
   }
-  get isScreenShareEnabled() {
-    const track = this.getTrack(Track.Source.ScreenShare);
-    return !!track;
+  stopObservingElement(element) {
+    const stopElementInfos = this.elementInfos.filter(info => info.element === element);
+    for (const info of stopElementInfos) {
+      this.stopObservingElementInfo(info);
+    }
   }
-  get isLocal() {
-    return false;
+  handleAppVisibilityChanged() {
+    const _super = Object.create(null, {
+      handleAppVisibilityChanged: {
+        get: () => super.handleAppVisibilityChanged
+      }
+    });
+    return __awaiter(this, void 0, void 0, function* () {
+      yield _super.handleAppVisibilityChanged.call(this);
+      if (!this.isAdaptiveStream) return;
+      this.updateVisibility();
+    });
   }
-  /** when participant joined the room */
-  get joinedAt() {
-    if (this.participantInfo) {
-      return new Date(Number.parseInt(this.participantInfo.joinedAt.toString()) * 1000);
+  updateVisibility() {
+    var _a, _b;
+    const lastVisibilityChange = this.elementInfos.reduce((prev, info) => Math.max(prev, info.visibilityChangedAt || 0), 0);
+    const backgroundPause = ((_b = (_a = this.adaptiveStreamSettings) === null || _a === void 0 ? void 0 : _a.pauseVideoInBackground) !== null && _b !== void 0 ? _b : true // default to true
+    ) ? this.isInBackground : false;
+    const isPiPMode = this.elementInfos.some(info => info.pictureInPicture);
+    const isVisible = this.elementInfos.some(info => info.visible) && !backgroundPause || isPiPMode;
+    if (this.lastVisible === isVisible) {
+      return;
     }
-    return new Date();
+    if (!isVisible && Date.now() - lastVisibilityChange < REACTION_DELAY) {
+      // delay hidden events
+      CriticalTimers.setTimeout(() => {
+        this.updateVisibility();
+      }, REACTION_DELAY);
+      return;
+    }
+    this.lastVisible = isVisible;
+    this.emit(TrackEvent.VisibilityChanged, isVisible, this);
   }
-  /** @internal */
-  updateInfo(info) {
-    // it's possible the update could be applied out of order due to await
-    // during reconnect sequences. when that happens, it's possible for server
-    // to have sent more recent version of participant info while JS is waiting
-    // to process the existing payload.
-    // when the participant sid remains the same, and we already have a later version
-    // of the payload, they can be safely skipped
-    if (this.participantInfo && this.participantInfo.sid === info.sid && this.participantInfo.version > info.version) {
-      return false;
+  updateDimensions() {
+    var _a, _b;
+    let maxWidth = 0;
+    let maxHeight = 0;
+    const pixelDensity = this.getPixelDensity();
+    for (const info of this.elementInfos) {
+      const currentElementWidth = info.width() * pixelDensity;
+      const currentElementHeight = info.height() * pixelDensity;
+      if (currentElementWidth + currentElementHeight > maxWidth + maxHeight) {
+        maxWidth = currentElementWidth;
+        maxHeight = currentElementHeight;
+      }
     }
-    this.identity = info.identity;
-    this.sid = info.sid;
-    this.setName(info.name);
-    this.setMetadata(info.metadata);
-    if (info.permission) {
-      this.setPermissions(info.permission);
+    if (((_a = this.lastDimensions) === null || _a === void 0 ? void 0 : _a.width) === maxWidth && ((_b = this.lastDimensions) === null || _b === void 0 ? void 0 : _b.height) === maxHeight) {
+      return;
     }
-    // set this last so setMetadata can detect changes
-    this.participantInfo = info;
-    livekitLogger.trace('update participant info', {
-      info
-    });
-    return true;
+    this.lastDimensions = {
+      width: maxWidth,
+      height: maxHeight
+    };
+    this.emit(TrackEvent.VideoDimensionsChanged, this.lastDimensions, this);
   }
-  /** @internal */
-  setMetadata(md) {
-    const changed = this.metadata !== md;
-    const prevMetadata = this.metadata;
-    this.metadata = md;
-    if (changed) {
-      this.emit(ParticipantEvent.ParticipantMetadataChanged, prevMetadata);
+  getPixelDensity() {
+    var _a;
+    const pixelDensity = (_a = this.adaptiveStreamSettings) === null || _a === void 0 ? void 0 : _a.pixelDensity;
+    if (pixelDensity === 'screen') {
+      return getDevicePixelRatio();
+    } else if (!pixelDensity) {
+      // when unset, we'll pick a sane default here.
+      // for higher pixel density devices (mobile phones, etc), we'll use 2
+      // otherwise it defaults to 1
+      const devicePixelRatio = getDevicePixelRatio();
+      if (devicePixelRatio > 2) {
+        return 2;
+      } else {
+        return 1;
+      }
     }
+    return pixelDensity;
   }
-  setName(name) {
-    const changed = this.name !== name;
-    this.name = name;
-    if (changed) {
-      this.emit(ParticipantEvent.ParticipantNameChanged, name);
-    }
+}
+class HTMLElementInfo {
+  get visible() {
+    return this.isPiP || this.isIntersecting;
   }
-  /** @internal */
-  setPermissions(permissions) {
-    var _a, _b, _c, _d, _e;
-    const prevPermissions = this.permissions;
-    const changed = permissions.canPublish !== ((_a = this.permissions) === null || _a === void 0 ? void 0 : _a.canPublish) || permissions.canSubscribe !== ((_b = this.permissions) === null || _b === void 0 ? void 0 : _b.canSubscribe) || permissions.canPublishData !== ((_c = this.permissions) === null || _c === void 0 ? void 0 : _c.canPublishData) || permissions.hidden !== ((_d = this.permissions) === null || _d === void 0 ? void 0 : _d.hidden) || permissions.recorder !== ((_e = this.permissions) === null || _e === void 0 ? void 0 : _e.recorder) || permissions.canPublishSources.length !== this.permissions.canPublishSources.length || permissions.canPublishSources.some((value, index) => {
+  get pictureInPicture() {
+    return this.isPiP;
+  }
+  constructor(element, visible) {
+    this.onVisibilityChanged = entry => {
       var _a;
-      return value !== ((_a = this.permissions) === null || _a === void 0 ? void 0 : _a.canPublishSources[index]);
-    });
-    this.permissions = permissions;
-    if (changed) {
-      this.emit(ParticipantEvent.ParticipantPermissionsChanged, prevPermissions);
-    }
-    return changed;
+      const {
+        target,
+        isIntersecting
+      } = entry;
+      if (target === this.element) {
+        this.isIntersecting = isIntersecting;
+        this.visibilityChangedAt = Date.now();
+        (_a = this.handleVisibilityChanged) === null || _a === void 0 ? void 0 : _a.call(this);
+      }
+    };
+    this.onEnterPiP = () => {
+      var _a;
+      this.isPiP = true;
+      (_a = this.handleVisibilityChanged) === null || _a === void 0 ? void 0 : _a.call(this);
+    };
+    this.onLeavePiP = () => {
+      var _a;
+      this.isPiP = false;
+      (_a = this.handleVisibilityChanged) === null || _a === void 0 ? void 0 : _a.call(this);
+    };
+    this.element = element;
+    this.isIntersecting = visible !== null && visible !== void 0 ? visible : isElementInViewport(element);
+    this.isPiP = isWeb() && document.pictureInPictureElement === element;
+    this.visibilityChangedAt = 0;
   }
-  /** @internal */
-  setIsSpeaking(speaking) {
-    if (speaking === this.isSpeaking) {
-      return;
-    }
-    this.isSpeaking = speaking;
-    if (speaking) {
-      this.lastSpokeAt = new Date();
-    }
-    this.emit(ParticipantEvent.IsSpeakingChanged, speaking);
+  width() {
+    return this.element.clientWidth;
   }
-  /** @internal */
-  setConnectionQuality(q) {
-    const prevQuality = this._connectionQuality;
-    this._connectionQuality = qualityFromProto(q);
-    if (prevQuality !== this._connectionQuality) {
-      this.emit(ParticipantEvent.ConnectionQualityChanged, this._connectionQuality);
-    }
+  height() {
+    return this.element.clientHeight;
+  }
+  observe() {
+    // make sure we update the current visible state once we start to observe
+    this.isIntersecting = isElementInViewport(this.element);
+    this.isPiP = document.pictureInPictureElement === this.element;
+    this.element.handleResize = () => {
+      var _a;
+      (_a = this.handleResize) === null || _a === void 0 ? void 0 : _a.call(this);
+    };
+    this.element.handleVisibilityChanged = this.onVisibilityChanged;
+    getIntersectionObserver().observe(this.element);
+    getResizeObserver().observe(this.element);
+    this.element.addEventListener('enterpictureinpicture', this.onEnterPiP);
+    this.element.addEventListener('leavepictureinpicture', this.onLeavePiP);
   }
-  addTrackPublication(publication) {
-    // forward publication driven events
-    publication.on(TrackEvent.Muted, () => {
-      this.emit(ParticipantEvent.TrackMuted, publication);
-    });
-    publication.on(TrackEvent.Unmuted, () => {
-      this.emit(ParticipantEvent.TrackUnmuted, publication);
-    });
-    const pub = publication;
-    if (pub.track) {
-      pub.track.sid = publication.trackSid;
-    }
-    this.tracks.set(publication.trackSid, publication);
-    switch (publication.kind) {
-      case Track.Kind.Audio:
-        this.audioTracks.set(publication.trackSid, publication);
-        break;
-      case Track.Kind.Video:
-        this.videoTracks.set(publication.trackSid, publication);
-        break;
-    }
+  stopObserving() {
+    var _a, _b;
+    (_a = getIntersectionObserver()) === null || _a === void 0 ? void 0 : _a.unobserve(this.element);
+    (_b = getResizeObserver()) === null || _b === void 0 ? void 0 : _b.unobserve(this.element);
+    this.element.removeEventListener('enterpictureinpicture', this.onEnterPiP);
+    this.element.removeEventListener('leavepictureinpicture', this.onLeavePiP);
   }
 }
-
-function trackPermissionToProto(perms) {
-  var _a, _b, _c;
-  if (!perms.participantSid && !perms.participantIdentity) {
-    throw new Error('Invalid track permission, must provide at least one of participantIdentity and participantSid');
+// does not account for occlusion by other elements
+function isElementInViewport(el) {
+  let top = el.offsetTop;
+  let left = el.offsetLeft;
+  const width = el.offsetWidth;
+  const height = el.offsetHeight;
+  const {
+    hidden
+  } = el;
+  const {
+    opacity,
+    display
+  } = getComputedStyle(el);
+  while (el.offsetParent) {
+    el = el.offsetParent;
+    top += el.offsetTop;
+    left += el.offsetLeft;
   }
-  return new TrackPermission({
-    participantIdentity: (_a = perms.participantIdentity) !== null && _a !== void 0 ? _a : '',
-    participantSid: (_b = perms.participantSid) !== null && _b !== void 0 ? _b : '',
-    allTracks: (_c = perms.allowAll) !== null && _c !== void 0 ? _c : false,
-    trackSids: perms.allowedTrackSids || []
-  });
+  return top < window.pageYOffset + window.innerHeight && left < window.pageXOffset + window.innerWidth && top + height > window.pageYOffset && left + width > window.pageXOffset && !hidden && (opacity !== '' ? parseFloat(opacity) > 0 : true) && display !== 'none';
 }
 
-class RemoteTrackPublication extends TrackPublication {
-  constructor(kind, ti, autoSubscribe) {
-    super(kind, ti.sid, ti.name);
-    this.track = undefined;
-    /** @internal */
-    this.allowed = true;
-    this.disabled = false;
-    this.currentVideoQuality = VideoQuality.HIGH;
-    this.handleEnded = track => {
-      this.setTrack(undefined);
-      this.emit(TrackEvent.Ended, track);
-    };
-    this.handleVisibilityChange = visible => {
-      livekitLogger.debug("adaptivestream video visibility ".concat(this.trackSid, ", visible=").concat(visible), {
-        trackSid: this.trackSid
-      });
-      this.disabled = !visible;
-      this.emitTrackUpdate();
+class TrackPublication extends eventsExports.EventEmitter {
+  constructor(kind, id, name) {
+    super();
+    this.metadataMuted = false;
+    this.encryption = Encryption_Type.NONE;
+    this.handleMuted = () => {
+      this.emit(TrackEvent.Muted);
     };
-    this.handleVideoDimensionsChange = dimensions => {
-      livekitLogger.debug("adaptivestream video dimensions ".concat(dimensions.width, "x").concat(dimensions.height), {
-        trackSid: this.trackSid
-      });
-      this.videoDimensions = dimensions;
-      this.emitTrackUpdate();
+    this.handleUnmuted = () => {
+      this.emit(TrackEvent.Unmuted);
     };
-    this.subscribed = autoSubscribe;
-    this.updateInfo(ti);
-  }
-  /**
-   * Subscribe or unsubscribe to this remote track
-   * @param subscribed true to subscribe to a track, false to unsubscribe
-   */
-  setSubscribed(subscribed) {
-    const prevStatus = this.subscriptionStatus;
-    const prevPermission = this.permissionStatus;
-    this.subscribed = subscribed;
-    // reset allowed status when desired subscription state changes
-    // server will notify client via signal message if it's not allowed
-    if (subscribed) {
-      this.allowed = true;
-    }
-    const sub = new UpdateSubscription({
-      trackSids: [this.trackSid],
-      subscribe: this.subscribed,
-      participantTracks: [new ParticipantTracks({
-        // sending an empty participant id since TrackPublication doesn't keep it
-        // this is filled in by the participant that receives this message
-        participantSid: '',
-        trackSids: [this.trackSid]
-      })]
-    });
-    this.emit(TrackEvent.UpdateSubscription, sub);
-    this.emitSubscriptionUpdateIfChanged(prevStatus);
-    this.emitPermissionUpdateIfChanged(prevPermission);
+    this.setMaxListeners(100);
+    this.kind = kind;
+    this.trackSid = id;
+    this.trackName = name;
+    this.source = Track.Source.Unknown;
   }
-  get subscriptionStatus() {
-    if (this.subscribed === false) {
-      return TrackPublication.SubscriptionStatus.Unsubscribed;
+  /** @internal */
+  setTrack(track) {
+    if (this.track) {
+      this.track.off(TrackEvent.Muted, this.handleMuted);
+      this.track.off(TrackEvent.Unmuted, this.handleUnmuted);
     }
-    if (!super.isSubscribed) {
-      return TrackPublication.SubscriptionStatus.Desired;
+    this.track = track;
+    if (track) {
+      // forward events
+      track.on(TrackEvent.Muted, this.handleMuted);
+      track.on(TrackEvent.Unmuted, this.handleUnmuted);
     }
-    return TrackPublication.SubscriptionStatus.Subscribed;
   }
-  get permissionStatus() {
-    return this.allowed ? TrackPublication.PermissionStatus.Allowed : TrackPublication.PermissionStatus.NotAllowed;
+  get isMuted() {
+    return this.metadataMuted;
   }
-  /**
-   * Returns true if track is subscribed, and ready for playback
-   */
-  get isSubscribed() {
-    if (this.subscribed === false) {
-      return false;
-    }
-    return super.isSubscribed;
+  get isEnabled() {
+    return true;
   }
-  // returns client's desire to subscribe to a track, also true if autoSubscribe is enabled
-  get isDesired() {
-    return this.subscribed !== false;
+  get isSubscribed() {
+    return this.track !== undefined;
   }
-  get isEnabled() {
-    return !this.disabled;
+  get isEncrypted() {
+    return this.encryption !== Encryption_Type.NONE;
   }
   /**
-   * disable server from sending down data for this track. this is useful when
-   * the participant is off screen, you may disable streaming down their video
-   * to reduce bandwidth requirements
-   * @param enabled
+   * an [AudioTrack] if this publication holds an audio track
    */
-  setEnabled(enabled) {
-    if (!this.isManualOperationAllowed() || this.disabled === !enabled) {
-      return;
+  get audioTrack() {
+    if (this.track instanceof LocalAudioTrack || this.track instanceof RemoteAudioTrack) {
+      return this.track;
     }
-    this.disabled = !enabled;
-    this.emitTrackUpdate();
   }
   /**
-   * for tracks that support simulcasting, adjust subscribed quality
-   *
-   * This indicates the highest quality the client can accept. if network
-   * bandwidth does not allow, server will automatically reduce quality to
-   * optimize for uninterrupted video
+   * an [VideoTrack] if this publication holds a video track
    */
-  setVideoQuality(quality) {
-    if (!this.isManualOperationAllowed() || this.currentVideoQuality === quality) {
-      return;
+  get videoTrack() {
+    if (this.track instanceof LocalVideoTrack || this.track instanceof RemoteVideoTrack) {
+      return this.track;
     }
-    this.currentVideoQuality = quality;
-    this.videoDimensions = undefined;
-    this.emitTrackUpdate();
   }
-  setVideoDimensions(dimensions) {
-    var _a, _b;
-    if (!this.isManualOperationAllowed()) {
-      return;
-    }
-    if (((_a = this.videoDimensions) === null || _a === void 0 ? void 0 : _a.width) === dimensions.width && ((_b = this.videoDimensions) === null || _b === void 0 ? void 0 : _b.height) === dimensions.height) {
-      return;
-    }
-    if (this.track instanceof RemoteVideoTrack) {
-      this.videoDimensions = dimensions;
+  /** @internal */
+  updateInfo(info) {
+    this.trackSid = info.sid;
+    this.trackName = info.name;
+    this.source = Track.sourceFromProto(info.source);
+    this.mimeType = info.mimeType;
+    if (this.kind === Track.Kind.Video && info.width > 0) {
+      this.dimensions = {
+        width: info.width,
+        height: info.height
+      };
+      this.simulcasted = info.simulcast;
     }
-    this.currentVideoQuality = undefined;
-    this.emitTrackUpdate();
+    this.encryption = info.encryption;
+    this.trackInfo = info;
+    livekitLogger.debug('update publication info', {
+      info
+    });
   }
-  setVideoFPS(fps) {
-    if (!this.isManualOperationAllowed()) {
-      return;
-    }
-    if (!(this.track instanceof RemoteVideoTrack)) {
-      return;
-    }
-    if (this.fps === fps) {
-      return;
-    }
-    this.fps = fps;
-    this.emitTrackUpdate();
+}
+(function (TrackPublication) {
+  (function (SubscriptionStatus) {
+    SubscriptionStatus["Desired"] = "desired";
+    SubscriptionStatus["Subscribed"] = "subscribed";
+    SubscriptionStatus["Unsubscribed"] = "unsubscribed";
+  })(TrackPublication.SubscriptionStatus || (TrackPublication.SubscriptionStatus = {}));
+  (function (PermissionStatus) {
+    PermissionStatus["Allowed"] = "allowed";
+    PermissionStatus["NotAllowed"] = "not_allowed";
+  })(TrackPublication.PermissionStatus || (TrackPublication.PermissionStatus = {}));
+})(TrackPublication || (TrackPublication = {}));
+
+class LocalTrackPublication extends TrackPublication {
+  get isUpstreamPaused() {
+    var _a;
+    return (_a = this.track) === null || _a === void 0 ? void 0 : _a.isUpstreamPaused;
   }
-  get videoQuality() {
-    return this.currentVideoQuality;
+  constructor(kind, ti, track) {
+    super(kind, ti.sid, ti.name);
+    this.track = undefined;
+    this.handleTrackEnded = () => {
+      this.emit(TrackEvent.Ended);
+    };
+    this.updateInfo(ti);
+    this.setTrack(track);
   }
-  /** @internal */
   setTrack(track) {
-    const prevStatus = this.subscriptionStatus;
-    const prevPermission = this.permissionStatus;
-    const prevTrack = this.track;
-    if (prevTrack === track) {
-      return;
-    }
-    if (prevTrack) {
-      // unregister listener
-      prevTrack.off(TrackEvent.VideoDimensionsChanged, this.handleVideoDimensionsChange);
-      prevTrack.off(TrackEvent.VisibilityChanged, this.handleVisibilityChange);
-      prevTrack.off(TrackEvent.Ended, this.handleEnded);
-      prevTrack.detach();
-      prevTrack.stopMonitor();
-      this.emit(TrackEvent.Unsubscribed, prevTrack);
+    if (this.track) {
+      this.track.off(TrackEvent.Ended, this.handleTrackEnded);
     }
     super.setTrack(track);
     if (track) {
-      track.sid = this.trackSid;
-      track.on(TrackEvent.VideoDimensionsChanged, this.handleVideoDimensionsChange);
-      track.on(TrackEvent.VisibilityChanged, this.handleVisibilityChange);
-      track.on(TrackEvent.Ended, this.handleEnded);
-      this.emit(TrackEvent.Subscribed, track);
+      track.on(TrackEvent.Ended, this.handleTrackEnded);
     }
-    this.emitPermissionUpdateIfChanged(prevPermission);
-    this.emitSubscriptionUpdateIfChanged(prevStatus);
-  }
-  /** @internal */
-  setAllowed(allowed) {
-    const prevStatus = this.subscriptionStatus;
-    const prevPermission = this.permissionStatus;
-    this.allowed = allowed;
-    this.emitPermissionUpdateIfChanged(prevPermission);
-    this.emitSubscriptionUpdateIfChanged(prevStatus);
-  }
-  /** @internal */
-  setSubscriptionError(error) {
-    this.emit(TrackEvent.SubscriptionFailed, error);
   }
-  /** @internal */
-  updateInfo(info) {
-    super.updateInfo(info);
-    const prevMetadataMuted = this.metadataMuted;
-    this.metadataMuted = info.muted;
+  get isMuted() {
     if (this.track) {
-      this.track.setMuted(info.muted);
-    } else if (prevMetadataMuted !== info.muted) {
-      this.emit(info.muted ? TrackEvent.Muted : TrackEvent.Unmuted);
+      return this.track.isMuted;
     }
+    return super.isMuted;
   }
-  emitSubscriptionUpdateIfChanged(previousStatus) {
-    const currentStatus = this.subscriptionStatus;
-    if (previousStatus === currentStatus) {
-      return;
-    }
-    this.emit(TrackEvent.SubscriptionStatusChanged, currentStatus, previousStatus);
+  get audioTrack() {
+    return super.audioTrack;
   }
-  emitPermissionUpdateIfChanged(previousPermissionStatus) {
-    const currentPermissionStatus = this.permissionStatus;
-    if (currentPermissionStatus !== previousPermissionStatus) {
-      this.emit(TrackEvent.SubscriptionPermissionChanged, this.permissionStatus, previousPermissionStatus);
-    }
+  get videoTrack() {
+    return super.videoTrack;
   }
-  isManualOperationAllowed() {
-    if (this.kind === Track.Kind.Video && this.isAdaptiveStream) {
-      livekitLogger.warn('adaptive stream is enabled, cannot change video track settings', {
-        trackSid: this.trackSid
-      });
-      return false;
-    }
-    if (!this.isDesired) {
-      livekitLogger.warn('cannot update track settings when not subscribed', {
-        trackSid: this.trackSid
-      });
-      return false;
-    }
-    return true;
+  /**
+   * Mute the track associated with this publication
+   */
+  mute() {
+    var _a;
+    return __awaiter(this, void 0, void 0, function* () {
+      return (_a = this.track) === null || _a === void 0 ? void 0 : _a.mute();
+    });
   }
-  get isAdaptiveStream() {
-    return this.track instanceof RemoteVideoTrack && this.track.isAdaptiveStream;
+  /**
+   * Unmute track associated with this publication
+   */
+  unmute() {
+    var _a;
+    return __awaiter(this, void 0, void 0, function* () {
+      return (_a = this.track) === null || _a === void 0 ? void 0 : _a.unmute();
+    });
   }
-  /* @internal */
-  emitTrackUpdate() {
-    const settings = new UpdateTrackSettings({
-      trackSids: [this.trackSid],
-      disabled: this.disabled,
-      fps: this.fps
+  /**
+   * Pauses the media stream track associated with this publication from being sent to the server
+   * and signals "muted" event to other participants
+   * Useful if you want to pause the stream without pausing the local media stream track
+   */
+  pauseUpstream() {
+    var _a;
+    return __awaiter(this, void 0, void 0, function* () {
+      yield (_a = this.track) === null || _a === void 0 ? void 0 : _a.pauseUpstream();
+    });
+  }
+  /**
+   * Resumes sending the media stream track associated with this publication to the server after a call to [[pauseUpstream()]]
+   * and signals "unmuted" event to other participants (unless the track is explicitly muted)
+   */
+  resumeUpstream() {
+    var _a;
+    return __awaiter(this, void 0, void 0, function* () {
+      yield (_a = this.track) === null || _a === void 0 ? void 0 : _a.resumeUpstream();
     });
-    if (this.videoDimensions) {
-      settings.width = this.videoDimensions.width;
-      settings.height = this.videoDimensions.height;
-    } else if (this.currentVideoQuality !== undefined) {
-      settings.quality = this.currentVideoQuality;
-    } else {
-      // defaults to high quality
-      settings.quality = VideoQuality.HIGH;
-    }
-    this.emit(TrackEvent.UpdateSettings, settings);
   }
 }
 
-class RemoteParticipant extends Participant {
-  /** @internal */
-  static fromParticipantInfo(signalClient, pi) {
-    return new RemoteParticipant(signalClient, pi.sid, pi.identity, pi.name, pi.metadata);
+var ConnectionQuality;
+(function (ConnectionQuality) {
+  ConnectionQuality["Excellent"] = "excellent";
+  ConnectionQuality["Good"] = "good";
+  ConnectionQuality["Poor"] = "poor";
+  ConnectionQuality["Unknown"] = "unknown";
+})(ConnectionQuality || (ConnectionQuality = {}));
+function qualityFromProto(q) {
+  switch (q) {
+    case ConnectionQuality$1.EXCELLENT:
+      return ConnectionQuality.Excellent;
+    case ConnectionQuality$1.GOOD:
+      return ConnectionQuality.Good;
+    case ConnectionQuality$1.POOR:
+      return ConnectionQuality.Poor;
+    default:
+      return ConnectionQuality.Unknown;
+  }
+}
+class Participant extends eventsExports.EventEmitter {
+  get isEncrypted() {
+    return this.tracks.size > 0 && Array.from(this.tracks.values()).every(tr => tr.isEncrypted);
   }
   /** @internal */
-  constructor(signalClient, sid, identity, name, metadata) {
-    super(sid, identity || '', name, metadata);
-    this.signalClient = signalClient;
-    this.tracks = new Map();
+  constructor(sid, identity, name, metadata) {
+    super();
+    /** audio level between 0-1.0, 1 being loudest, 0 being softest */
+    this.audioLevel = 0;
+    /** if participant is currently speaking */
+    this.isSpeaking = false;
+    this._connectionQuality = ConnectionQuality.Unknown;
+    this.setMaxListeners(100);
+    this.sid = sid;
+    this.identity = identity;
+    this.name = name;
+    this.metadata = metadata;
     this.audioTracks = new Map();
     this.videoTracks = new Map();
-    this.volumeMap = new Map();
+    this.tracks = new Map();
   }
-  addTrackPublication(publication) {
-    super.addTrackPublication(publication);
-    // register action events
-    publication.on(TrackEvent.UpdateSettings, settings => {
-      livekitLogger.debug('send update settings', settings);
-      this.signalClient.sendUpdateTrackSettings(settings);
-    });
-    publication.on(TrackEvent.UpdateSubscription, sub => {
-      sub.participantTracks.forEach(pt => {
-        pt.participantSid = this.sid;
-      });
-      this.signalClient.sendUpdateSubscription(sub);
-    });
-    publication.on(TrackEvent.SubscriptionPermissionChanged, status => {
-      this.emit(ParticipantEvent.TrackSubscriptionPermissionChanged, publication, status);
-    });
-    publication.on(TrackEvent.SubscriptionStatusChanged, status => {
-      this.emit(ParticipantEvent.TrackSubscriptionStatusChanged, publication, status);
-    });
-    publication.on(TrackEvent.Subscribed, track => {
-      this.emit(ParticipantEvent.TrackSubscribed, track, publication);
-    });
-    publication.on(TrackEvent.Unsubscribed, previousTrack => {
-      this.emit(ParticipantEvent.TrackUnsubscribed, previousTrack, publication);
-    });
-    publication.on(TrackEvent.SubscriptionFailed, error => {
-      this.emit(ParticipantEvent.TrackSubscriptionFailed, publication.trackSid, error);
-    });
+  getTracks() {
+    return Array.from(this.tracks.values());
   }
+  /**
+   * Finds the first track that matches the source filter, for example, getting
+   * the user's camera track with getTrackBySource(Track.Source.Camera).
+   * @param source
+   * @returns
+   */
   getTrack(source) {
-    const track = super.getTrack(source);
-    if (track) {
-      return track;
+    for (const [, pub] of this.tracks) {
+      if (pub.source === source) {
+        return pub;
+      }
+    }
+  }
+  /**
+   * Finds the first track that matches the track's name.
+   * @param name
+   * @returns
+   */
+  getTrackByName(name) {
+    for (const [, pub] of this.tracks) {
+      if (pub.trackName === name) {
+        return pub;
+      }
+    }
+  }
+  get connectionQuality() {
+    return this._connectionQuality;
+  }
+  get isCameraEnabled() {
+    var _a;
+    const track = this.getTrack(Track.Source.Camera);
+    return !((_a = track === null || track === void 0 ? void 0 : track.isMuted) !== null && _a !== void 0 ? _a : true);
+  }
+  get isMicrophoneEnabled() {
+    var _a;
+    const track = this.getTrack(Track.Source.Microphone);
+    return !((_a = track === null || track === void 0 ? void 0 : track.isMuted) !== null && _a !== void 0 ? _a : true);
+  }
+  get isScreenShareEnabled() {
+    const track = this.getTrack(Track.Source.ScreenShare);
+    return !!track;
+  }
+  get isLocal() {
+    return false;
+  }
+  /** when participant joined the room */
+  get joinedAt() {
+    if (this.participantInfo) {
+      return new Date(Number.parseInt(this.participantInfo.joinedAt.toString()) * 1000);
     }
+    return new Date();
   }
-  getTrackByName(name) {
-    const track = super.getTrackByName(name);
-    if (track) {
-      return track;
+  /** @internal */
+  updateInfo(info) {
+    // it's possible the update could be applied out of order due to await
+    // during reconnect sequences. when that happens, it's possible for server
+    // to have sent more recent version of participant info while JS is waiting
+    // to process the existing payload.
+    // when the participant sid remains the same, and we already have a later version
+    // of the payload, they can be safely skipped
+    if (this.participantInfo && this.participantInfo.sid === info.sid && this.participantInfo.version > info.version) {
+      return false;
+    }
+    this.identity = info.identity;
+    this.sid = info.sid;
+    this.setName(info.name);
+    this.setMetadata(info.metadata);
+    if (info.permission) {
+      this.setPermissions(info.permission);
     }
+    // set this last so setMetadata can detect changes
+    this.participantInfo = info;
+    livekitLogger.trace('update participant info', {
+      info
+    });
+    return true;
   }
-  /**
-   * sets the volume on the participant's audio track
-   * by default, this affects the microphone publication
-   * a different source can be passed in as a second argument
-   * if no track exists the volume will be applied when the microphone track is added
-   */
-  setVolume(volume) {
-    let source = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Track.Source.Microphone;
-    this.volumeMap.set(source, volume);
-    const audioPublication = this.getTrack(source);
-    if (audioPublication && audioPublication.track) {
-      audioPublication.track.setVolume(volume);
+  /** @internal */
+  setMetadata(md) {
+    const changed = this.metadata !== md;
+    const prevMetadata = this.metadata;
+    this.metadata = md;
+    if (changed) {
+      this.emit(ParticipantEvent.ParticipantMetadataChanged, prevMetadata);
     }
   }
-  /**
-   * gets the volume on the participant's microphone track
-   */
-  getVolume() {
-    let source = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Track.Source.Microphone;
-    const audioPublication = this.getTrack(source);
-    if (audioPublication && audioPublication.track) {
-      return audioPublication.track.getVolume();
+  setName(name) {
+    const changed = this.name !== name;
+    this.name = name;
+    if (changed) {
+      this.emit(ParticipantEvent.ParticipantNameChanged, name);
     }
-    return this.volumeMap.get(source);
   }
   /** @internal */
-  addSubscribedMediaTrack(mediaTrack, sid, mediaStream, receiver, adaptiveStreamSettings, triesLeft) {
-    // find the track publication
-    // it's possible for the media track to arrive before participant info
-    let publication = this.getTrackPublication(sid);
-    // it's also possible that the browser didn't honor our original track id
-    // FireFox would use its own local uuid instead of server track id
-    if (!publication) {
-      if (!sid.startsWith('TR')) {
-        // find the first track that matches type
-        this.tracks.forEach(p => {
-          if (!publication && mediaTrack.kind === p.kind.toString()) {
-            publication = p;
-          }
-        });
-      }
-    }
-    // when we couldn't locate the track, it's possible that the metadata hasn't
-    // yet arrived. Wait a bit longer for it to arrive, or fire an error
-    if (!publication) {
-      if (triesLeft === 0) {
-        livekitLogger.error('could not find published track', {
-          participant: this.sid,
-          trackSid: sid
-        });
-        this.emit(ParticipantEvent.TrackSubscriptionFailed, sid);
-        return;
-      }
-      if (triesLeft === undefined) triesLeft = 20;
-      setTimeout(() => {
-        this.addSubscribedMediaTrack(mediaTrack, sid, mediaStream, receiver, adaptiveStreamSettings, triesLeft - 1);
-      }, 150);
-      return;
+  setPermissions(permissions) {
+    var _a, _b, _c, _d, _e;
+    const prevPermissions = this.permissions;
+    const changed = permissions.canPublish !== ((_a = this.permissions) === null || _a === void 0 ? void 0 : _a.canPublish) || permissions.canSubscribe !== ((_b = this.permissions) === null || _b === void 0 ? void 0 : _b.canSubscribe) || permissions.canPublishData !== ((_c = this.permissions) === null || _c === void 0 ? void 0 : _c.canPublishData) || permissions.hidden !== ((_d = this.permissions) === null || _d === void 0 ? void 0 : _d.hidden) || permissions.recorder !== ((_e = this.permissions) === null || _e === void 0 ? void 0 : _e.recorder) || permissions.canPublishSources.length !== this.permissions.canPublishSources.length || permissions.canPublishSources.some((value, index) => {
+      var _a;
+      return value !== ((_a = this.permissions) === null || _a === void 0 ? void 0 : _a.canPublishSources[index]);
+    });
+    this.permissions = permissions;
+    if (changed) {
+      this.emit(ParticipantEvent.ParticipantPermissionsChanged, prevPermissions);
     }
-    if (mediaTrack.readyState === 'ended') {
-      livekitLogger.error('unable to subscribe because MediaStreamTrack is ended. Do not call MediaStreamTrack.stop()', {
-        participant: this.sid,
-        trackSid: sid
-      });
-      this.emit(ParticipantEvent.TrackSubscriptionFailed, sid);
+    return changed;
+  }
+  /** @internal */
+  setIsSpeaking(speaking) {
+    if (speaking === this.isSpeaking) {
       return;
     }
-    const isVideo = mediaTrack.kind === 'video';
-    let track;
-    if (isVideo) {
-      track = new RemoteVideoTrack(mediaTrack, sid, receiver, adaptiveStreamSettings);
-    } else {
-      track = new RemoteAudioTrack(mediaTrack, sid, receiver, this.audioContext, this.audioOutput);
-    }
-    // set track info
-    track.source = publication.source;
-    // keep publication's muted status
-    track.isMuted = publication.isMuted;
-    track.setMediaStream(mediaStream);
-    track.start();
-    publication.setTrack(track);
-    // set participant volumes on new audio tracks
-    if (this.volumeMap.has(publication.source) && track instanceof RemoteAudioTrack) {
-      track.setVolume(this.volumeMap.get(publication.source));
+    this.isSpeaking = speaking;
+    if (speaking) {
+      this.lastSpokeAt = new Date();
     }
-    return publication;
+    this.emit(ParticipantEvent.IsSpeakingChanged, speaking);
   }
   /** @internal */
-  get hasMetadata() {
-    return !!this.participantInfo;
+  setConnectionQuality(q) {
+    const prevQuality = this._connectionQuality;
+    this._connectionQuality = qualityFromProto(q);
+    if (prevQuality !== this._connectionQuality) {
+      this.emit(ParticipantEvent.ConnectionQualityChanged, this._connectionQuality);
+    }
   }
-  getTrackPublication(sid) {
-    return this.tracks.get(sid);
+  /**
+   * @internal
+   */
+  setAudioContext(ctx) {
+    this.audioContext = ctx;
+    this.audioTracks.forEach(track => (track.track instanceof RemoteAudioTrack || track.track instanceof LocalAudioTrack) && track.track.setAudioContext(ctx));
   }
-  /** @internal */
-  updateInfo(info) {
-    if (!super.updateInfo(info)) {
-      return false;
-    }
-    // we are getting a list of all available tracks, reconcile in here
-    // and send out events for changes
-    // reconcile track publications, publish events only if metadata is already there
-    // i.e. changes since the local participant has joined
-    const validTracks = new Map();
-    const newTracks = new Map();
-    info.tracks.forEach(ti => {
-      var _a;
-      let publication = this.getTrackPublication(ti.sid);
-      if (!publication) {
-        // new publication
-        const kind = Track.kindFromProto(ti.type);
-        if (!kind) {
-          return;
-        }
-        publication = new RemoteTrackPublication(kind, ti, (_a = this.signalClient.connectOptions) === null || _a === void 0 ? void 0 : _a.autoSubscribe);
-        publication.updateInfo(ti);
-        newTracks.set(ti.sid, publication);
-        const existingTrackOfSource = Array.from(this.tracks.values()).find(publishedTrack => publishedTrack.source === (publication === null || publication === void 0 ? void 0 : publication.source));
-        if (existingTrackOfSource && publication.source !== Track.Source.Unknown) {
-          livekitLogger.debug("received a second track publication for ".concat(this.identity, " with the same source: ").concat(publication.source), {
-            oldTrack: existingTrackOfSource,
-            newTrack: publication,
-            participant: this,
-            participantInfo: info
-          });
-        }
-        this.addTrackPublication(publication);
-      } else {
-        publication.updateInfo(ti);
-      }
-      validTracks.set(ti.sid, publication);
-    });
-    // detect removed tracks
-    this.tracks.forEach(publication => {
-      if (!validTracks.has(publication.trackSid)) {
-        livekitLogger.trace('detected removed track on remote participant, unpublishing', {
-          publication,
-          participantSid: this.sid
-        });
-        this.unpublishTrack(publication.trackSid, true);
-      }
+  addTrackPublication(publication) {
+    // forward publication driven events
+    publication.on(TrackEvent.Muted, () => {
+      this.emit(ParticipantEvent.TrackMuted, publication);
     });
-    // always emit events for new publications, Room will not forward them unless it's ready
-    newTracks.forEach(publication => {
-      this.emit(ParticipantEvent.TrackPublished, publication);
+    publication.on(TrackEvent.Unmuted, () => {
+      this.emit(ParticipantEvent.TrackUnmuted, publication);
     });
-    return true;
+    const pub = publication;
+    if (pub.track) {
+      pub.track.sid = publication.trackSid;
+    }
+    this.tracks.set(publication.trackSid, publication);
+    switch (publication.kind) {
+      case Track.Kind.Audio:
+        this.audioTracks.set(publication.trackSid, publication);
+        break;
+      case Track.Kind.Video:
+        this.videoTracks.set(publication.trackSid, publication);
+        break;
+    }
+  }
+}
+
+function trackPermissionToProto(perms) {
+  var _a, _b, _c;
+  if (!perms.participantSid && !perms.participantIdentity) {
+    throw new Error('Invalid track permission, must provide at least one of participantIdentity and participantSid');
+  }
+  return new TrackPermission({
+    participantIdentity: (_a = perms.participantIdentity) !== null && _a !== void 0 ? _a : '',
+    participantSid: (_b = perms.participantSid) !== null && _b !== void 0 ? _b : '',
+    allTracks: (_c = perms.allowAll) !== null && _c !== void 0 ? _c : false,
+    trackSids: perms.allowedTrackSids || []
+  });
+}
+
+class RemoteTrackPublication extends TrackPublication {
+  constructor(kind, ti, autoSubscribe) {
+    super(kind, ti.sid, ti.name);
+    this.track = undefined;
+    /** @internal */
+    this.allowed = true;
+    this.disabled = false;
+    this.currentVideoQuality = VideoQuality.HIGH;
+    this.handleEnded = track => {
+      this.setTrack(undefined);
+      this.emit(TrackEvent.Ended, track);
+    };
+    this.handleVisibilityChange = visible => {
+      livekitLogger.debug("adaptivestream video visibility ".concat(this.trackSid, ", visible=").concat(visible), {
+        trackSid: this.trackSid
+      });
+      this.disabled = !visible;
+      this.emitTrackUpdate();
+    };
+    this.handleVideoDimensionsChange = dimensions => {
+      livekitLogger.debug("adaptivestream video dimensions ".concat(dimensions.width, "x").concat(dimensions.height), {
+        trackSid: this.trackSid
+      });
+      this.videoDimensions = dimensions;
+      this.emitTrackUpdate();
+    };
+    this.subscribed = autoSubscribe;
+    this.updateInfo(ti);
   }
-  /** @internal */
-  unpublishTrack(sid, sendUnpublish) {
-    const publication = this.tracks.get(sid);
-    if (!publication) {
-      return;
+  /**
+   * Subscribe or unsubscribe to this remote track
+   * @param subscribed true to subscribe to a track, false to unsubscribe
+   */
+  setSubscribed(subscribed) {
+    const prevStatus = this.subscriptionStatus;
+    const prevPermission = this.permissionStatus;
+    this.subscribed = subscribed;
+    // reset allowed status when desired subscription state changes
+    // server will notify client via signal message if it's not allowed
+    if (subscribed) {
+      this.allowed = true;
     }
-    // also send unsubscribe, if track is actively subscribed
-    const {
-      track
-    } = publication;
-    if (track) {
-      track.stop();
-      publication.setTrack(undefined);
+    const sub = new UpdateSubscription({
+      trackSids: [this.trackSid],
+      subscribe: this.subscribed,
+      participantTracks: [new ParticipantTracks({
+        // sending an empty participant id since TrackPublication doesn't keep it
+        // this is filled in by the participant that receives this message
+        participantSid: '',
+        trackSids: [this.trackSid]
+      })]
+    });
+    this.emit(TrackEvent.UpdateSubscription, sub);
+    this.emitSubscriptionUpdateIfChanged(prevStatus);
+    this.emitPermissionUpdateIfChanged(prevPermission);
+  }
+  get subscriptionStatus() {
+    if (this.subscribed === false) {
+      return TrackPublication.SubscriptionStatus.Unsubscribed;
     }
-    // remove track from maps only after unsubscribed has been fired
-    this.tracks.delete(sid);
-    // remove from the right type map
-    switch (publication.kind) {
-      case Track.Kind.Audio:
-        this.audioTracks.delete(sid);
-        break;
-      case Track.Kind.Video:
-        this.videoTracks.delete(sid);
-        break;
+    if (!super.isSubscribed) {
+      return TrackPublication.SubscriptionStatus.Desired;
     }
-    if (sendUnpublish) {
-      this.emit(ParticipantEvent.TrackUnpublished, publication);
+    return TrackPublication.SubscriptionStatus.Subscribed;
+  }
+  get permissionStatus() {
+    return this.allowed ? TrackPublication.PermissionStatus.Allowed : TrackPublication.PermissionStatus.NotAllowed;
+  }
+  /**
+   * Returns true if track is subscribed, and ready for playback
+   */
+  get isSubscribed() {
+    if (this.subscribed === false) {
+      return false;
     }
+    return super.isSubscribed;
+  }
+  // returns client's desire to subscribe to a track, also true if autoSubscribe is enabled
+  get isDesired() {
+    return this.subscribed !== false;
+  }
+  get isEnabled() {
+    return !this.disabled;
   }
   /**
-   * @internal
+   * disable server from sending down data for this track. this is useful when
+   * the participant is off screen, you may disable streaming down their video
+   * to reduce bandwidth requirements
+   * @param enabled
    */
-  setAudioContext(ctx) {
-    this.audioContext = ctx;
-    this.audioTracks.forEach(track => track.track instanceof RemoteAudioTrack && track.track.setAudioContext(ctx));
+  setEnabled(enabled) {
+    if (!this.isManualOperationAllowed() || this.disabled === !enabled) {
+      return;
+    }
+    this.disabled = !enabled;
+    this.emitTrackUpdate();
   }
   /**
-   * @internal
+   * for tracks that support simulcasting, adjust subscribed quality
+   *
+   * This indicates the highest quality the client can accept. if network
+   * bandwidth does not allow, server will automatically reduce quality to
+   * optimize for uninterrupted video
    */
-  setAudioOutput(output) {
-    return __awaiter(this, void 0, void 0, function* () {
-      this.audioOutput = output;
-      const promises = [];
-      this.audioTracks.forEach(pub => {
-        var _a;
-        if (pub.track instanceof RemoteAudioTrack) {
-          promises.push(pub.track.setSinkId((_a = output.deviceId) !== null && _a !== void 0 ? _a : 'default'));
-        }
-      });
-      yield Promise.all(promises);
-    });
+  setVideoQuality(quality) {
+    if (!this.isManualOperationAllowed() || this.currentVideoQuality === quality) {
+      return;
+    }
+    this.currentVideoQuality = quality;
+    this.videoDimensions = undefined;
+    this.emitTrackUpdate();
   }
-  /** @internal */
-  emit(event) {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
+  setVideoDimensions(dimensions) {
+    var _a, _b;
+    if (!this.isManualOperationAllowed()) {
+      return;
     }
-    livekitLogger.trace('participant event', {
-      participant: this.sid,
-      event,
-      args
-    });
-    return super.emit(event, ...args);
+    if (((_a = this.videoDimensions) === null || _a === void 0 ? void 0 : _a.width) === dimensions.width && ((_b = this.videoDimensions) === null || _b === void 0 ? void 0 : _b.height) === dimensions.height) {
+      return;
+    }
+    if (this.track instanceof RemoteVideoTrack) {
+      this.videoDimensions = dimensions;
+    }
+    this.currentVideoQuality = undefined;
+    this.emitTrackUpdate();
   }
-}
-
-/** @internal */
-function mediaTrackToLocalTrack(mediaStreamTrack, constraints) {
-  switch (mediaStreamTrack.kind) {
-    case 'audio':
-      return new LocalAudioTrack(mediaStreamTrack, constraints, false);
-    case 'video':
-      return new LocalVideoTrack(mediaStreamTrack, constraints, false);
-    default:
-      throw new TrackInvalidError("unsupported track type: ".concat(mediaStreamTrack.kind));
+  setVideoFPS(fps) {
+    if (!this.isManualOperationAllowed()) {
+      return;
+    }
+    if (!(this.track instanceof RemoteVideoTrack)) {
+      return;
+    }
+    if (this.fps === fps) {
+      return;
+    }
+    this.fps = fps;
+    this.emitTrackUpdate();
   }
-}
-/* @internal */
-const presets169 = Object.values(VideoPresets);
-/* @internal */
-const presets43 = Object.values(VideoPresets43);
-/* @internal */
-const presetsScreenShare = Object.values(ScreenSharePresets);
-/* @internal */
-const defaultSimulcastPresets169 = [VideoPresets.h180, VideoPresets.h360];
-/* @internal */
-const defaultSimulcastPresets43 = [VideoPresets43.h180, VideoPresets43.h360];
-/* @internal */
-const computeDefaultScreenShareSimulcastPresets = fromPreset => {
-  const layers = [{
-    scaleResolutionDownBy: 2,
-    fps: 3
-  }];
-  return layers.map(t => {
-    var _a;
-    return new VideoPreset(Math.floor(fromPreset.width / t.scaleResolutionDownBy), Math.floor(fromPreset.height / t.scaleResolutionDownBy), Math.max(150000, Math.floor(fromPreset.encoding.maxBitrate / (Math.pow(t.scaleResolutionDownBy, 2) * (((_a = fromPreset.encoding.maxFramerate) !== null && _a !== void 0 ? _a : 30) / t.fps)))), t.fps, fromPreset.encoding.priority);
-  });
-};
-// /**
-//  *
-//  * @internal
-//  * @experimental
-//  */
-// const computeDefaultMultiCodecSimulcastEncodings = (width: number, height: number) => {
-//   // use vp8 as a default
-//   const vp8 = determineAppropriateEncoding(false, width, height);
-//   const vp9 = { ...vp8, maxBitrate: vp8.maxBitrate * 0.9 };
-//   const h264 = { ...vp8, maxBitrate: vp8.maxBitrate * 1.1 };
-//   const av1 = { ...vp8, maxBitrate: vp8.maxBitrate * 0.7 };
-//   return {
-//     vp8,
-//     vp9,
-//     h264,
-//     av1,
-//   };
-// };
-const videoRids = ['q', 'h', 'f'];
-/* @internal */
-function computeVideoEncodings(isScreenShare, width, height, options) {
-  var _a, _b;
-  let videoEncoding = options === null || options === void 0 ? void 0 : options.videoEncoding;
-  if (isScreenShare) {
-    videoEncoding = options === null || options === void 0 ? void 0 : options.screenShareEncoding;
+  get videoQuality() {
+    return this.currentVideoQuality;
   }
-  const useSimulcast = options === null || options === void 0 ? void 0 : options.simulcast;
-  const scalabilityMode = options === null || options === void 0 ? void 0 : options.scalabilityMode;
-  const videoCodec = options === null || options === void 0 ? void 0 : options.videoCodec;
-  if (!videoEncoding && !useSimulcast && !scalabilityMode || !width || !height) {
-    // when we aren't simulcasting or svc, will need to return a single encoding without
-    // capping bandwidth. we always require a encoding for dynacast
-    return [{}];
+  /** @internal */
+  setTrack(track) {
+    const prevStatus = this.subscriptionStatus;
+    const prevPermission = this.permissionStatus;
+    const prevTrack = this.track;
+    if (prevTrack === track) {
+      return;
+    }
+    if (prevTrack) {
+      // unregister listener
+      prevTrack.off(TrackEvent.VideoDimensionsChanged, this.handleVideoDimensionsChange);
+      prevTrack.off(TrackEvent.VisibilityChanged, this.handleVisibilityChange);
+      prevTrack.off(TrackEvent.Ended, this.handleEnded);
+      prevTrack.detach();
+      prevTrack.stopMonitor();
+      this.emit(TrackEvent.Unsubscribed, prevTrack);
+    }
+    super.setTrack(track);
+    if (track) {
+      track.sid = this.trackSid;
+      track.on(TrackEvent.VideoDimensionsChanged, this.handleVideoDimensionsChange);
+      track.on(TrackEvent.VisibilityChanged, this.handleVisibilityChange);
+      track.on(TrackEvent.Ended, this.handleEnded);
+      this.emit(TrackEvent.Subscribed, track);
+    }
+    this.emitPermissionUpdateIfChanged(prevPermission);
+    this.emitSubscriptionUpdateIfChanged(prevStatus);
   }
-  if (!videoEncoding) {
-    // find the right encoding based on width/height
-    videoEncoding = determineAppropriateEncoding(isScreenShare, width, height, videoCodec);
-    livekitLogger.debug('using video encoding', videoEncoding);
+  /** @internal */
+  setAllowed(allowed) {
+    const prevStatus = this.subscriptionStatus;
+    const prevPermission = this.permissionStatus;
+    this.allowed = allowed;
+    this.emitPermissionUpdateIfChanged(prevPermission);
+    this.emitSubscriptionUpdateIfChanged(prevStatus);
   }
-  const original = new VideoPreset(width, height, videoEncoding.maxBitrate, videoEncoding.maxFramerate, videoEncoding.priority);
-  if (scalabilityMode && isSVCCodec(videoCodec)) {
-    livekitLogger.debug("using svc with scalabilityMode ".concat(scalabilityMode));
-    const sm = new ScalabilityMode$1(scalabilityMode);
-    const encodings = [];
-    if (sm.spatial > 3) {
-      throw new Error("unsupported scalabilityMode: ".concat(scalabilityMode));
-    }
-    for (let i = 0; i < sm.spatial; i += 1) {
-      encodings.push({
-        rid: videoRids[2 - i],
-        maxBitrate: videoEncoding.maxBitrate / Math.pow(3, i),
-        /* @ts-ignore */
-        maxFramerate: original.encoding.maxFramerate
-      });
+  /** @internal */
+  setSubscriptionError(error) {
+    this.emit(TrackEvent.SubscriptionFailed, error);
+  }
+  /** @internal */
+  updateInfo(info) {
+    super.updateInfo(info);
+    const prevMetadataMuted = this.metadataMuted;
+    this.metadataMuted = info.muted;
+    if (this.track) {
+      this.track.setMuted(info.muted);
+    } else if (prevMetadataMuted !== info.muted) {
+      this.emit(info.muted ? TrackEvent.Muted : TrackEvent.Unmuted);
     }
-    /* @ts-ignore */
-    encodings[0].scalabilityMode = scalabilityMode;
-    livekitLogger.debug('encodings', encodings);
-    return encodings;
   }
-  if (!useSimulcast) {
-    return [videoEncoding];
+  emitSubscriptionUpdateIfChanged(previousStatus) {
+    const currentStatus = this.subscriptionStatus;
+    if (previousStatus === currentStatus) {
+      return;
+    }
+    this.emit(TrackEvent.SubscriptionStatusChanged, currentStatus, previousStatus);
   }
-  let presets = [];
-  if (isScreenShare) {
-    presets = (_a = sortPresets(options === null || options === void 0 ? void 0 : options.screenShareSimulcastLayers)) !== null && _a !== void 0 ? _a : defaultSimulcastLayers(isScreenShare, original);
-  } else {
-    presets = (_b = sortPresets(options === null || options === void 0 ? void 0 : options.videoSimulcastLayers)) !== null && _b !== void 0 ? _b : defaultSimulcastLayers(isScreenShare, original);
+  emitPermissionUpdateIfChanged(previousPermissionStatus) {
+    const currentPermissionStatus = this.permissionStatus;
+    if (currentPermissionStatus !== previousPermissionStatus) {
+      this.emit(TrackEvent.SubscriptionPermissionChanged, this.permissionStatus, previousPermissionStatus);
+    }
   }
-  let midPreset;
-  if (presets.length > 0) {
-    const lowPreset = presets[0];
-    if (presets.length > 1) {
-      [, midPreset] = presets;
+  isManualOperationAllowed() {
+    if (this.kind === Track.Kind.Video && this.isAdaptiveStream) {
+      livekitLogger.warn('adaptive stream is enabled, cannot change video track settings', {
+        trackSid: this.trackSid
+      });
+      return false;
     }
-    // NOTE:
-    //   1. Ordering of these encodings is important. Chrome seems
-    //      to use the index into encodings to decide which layer
-    //      to disable when CPU constrained.
-    //      So encodings should be ordered in increasing spatial
-    //      resolution order.
-    //   2. ion-sfu translates rids into layers. So, all encodings
-    //      should have the base layer `q` and then more added
-    //      based on other conditions.
-    const size = Math.max(width, height);
-    if (size >= 960 && midPreset) {
-      return encodingsFromPresets(width, height, [lowPreset, midPreset, original]);
+    if (!this.isDesired) {
+      livekitLogger.warn('cannot update track settings when not subscribed', {
+        trackSid: this.trackSid
+      });
+      return false;
     }
-    if (size >= 480) {
-      return encodingsFromPresets(width, height, [lowPreset, original]);
+    return true;
+  }
+  get isAdaptiveStream() {
+    return this.track instanceof RemoteVideoTrack && this.track.isAdaptiveStream;
+  }
+  /* @internal */
+  emitTrackUpdate() {
+    const settings = new UpdateTrackSettings({
+      trackSids: [this.trackSid],
+      disabled: this.disabled,
+      fps: this.fps
+    });
+    if (this.videoDimensions) {
+      settings.width = Math.ceil(this.videoDimensions.width);
+      settings.height = Math.ceil(this.videoDimensions.height);
+    } else if (this.currentVideoQuality !== undefined) {
+      settings.quality = this.currentVideoQuality;
+    } else {
+      // defaults to high quality
+      settings.quality = VideoQuality.HIGH;
     }
+    this.emit(TrackEvent.UpdateSettings, settings);
   }
-  return encodingsFromPresets(width, height, [original]);
 }
-function computeTrackBackupEncodings(track, videoCodec, opts) {
-  var _a, _b, _c, _d;
-  if (!opts.backupCodec || opts.backupCodec.codec === opts.videoCodec) {
-    // backup codec publishing is disabled
-    return;
+
+class RemoteParticipant extends Participant {
+  /** @internal */
+  static fromParticipantInfo(signalClient, pi) {
+    return new RemoteParticipant(signalClient, pi.sid, pi.identity, pi.name, pi.metadata);
   }
-  if (videoCodec !== opts.backupCodec.codec) {
-    livekitLogger.warn('requested a different codec than specified as backup', {
-      serverRequested: videoCodec,
-      backup: opts.backupCodec.codec
+  /** @internal */
+  constructor(signalClient, sid, identity, name, metadata) {
+    super(sid, identity || '', name, metadata);
+    this.signalClient = signalClient;
+    this.tracks = new Map();
+    this.audioTracks = new Map();
+    this.videoTracks = new Map();
+    this.volumeMap = new Map();
+  }
+  addTrackPublication(publication) {
+    super.addTrackPublication(publication);
+    // register action events
+    publication.on(TrackEvent.UpdateSettings, settings => {
+      livekitLogger.debug('send update settings', settings);
+      this.signalClient.sendUpdateTrackSettings(settings);
+    });
+    publication.on(TrackEvent.UpdateSubscription, sub => {
+      sub.participantTracks.forEach(pt => {
+        pt.participantSid = this.sid;
+      });
+      this.signalClient.sendUpdateSubscription(sub);
+    });
+    publication.on(TrackEvent.SubscriptionPermissionChanged, status => {
+      this.emit(ParticipantEvent.TrackSubscriptionPermissionChanged, publication, status);
+    });
+    publication.on(TrackEvent.SubscriptionStatusChanged, status => {
+      this.emit(ParticipantEvent.TrackSubscriptionStatusChanged, publication, status);
+    });
+    publication.on(TrackEvent.Subscribed, track => {
+      this.emit(ParticipantEvent.TrackSubscribed, track, publication);
+    });
+    publication.on(TrackEvent.Unsubscribed, previousTrack => {
+      this.emit(ParticipantEvent.TrackUnsubscribed, previousTrack, publication);
+    });
+    publication.on(TrackEvent.SubscriptionFailed, error => {
+      this.emit(ParticipantEvent.TrackSubscriptionFailed, publication.trackSid, error);
     });
   }
-  opts.videoCodec = videoCodec;
-  // use backup encoding setting as videoEncoding for backup codec publishing
-  opts.videoEncoding = opts.backupCodec.encoding;
-  const settings = track.mediaStreamTrack.getSettings();
-  const width = (_a = settings.width) !== null && _a !== void 0 ? _a : (_b = track.dimensions) === null || _b === void 0 ? void 0 : _b.width;
-  const height = (_c = settings.height) !== null && _c !== void 0 ? _c : (_d = track.dimensions) === null || _d === void 0 ? void 0 : _d.height;
-  const encodings = computeVideoEncodings(track.source === Track.Source.ScreenShare, width, height, opts);
-  return encodings;
-}
-/* @internal */
-function determineAppropriateEncoding(isScreenShare, width, height, codec) {
-  const presets = presetsForResolution(isScreenShare, width, height);
-  let {
-    encoding
-  } = presets[0];
-  // handle portrait by swapping dimensions
-  const size = Math.max(width, height);
-  for (let i = 0; i < presets.length; i += 1) {
-    const preset = presets[i];
-    encoding = preset.encoding;
-    if (preset.width >= size) {
-      break;
+  getTrack(source) {
+    const track = super.getTrack(source);
+    if (track) {
+      return track;
+    }
+  }
+  getTrackByName(name) {
+    const track = super.getTrackByName(name);
+    if (track) {
+      return track;
+    }
+  }
+  /**
+   * sets the volume on the participant's audio track
+   * by default, this affects the microphone publication
+   * a different source can be passed in as a second argument
+   * if no track exists the volume will be applied when the microphone track is added
+   */
+  setVolume(volume) {
+    let source = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Track.Source.Microphone;
+    this.volumeMap.set(source, volume);
+    const audioPublication = this.getTrack(source);
+    if (audioPublication && audioPublication.track) {
+      audioPublication.track.setVolume(volume);
+    }
+  }
+  /**
+   * gets the volume on the participant's microphone track
+   */
+  getVolume() {
+    let source = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Track.Source.Microphone;
+    const audioPublication = this.getTrack(source);
+    if (audioPublication && audioPublication.track) {
+      return audioPublication.track.getVolume();
+    }
+    return this.volumeMap.get(source);
+  }
+  /** @internal */
+  addSubscribedMediaTrack(mediaTrack, sid, mediaStream, receiver, adaptiveStreamSettings, triesLeft) {
+    // find the track publication
+    // it's possible for the media track to arrive before participant info
+    let publication = this.getTrackPublication(sid);
+    // it's also possible that the browser didn't honor our original track id
+    // FireFox would use its own local uuid instead of server track id
+    if (!publication) {
+      if (!sid.startsWith('TR')) {
+        // find the first track that matches type
+        this.tracks.forEach(p => {
+          if (!publication && mediaTrack.kind === p.kind.toString()) {
+            publication = p;
+          }
+        });
+      }
+    }
+    // when we couldn't locate the track, it's possible that the metadata hasn't
+    // yet arrived. Wait a bit longer for it to arrive, or fire an error
+    if (!publication) {
+      if (triesLeft === 0) {
+        livekitLogger.error('could not find published track', {
+          participant: this.sid,
+          trackSid: sid
+        });
+        this.emit(ParticipantEvent.TrackSubscriptionFailed, sid);
+        return;
+      }
+      if (triesLeft === undefined) triesLeft = 20;
+      setTimeout(() => {
+        this.addSubscribedMediaTrack(mediaTrack, sid, mediaStream, receiver, adaptiveStreamSettings, triesLeft - 1);
+      }, 150);
+      return;
+    }
+    if (mediaTrack.readyState === 'ended') {
+      livekitLogger.error('unable to subscribe because MediaStreamTrack is ended. Do not call MediaStreamTrack.stop()', {
+        participant: this.sid,
+        trackSid: sid
+      });
+      this.emit(ParticipantEvent.TrackSubscriptionFailed, sid);
+      return;
     }
-  }
-  // presets are based on the assumption of vp8 as a codec
-  // for other codecs we adjust the maxBitrate if no specific videoEncoding has been provided
-  // TODO make the bitrate multipliers configurable per codec
-  if (codec) {
-    switch (codec) {
-      case 'av1':
-        encoding = Object.assign({}, encoding);
-        encoding.maxBitrate = encoding.maxBitrate * 0.7;
-        break;
-      case 'vp9':
-        encoding = Object.assign({}, encoding);
-        encoding.maxBitrate = encoding.maxBitrate * 0.85;
-        break;
+    const isVideo = mediaTrack.kind === 'video';
+    let track;
+    if (isVideo) {
+      track = new RemoteVideoTrack(mediaTrack, sid, receiver, adaptiveStreamSettings);
+    } else {
+      track = new RemoteAudioTrack(mediaTrack, sid, receiver, this.audioContext, this.audioOutput);
     }
+    // set track info
+    track.source = publication.source;
+    // keep publication's muted status
+    track.isMuted = publication.isMuted;
+    track.setMediaStream(mediaStream);
+    track.start();
+    publication.setTrack(track);
+    // set participant volumes on new audio tracks
+    if (this.volumeMap.has(publication.source) && track instanceof RemoteAudioTrack) {
+      track.setVolume(this.volumeMap.get(publication.source));
+    }
+    return publication;
   }
-  return encoding;
-}
-/* @internal */
-function presetsForResolution(isScreenShare, width, height) {
-  if (isScreenShare) {
-    return presetsScreenShare;
-  }
-  const aspect = width > height ? width / height : height / width;
-  if (Math.abs(aspect - 16.0 / 9) < Math.abs(aspect - 4.0 / 3)) {
-    return presets169;
-  }
-  return presets43;
-}
-/* @internal */
-function defaultSimulcastLayers(isScreenShare, original) {
-  if (isScreenShare) {
-    return computeDefaultScreenShareSimulcastPresets(original);
+  /** @internal */
+  get hasMetadata() {
+    return !!this.participantInfo;
   }
-  const {
-    width,
-    height
-  } = original;
-  const aspect = width > height ? width / height : height / width;
-  if (Math.abs(aspect - 16.0 / 9) < Math.abs(aspect - 4.0 / 3)) {
-    return defaultSimulcastPresets169;
+  getTrackPublication(sid) {
+    return this.tracks.get(sid);
   }
-  return defaultSimulcastPresets43;
-}
-// presets should be ordered by low, medium, high
-function encodingsFromPresets(width, height, presets) {
-  const encodings = [];
-  presets.forEach((preset, idx) => {
-    if (idx >= videoRids.length) {
-      return;
-    }
-    const size = Math.min(width, height);
-    const rid = videoRids[idx];
-    const encoding = {
-      rid,
-      scaleResolutionDownBy: Math.max(1, size / Math.min(preset.width, preset.height)),
-      maxBitrate: preset.encoding.maxBitrate
-    };
-    if (preset.encoding.maxFramerate) {
-      encoding.maxFramerate = preset.encoding.maxFramerate;
-    }
-    const canSetPriority = isFireFox() || idx === 0;
-    if (preset.encoding.priority && canSetPriority) {
-      encoding.priority = preset.encoding.priority;
-      encoding.networkPriority = preset.encoding.priority;
+  /** @internal */
+  updateInfo(info) {
+    if (!super.updateInfo(info)) {
+      return false;
     }
-    encodings.push(encoding);
-  });
-  // RN ios simulcast requires all same framerates.
-  if (isReactNative() && getReactNativeOs() === 'ios') {
-    let topFramerate = undefined;
-    encodings.forEach(encoding => {
-      if (!topFramerate) {
-        topFramerate = encoding.maxFramerate;
-      } else if (encoding.maxFramerate && encoding.maxFramerate > topFramerate) {
-        topFramerate = encoding.maxFramerate;
-      }
-    });
-    let notifyOnce = true;
-    encodings.forEach(encoding => {
+    // we are getting a list of all available tracks, reconcile in here
+    // and send out events for changes
+    // reconcile track publications, publish events only if metadata is already there
+    // i.e. changes since the local participant has joined
+    const validTracks = new Map();
+    const newTracks = new Map();
+    info.tracks.forEach(ti => {
       var _a;
-      if (encoding.maxFramerate != topFramerate) {
-        if (notifyOnce) {
-          notifyOnce = false;
-          livekitLogger.info("Simulcast on iOS React-Native requires all encodings to share the same framerate.");
+      let publication = this.getTrackPublication(ti.sid);
+      if (!publication) {
+        // new publication
+        const kind = Track.kindFromProto(ti.type);
+        if (!kind) {
+          return;
         }
-        livekitLogger.info("Setting framerate of encoding \"".concat((_a = encoding.rid) !== null && _a !== void 0 ? _a : '', "\" to ").concat(topFramerate));
-        encoding.maxFramerate = topFramerate;
+        publication = new RemoteTrackPublication(kind, ti, (_a = this.signalClient.connectOptions) === null || _a === void 0 ? void 0 : _a.autoSubscribe);
+        publication.updateInfo(ti);
+        newTracks.set(ti.sid, publication);
+        const existingTrackOfSource = Array.from(this.tracks.values()).find(publishedTrack => publishedTrack.source === (publication === null || publication === void 0 ? void 0 : publication.source));
+        if (existingTrackOfSource && publication.source !== Track.Source.Unknown) {
+          livekitLogger.debug("received a second track publication for ".concat(this.identity, " with the same source: ").concat(publication.source), {
+            oldTrack: existingTrackOfSource,
+            newTrack: publication,
+            participant: this,
+            participantInfo: info
+          });
+        }
+        this.addTrackPublication(publication);
+      } else {
+        publication.updateInfo(ti);
+      }
+      validTracks.set(ti.sid, publication);
+    });
+    // detect removed tracks
+    this.tracks.forEach(publication => {
+      if (!validTracks.has(publication.trackSid)) {
+        livekitLogger.trace('detected removed track on remote participant, unpublishing', {
+          publication,
+          participantSid: this.sid
+        });
+        this.unpublishTrack(publication.trackSid, true);
       }
     });
+    // always emit events for new publications, Room will not forward them unless it's ready
+    newTracks.forEach(publication => {
+      this.emit(ParticipantEvent.TrackPublished, publication);
+    });
+    return true;
   }
-  return encodings;
-}
-/** @internal */
-function sortPresets(presets) {
-  if (!presets) return;
-  return presets.sort((a, b) => {
-    const {
-      encoding: aEnc
-    } = a;
-    const {
-      encoding: bEnc
-    } = b;
-    if (aEnc.maxBitrate > bEnc.maxBitrate) {
-      return 1;
+  /** @internal */
+  unpublishTrack(sid, sendUnpublish) {
+    const publication = this.tracks.get(sid);
+    if (!publication) {
+      return;
     }
-    if (aEnc.maxBitrate < bEnc.maxBitrate) return -1;
-    if (aEnc.maxBitrate === bEnc.maxBitrate && aEnc.maxFramerate && bEnc.maxFramerate) {
-      return aEnc.maxFramerate > bEnc.maxFramerate ? 1 : -1;
+    // also send unsubscribe, if track is actively subscribed
+    const {
+      track
+    } = publication;
+    if (track) {
+      track.stop();
+      publication.setTrack(undefined);
     }
-    return 0;
-  });
-}
-/** @internal */
-let ScalabilityMode$1 = class ScalabilityMode {
-  constructor(scalabilityMode) {
-    const results = scalabilityMode.match(/^L(\d)T(\d)(h|_KEY|_KEY_SHIFT){0,1}$/);
-    if (!results) {
-      throw new Error('invalid scalability mode');
+    // remove track from maps only after unsubscribed has been fired
+    this.tracks.delete(sid);
+    // remove from the right type map
+    switch (publication.kind) {
+      case Track.Kind.Audio:
+        this.audioTracks.delete(sid);
+        break;
+      case Track.Kind.Video:
+        this.videoTracks.delete(sid);
+        break;
     }
-    this.spatial = parseInt(results[1]);
-    this.temporal = parseInt(results[2]);
-    if (results.length > 3) {
-      switch (results[3]) {
-        case 'h':
-        case '_KEY':
-        case '_KEY_SHIFT':
-          this.suffix = results[3];
-      }
+    if (sendUnpublish) {
+      this.emit(ParticipantEvent.TrackUnpublished, publication);
     }
   }
-  toString() {
-    var _a;
-    return "L".concat(this.spatial, "T").concat(this.temporal).concat((_a = this.suffix) !== null && _a !== void 0 ? _a : '');
+  /**
+   * @internal
+   */
+  setAudioOutput(output) {
+    return __awaiter(this, void 0, void 0, function* () {
+      this.audioOutput = output;
+      const promises = [];
+      this.audioTracks.forEach(pub => {
+        var _a;
+        if (pub.track instanceof RemoteAudioTrack) {
+          promises.push(pub.track.setSinkId((_a = output.deviceId) !== null && _a !== void 0 ? _a : 'default'));
+        }
+      });
+      yield Promise.all(promises);
+    });
   }
-};
+  /** @internal */
+  emit(event) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+    livekitLogger.trace('participant event', {
+      participant: this.sid,
+      event,
+      args
+    });
+    return super.emit(event, ...args);
+  }
+}
 
 class LocalParticipant extends Participant {
   /** @internal */
@@ -19910,7 +20148,7 @@ class LocalParticipant extends Participant {
       screenVideo.source = Track.Source.ScreenShare;
       const localTracks = [screenVideo];
       if (stream.getAudioTracks().length > 0) {
-        const screenAudio = new LocalAudioTrack(stream.getAudioTracks()[0], undefined, false);
+        const screenAudio = new LocalAudioTrack(stream.getAudioTracks()[0], undefined, false, this.audioContext);
         screenAudio.source = Track.Source.ScreenShareAudio;
         localTracks.push(screenAudio);
       }
@@ -19954,7 +20192,7 @@ class LocalParticipant extends Participant {
       if (track instanceof MediaStreamTrack) {
         switch (track.kind) {
           case 'audio':
-            track = new LocalAudioTrack(track, defaultConstraints, true);
+            track = new LocalAudioTrack(track, defaultConstraints, true, this.audioContext);
             break;
           case 'video':
             track = new LocalVideoTrack(track, defaultConstraints, true);
@@ -19963,6 +20201,9 @@ class LocalParticipant extends Participant {
             throw new TrackInvalidError("unsupported MediaStreamTrack kind ".concat(track.kind));
         }
       }
+      if (track instanceof LocalAudioTrack) {
+        track.setAudioContext(this.audioContext);
+      }
       // is it already published? if so skip
       let existingPublication;
       this.tracks.forEach(publication => {
@@ -20100,6 +20341,9 @@ class LocalParticipant extends Participant {
           }
           // set up backup
           if (opts.videoCodec && opts.backupCodec && opts.videoCodec !== opts.backupCodec.codec) {
+            if (!this.roomOptions.dynacast) {
+              this.roomOptions.dynacast = true;
+            }
             const simOpts = Object.assign({}, opts);
             simOpts.simulcast = true;
             simEncodings = computeTrackBackupEncodings(track, opts.backupCodec.codec, simOpts);
@@ -20598,11 +20842,13 @@ class Room extends eventsExports.EventEmitter {
         if (this.abortController) {
           this.abortController.abort();
         }
-        this.abortController = new AbortController();
+        // explicit creation as local var needed to satisfy TS compiler when passing it to `attemptConnection` further down
+        const abortController = new AbortController();
+        this.abortController = abortController;
         // at this point the intention to connect has been signalled so we can allow cancelling of the connection via disconnect() again
         unlockDisconnect === null || unlockDisconnect === void 0 ? void 0 : unlockDisconnect();
         try {
-          yield this.attemptConnection(regionUrl !== null && regionUrl !== void 0 ? regionUrl : url, token, opts, this.abortController);
+          yield this.attemptConnection(regionUrl !== null && regionUrl !== void 0 ? regionUrl : url, token, opts, abortController);
           this.abortController = undefined;
           resolve();
         } catch (e) {
@@ -20644,7 +20890,8 @@ class Room extends eventsExports.EventEmitter {
         publishOnly: connectOptions.publishOnly,
         adaptiveStream: typeof roomOptions.adaptiveStream === 'object' ? true : roomOptions.adaptiveStream,
         maxRetries: connectOptions.maxRetries,
-        e2eeEnabled: !!this.e2eeManager
+        e2eeEnabled: !!this.e2eeManager,
+        websocketTimeout: connectOptions.websocketTimeout
       }, abortController.signal);
       let serverInfo = joinResponse.serverInfo;
       if (!serverInfo) {
@@ -20676,6 +20923,9 @@ class Room extends eventsExports.EventEmitter {
       if (joinResponse.room) {
         this.handleRoomUpdate(joinResponse.room);
       }
+      if (this.options.e2ee && this.e2eeManager) {
+        this.e2eeManager.setSifTrailer(joinResponse.sifTrailer);
+      }
     };
     this.attemptConnection = (url, token, opts, abortController) => __awaiter(this, void 0, void 0, function* () {
       var _d, _e;
@@ -21254,7 +21504,7 @@ class Room extends eventsExports.EventEmitter {
   /**
    * @internal for testing
    */
-  simulateScenario(scenario) {
+  simulateScenario(scenario, arg) {
     return __awaiter(this, void 0, void 0, function* () {
       let postAction = () => {};
       let req;
@@ -21323,6 +21573,17 @@ class Room extends eventsExports.EventEmitter {
             }
           });
           break;
+        case 'subscriber-bandwidth':
+          if (arg === undefined || typeof arg !== 'number') {
+            throw new Error('subscriber-bandwidth requires a number as argument');
+          }
+          req = new SimulateScenario({
+            scenario: {
+              case: 'subscriberBandwidth',
+              value: BigInt(arg)
+            }
+          });
+          break;
       }
       if (req) {
         this.engine.client.sendSimulateScenario(req);
@@ -21339,7 +21600,6 @@ class Room extends eventsExports.EventEmitter {
    */
   startAudio() {
     return __awaiter(this, void 0, void 0, function* () {
-      yield this.acquireAudioContext();
       const elements = [];
       const browser = getBrowser();
       if (browser && browser.os === 'iOS') {
@@ -21386,10 +21646,10 @@ class Room extends eventsExports.EventEmitter {
         });
       });
       try {
-        yield Promise.all(elements.map(e => {
+        yield Promise.all([this.acquireAudioContext(), ...elements.map(e => {
           e.muted = false;
           return e.play();
-        }));
+        })]);
         this.handleAudioPlaybackStarted();
       } catch (err) {
         this.handleAudioPlaybackFailed(err);
@@ -21630,6 +21890,7 @@ class Room extends eventsExports.EventEmitter {
       if (this.options.expWebAudioMix) {
         this.participants.forEach(participant => participant.setAudioContext(this.audioContext));
       }
+      this.localParticipant.setAudioContext(this.audioContext);
       const newContextIsRunning = ((_b = this.audioContext) === null || _b === void 0 ? void 0 : _b.state) === 'running';
       if (newContextIsRunning !== this.canPlaybackAudio) {
         this.audioEnabled = newContextIsRunning;
@@ -22258,7 +22519,8 @@ class TURNCheck extends Checker {
       const joinRes = yield signalClient.join(this.url, this.token, {
         autoSubscribe: true,
         maxRetries: 0,
-        e2eeEnabled: false
+        e2eeEnabled: false,
+        websocketTimeout: 15000
       });
       let hasTLS = false;
       let hasTURN = false;
@@ -22310,18 +22572,19 @@ class WebRTCCheck extends Checker {
       this.room.on(RoomEvent.SignalConnected, () => {
         const prevTrickle = this.room.engine.client.onTrickle;
         this.room.engine.client.onTrickle = (sd, target) => {
-          console.log('got candidate', sd);
           if (sd.candidate) {
             const candidate = new RTCIceCandidate(sd);
             let str = "".concat(candidate.protocol, " ").concat(candidate.address, ":").concat(candidate.port, " ").concat(candidate.type);
-            if (candidate.protocol === 'tcp' && candidate.tcpType === 'passive') {
-              hasTcp = true;
-              str += ' (active)';
-            } else if (candidate.protocol === 'udp' && candidate.address) {
+            if (candidate.address) {
               if (isIPPrivate(candidate.address)) {
                 str += ' (private)';
               } else {
-                hasIpv4Udp = true;
+                if (candidate.protocol === 'tcp' && candidate.tcpType === 'passive') {
+                  hasTcp = true;
+                  str += ' (passive)';
+                } else if (candidate.protocol === 'udp') {
+                  hasIpv4Udp = true;
+                }
               }
             }
             this.appendMessage(str);
@@ -22340,7 +22603,7 @@ class WebRTCCheck extends Checker {
       });
       try {
         yield this.connect();
-        console.log('now the room is connected');
+        livekitLogger.info('now the room is connected');
       } catch (err) {
         this.appendWarning('ports need to be open on firewall in order to connect.');
         throw err;
@@ -22385,7 +22648,8 @@ class WebSocketCheck extends Checker {
       const joinRes = yield signalClient.join(this.url, this.token, {
         autoSubscribe: true,
         maxRetries: 0,
-        e2eeEnabled: false
+        e2eeEnabled: false,
+        websocketTimeout: 15000
       });
       this.appendMessage("Connected to server, version ".concat(joinRes.serverVersion, "."));
       if (((_a = joinRes.serverInfo) === null || _a === void 0 ? void 0 : _a.edition) === ServerInfo_Edition.Cloud && ((_b = joinRes.serverInfo) === null || _b === void 0 ? void 0 : _b.region)) {
@@ -22549,5 +22813,5 @@ function isFacingModeValue(item) {
   return item === undefined || allowedValues.includes(item);
 }
 
-export { AudioPresets, BaseKeyProvider, ConnectionCheck, ConnectionError, ConnectionQuality, ConnectionState, CriticalTimers, CryptorEvent, DataPacket_Kind, DefaultReconnectPolicy, DeviceUnsupportedError, DisconnectReason, EncryptionEvent, EngineEvent, ExternalE2EEKeyProvider, LivekitError, LocalAudioTrack, LocalParticipant, LocalTrack, LocalTrackPublication, LocalVideoTrack, LogLevel, MediaDeviceFailure, NegotiationError, Participant, ParticipantEvent, PublishDataError, RemoteAudioTrack, RemoteParticipant, RemoteTrack, RemoteTrackPublication, RemoteVideoTrack, Room, RoomEvent, RoomState, ScreenSharePresets, Track, TrackEvent, TrackInvalidError, TrackPublication, UnexpectedConnectionState, UnsupportedServer, VideoPreset, VideoPresets, VideoPresets43, VideoQuality, attachToElement, createAudioAnalyser, createE2EEKey, createKeyMaterialFromString, createLocalAudioTrack, createLocalScreenTracks, createLocalTracks, createLocalVideoTrack, deriveKeys, detachTrack, facingModeFromDeviceLabel, facingModeFromLocalTrack, getEmptyAudioStreamTrack, getEmptyVideoStreamTrack, importKey, isBackupCodec, isBrowserSupported, isCodecEqual, isE2EESupported, isInsertableStreamSupported, isScriptTransformSupported, isVideoFrame, mimeTypeToVideoCodecString, protocolVersion, ratchet, setLogExtension, setLogLevel, supportsAV1, supportsAdaptiveStream, supportsDynacast, supportsVP9, version, videoCodecs };
+export { AudioPresets, BaseKeyProvider, ConnectionCheck, ConnectionError, ConnectionQuality, ConnectionState, CriticalTimers, CryptorEvent, DataPacket_Kind, DefaultReconnectPolicy, DeviceUnsupportedError, DisconnectReason, EncryptionEvent, EngineEvent, ExternalE2EEKeyProvider, LivekitError, LocalAudioTrack, LocalParticipant, LocalTrack, LocalTrackPublication, LocalVideoTrack, LogLevel, MediaDeviceFailure, NegotiationError, Participant, ParticipantEvent, PublishDataError, RemoteAudioTrack, RemoteParticipant, RemoteTrack, RemoteTrackPublication, RemoteVideoTrack, Room, RoomEvent, RoomState, ScreenSharePresets, Track, TrackEvent, TrackInvalidError, TrackPublication, UnexpectedConnectionState, UnsupportedServer, VideoPreset, VideoPresets, VideoPresets43, VideoQuality, attachToElement, createAudioAnalyser, createE2EEKey, createKeyMaterialFromBuffer, createKeyMaterialFromString, createLocalAudioTrack, createLocalScreenTracks, createLocalTracks, createLocalVideoTrack, deriveKeys, detachTrack, facingModeFromDeviceLabel, facingModeFromLocalTrack, getEmptyAudioStreamTrack, getEmptyVideoStreamTrack, importKey, isBackupCodec, isBrowserSupported, isCodecEqual, isE2EESupported, isInsertableStreamSupported, isScriptTransformSupported, isVideoFrame, mimeTypeToVideoCodecString, protocolVersion, ratchet, setLogExtension, setLogLevel, supportsAV1, supportsAdaptiveStream, supportsDynacast, supportsVP9, version, videoCodecs };
 //# sourceMappingURL=livekit-client.esm.mjs.map