livekit-client 1.1.2 → 1.1.5

package/dist/livekit-client.esm.mjs

@@ -10070,7 +10070,7 @@ function computeBitrate(currentStats, prevStats) {
   return (bytesNow - bytesPrev) * 8 * 1000 / (currentStats.timestamp - prevStats.timestamp);
 }
 
-var version$1 = "1.1.2";
+var version$1 = "1.1.5";
 
 const version = version$1;
 const protocolVersion = 8;
@@ -10180,6 +10180,15 @@ function getEmptyAudioStreamTrack() {
 
   return emptyAudioStreamTrack;
 }
+class Future {
+  constructor() {
+    this.promise = new Promise((resolve, reject) => {
+      this.resolve = resolve;
+      this.reject = reject;
+    });
+  }
+
+}
 
 const defaultId = 'default';
 class DeviceManager {
@@ -11060,6 +11069,7 @@ function detachTrack(track, element) {
 
 class LocalTrack extends Track {
   constructor(mediaTrack, kind, constraints) {
+    let userProvidedTrack = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     super(mediaTrack, kind);
     this._isUpstreamPaused = false;
 
@@ -11076,6 +11086,7 @@ class LocalTrack extends Track {
     this.constraints = constraints !== null && constraints !== void 0 ? constraints : mediaTrack.getConstraints();
     this.reacquireTrack = false;
     this.wasMuted = false;
+    this.providedByUser = userProvidedTrack;
   }
 
   get id() {
@@ -11105,6 +11116,10 @@ class LocalTrack extends Track {
   get isUpstreamPaused() {
     return this._isUpstreamPaused;
   }
+
+  get isUserProvided() {
+    return this.providedByUser;
+  }
   /**
    * @returns DeviceID of the device that is currently being used for this track
    */
@@ -11136,6 +11151,8 @@ class LocalTrack extends Track {
   }
 
   async replaceTrack(track) {
+    let userProvidedTrack = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+
     if (!this.sender) {
       throw new TrackInvalidError('unable to replace an unpublished track');
     } // detach
@@ -11164,6 +11181,7 @@ class LocalTrack extends Track {
       attachToElement(track, el);
     });
     this.mediaStream = new MediaStream([track]);
+    this.providedByUser = userProvidedTrack;
     return this;
   }
 
@@ -11235,7 +11253,7 @@ class LocalTrack extends Track {
     if (!isMobile()) return;
     livekitLogger.debug("visibility changed, is in Background: ".concat(this.isInBackground));
 
-    if (!this.isInBackground && this.needsReAcquisition) {
+    if (!this.isInBackground && this.needsReAcquisition && !this.isUserProvided) {
       livekitLogger.debug("track needs to be reaquired, restarting ".concat(this.source));
       await this.restart();
       this.reacquireTrack = false; // Restore muted state if had to be restarted
@@ -11386,7 +11404,8 @@ function getNewAudioContext() {
 
 class LocalAudioTrack extends LocalTrack {
   constructor(mediaTrack, constraints) {
-    super(mediaTrack, Track.Kind.Audio, constraints);
+    let userProvidedTrack = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    super(mediaTrack, Track.Kind.Audio, constraints, userProvidedTrack);
     /** @internal */
 
     this.stopOnMute = false;
@@ -11446,7 +11465,7 @@ class LocalAudioTrack extends LocalTrack {
   }
 
   async unmute() {
-    if (this.source === Track.Source.Microphone && this.stopOnMute) {
+    if (this.source === Track.Source.Microphone && this.stopOnMute && !this.isUserProvided) {
       livekitLogger.debug('reacquiring mic track');
       await this.restartTrack();
     }
@@ -11530,7 +11549,8 @@ class LocalAudioTrack extends LocalTrack {
 const refreshSubscribedCodecAfterNewCodec = 5000;
 class LocalVideoTrack extends LocalTrack {
   constructor(mediaTrack, constraints) {
-    super(mediaTrack, Track.Kind.Video, constraints);
+    let userProvidedTrack = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    super(mediaTrack, Track.Kind.Video, constraints, userProvidedTrack);
     this.simulcastCodecs = new Map();
 
     this.monitorSender = async () => {
@@ -11627,7 +11647,7 @@ class LocalVideoTrack extends LocalTrack {
   }
 
   async unmute() {
-    if (this.source === Track.Source.Camera) {
+    if (this.source === Track.Source.Camera && !this.isUserProvided) {
       livekitLogger.debug('reacquiring camera track');
       await this.restartTrack();
     }
@@ -12225,6 +12245,8 @@ class RemoteVideoTrack extends RemoteTrack {
 
       this.debouncedHandleResize();
       this.updateVisibility();
+    } else {
+      livekitLogger.warn('visibility resize observer not triggered');
     }
   }
   /**
@@ -12373,9 +12395,7 @@ class RemoteVideoTrack extends RemoteTrack {
 }
 
 class HTMLElementInfo {
-  constructor(element) {
-    let visible = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
+  constructor(element, visible) {
     this.onVisibilityChanged = entry => {
       var _a;
 
@@ -12392,7 +12412,7 @@ class HTMLElementInfo {
     };
 
     this.element = element;
-    this.visible = visible;
+    this.visible = visible !== null && visible !== void 0 ? visible : isElementInViewport(element);
     this.visibilityChangedAt = 0;
   }
 
@@ -12423,6 +12443,29 @@ class HTMLElementInfo {
     (_b = getResizeObserver()) === null || _b === void 0 ? void 0 : _b.unobserve(this.element);
   }
 
+} // 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 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 TrackPublication extends events.exports.EventEmitter {
@@ -12932,10 +12975,10 @@ function trackPermissionToProto(perms) {
 function mediaTrackToLocalTrack(mediaStreamTrack, constraints) {
   switch (mediaStreamTrack.kind) {
     case 'audio':
-      return new LocalAudioTrack(mediaStreamTrack, constraints);
+      return new LocalAudioTrack(mediaStreamTrack, constraints, false);
 
     case 'video':
-      return new LocalVideoTrack(mediaStreamTrack, constraints);
+      return new LocalVideoTrack(mediaStreamTrack, constraints, false);
 
     default:
       throw new TrackInvalidError("unsupported track type: ".concat(mediaStreamTrack.kind));
@@ -13395,9 +13438,7 @@ class RemoteParticipant extends Participant {
 
 
   static fromParticipantInfo(signalClient, pi) {
-    const rp = new RemoteParticipant(signalClient, pi.sid, pi.identity);
-    rp.updateInfo(pi);
-    return rp;
+    return new RemoteParticipant(signalClient, pi.sid, pi.identity);
   }
 
   addTrackPublication(publication) {
@@ -13538,7 +13579,6 @@ class RemoteParticipant extends Participant {
 
 
   updateInfo(info) {
-    const alreadyHasMetadata = this.hasMetadata;
     super.updateInfo(info); // 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
@@ -13566,14 +13606,11 @@ class RemoteParticipant extends Participant {
       }
 
       validTracks.set(ti.sid, publication);
-    }); // send new tracks
-
-    if (alreadyHasMetadata) {
-      newTracks.forEach(publication => {
-        this.emit(ParticipantEvent.TrackPublished, publication);
-      });
-    } // detect removed tracks
+    }); // always emit events for new publications, Room will not forward them unless it's ready
 
+    newTracks.forEach(publication => {
+      this.emit(ParticipantEvent.TrackPublished, publication);
+    }); // detect removed tracks
 
     this.tracks.forEach(publication => {
       if (!validTracks.has(publication.trackSid)) {
@@ -14048,12 +14085,12 @@ class LocalParticipant extends Participant {
       throw new TrackInvalidError('no video track found');
     }
 
-    const screenVideo = new LocalVideoTrack(tracks[0]);
+    const screenVideo = new LocalVideoTrack(tracks[0], undefined, false);
     screenVideo.source = Track.Source.ScreenShare;
     const localTracks = [screenVideo];
 
     if (stream.getAudioTracks().length > 0) {
-      const screenAudio = new LocalAudioTrack(stream.getAudioTracks()[0]);
+      const screenAudio = new LocalAudioTrack(stream.getAudioTracks()[0], undefined, false);
       screenAudio.source = Track.Source.ScreenShareAudio;
       localTracks.push(screenAudio);
     }
@@ -14076,11 +14113,11 @@ class LocalParticipant extends Participant {
     if (track instanceof MediaStreamTrack) {
       switch (track.kind) {
         case 'audio':
-          track = new LocalAudioTrack(track);
+          track = new LocalAudioTrack(track, undefined, true);
           break;
 
         case 'video':
-          track = new LocalVideoTrack(track);
+          track = new LocalVideoTrack(track, undefined, true);
           break;
 
         default:
@@ -19399,14 +19436,18 @@ class Room extends events.exports.EventEmitter {
     this.audioEnabled = true;
 
     this.connect = async (url, token, opts) => {
-      var _a, _b; // guard against calling connect
-
+      var _a, _b, _c, _d;
 
-      if (this.state !== ConnectionState.Disconnected) {
+      if (this.state === ConnectionState.Connected) {
+        // when the state is reconnecting or connected, this function returns immediately
         livekitLogger.warn("already connected to room ".concat(this.name));
         return;
       }
 
+      if (this.connectFuture) {
+        return this.connectFuture.promise;
+      }
+
       this.setAndEmitConnectionState(ConnectionState.Connecting);
 
       if (!this.abortController || this.abortController.signal.aborted) {
@@ -19472,50 +19513,48 @@ class Room extends events.exports.EventEmitter {
         this.metadata = joinResponse.room.metadata;
         this.emit(RoomEvent.SignalConnected);
       } catch (err) {
-        this.engine.close();
-        this.setAndEmitConnectionState(ConnectionState.Disconnected);
+        this.recreateEngine();
+        this.setAndEmitConnectionState(ConnectionState.Disconnected, new ConnectionError('could not establish signal connection'));
         throw err;
       } // don't return until ICE connected
 
 
-      return new Promise((resolve, reject) => {
-        var _a, _b;
+      const connectTimeout = setTimeout(() => {
+        // timeout
+        this.recreateEngine();
+        this.setAndEmitConnectionState(ConnectionState.Disconnected, new ConnectionError('could not connect PeerConnection after timeout'));
+      }, maxICEConnectTimeout);
 
-        const connectTimeout = setTimeout(() => {
-          // timeout
-          this.engine.close();
-          this.setAndEmitConnectionState(ConnectionState.Disconnected);
-          reject(new ConnectionError('could not connect after timeout'));
-        }, maxICEConnectTimeout);
-
-        const abortHandler = () => {
-          livekitLogger.warn('closing engine');
-          clearTimeout(connectTimeout);
-          this.engine.close();
-          this.setAndEmitConnectionState(ConnectionState.Disconnected);
-          reject(new ConnectionError('room connection has been cancelled'));
-        };
+      const abortHandler = () => {
+        livekitLogger.warn('closing engine');
+        clearTimeout(connectTimeout);
+        this.recreateEngine();
+        this.setAndEmitConnectionState(ConnectionState.Disconnected, new ConnectionError('room connection has been cancelled'));
+      };
 
-        if ((_a = this.abortController) === null || _a === void 0 ? void 0 : _a.signal.aborted) {
-          abortHandler();
-        }
+      if ((_c = this.abortController) === null || _c === void 0 ? void 0 : _c.signal.aborted) {
+        abortHandler();
+      }
 
-        (_b = this.abortController) === null || _b === void 0 ? void 0 : _b.signal.addEventListener('abort', abortHandler);
-        this.engine.once(EngineEvent.Connected, () => {
-          var _a, _b;
+      (_d = this.abortController) === null || _d === void 0 ? void 0 : _d.signal.addEventListener('abort', abortHandler);
+      this.engine.once(EngineEvent.Connected, () => {
+        var _a, _b;
 
-          clearTimeout(connectTimeout);
-          (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.signal.removeEventListener('abort', abortHandler); // also hook unload event
+        clearTimeout(connectTimeout);
+        (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.signal.removeEventListener('abort', abortHandler); // also hook unload event
 
-          if (isWeb()) {
-            window.addEventListener('beforeunload', this.onBeforeUnload);
-            (_b = navigator.mediaDevices) === null || _b === void 0 ? void 0 : _b.addEventListener('devicechange', this.handleDeviceChange);
-          }
+        if (isWeb()) {
+          window.addEventListener('beforeunload', this.onBeforeUnload);
+          (_b = navigator.mediaDevices) === null || _b === void 0 ? void 0 : _b.addEventListener('devicechange', this.handleDeviceChange);
+        }
 
-          this.setAndEmitConnectionState(ConnectionState.Connected);
-          resolve(this);
-        });
+        this.setAndEmitConnectionState(ConnectionState.Connected);
       });
+
+      if (this.connectFuture) {
+        /** @ts-ignore */
+        return this.connectFuture.promise;
+      }
     };
     /**
      * disconnects the room, emits [[RoomEvent.Disconnected]]
@@ -19556,14 +19595,14 @@ class Room extends events.exports.EventEmitter {
     };
 
     this.handleRestarting = () => {
-      if (this.setAndEmitConnectionState(ConnectionState.Reconnecting)) {
-        this.emit(RoomEvent.Reconnecting);
-      } // also unwind existing participants & existing subscriptions
-
-
+      // also unwind existing participants & existing subscriptions
       for (const p of this.participants.values()) {
         this.handleParticipantDisconnected(p.sid, p);
       }
+
+      if (this.setAndEmitConnectionState(ConnectionState.Reconnecting)) {
+        this.emit(RoomEvent.Reconnecting);
+      }
     };
 
     this.handleRestarted = async joinResponse => {
@@ -19592,7 +19631,7 @@ class Room extends events.exports.EventEmitter {
         this.localParticipant.unpublishTrack(track, false);
 
         if (!track.isMuted) {
-          if (track instanceof LocalAudioTrack || track instanceof LocalVideoTrack) {
+          if ((track instanceof LocalAudioTrack || track instanceof LocalVideoTrack) && !track.isUserProvided) {
             // we need to restart the track before publishing, often a full reconnect
             // is necessary because computer had gone to sleep.
             livekitLogger.debug('restarting existing track', {
@@ -19631,7 +19670,7 @@ class Room extends events.exports.EventEmitter {
           this.handleParticipantDisconnected(info.sid, remoteParticipant);
         } else if (isNewParticipant) {
           // fire connected event
-          this.emit(RoomEvent.ParticipantConnected, remoteParticipant);
+          this.emitWhenConnected(RoomEvent.ParticipantConnected, remoteParticipant);
         } else {
           // just update, no events
           remoteParticipant.updateInfo(info);
@@ -19673,7 +19712,7 @@ class Room extends events.exports.EventEmitter {
         }
       });
       this.activeSpeakers = activeSpeakers;
-      this.emit(RoomEvent.ActiveSpeakersChanged, activeSpeakers);
+      this.emitWhenConnected(RoomEvent.ActiveSpeakersChanged, activeSpeakers);
     }; // process list of changed speakers
 
 
@@ -19705,7 +19744,7 @@ class Room extends events.exports.EventEmitter {
       const activeSpeakers = Array.from(lastSpeakers.values());
       activeSpeakers.sort((a, b) => b.audioLevel - a.audioLevel);
       this.activeSpeakers = activeSpeakers;
-      this.emit(RoomEvent.ActiveSpeakersChanged, activeSpeakers);
+      this.emitWhenConnected(RoomEvent.ActiveSpeakersChanged, activeSpeakers);
     };
 
     this.handleStreamStateUpdate = streamStateUpdate => {
@@ -19724,7 +19763,7 @@ class Room extends events.exports.EventEmitter {
 
         pub.track.streamState = Track.streamStateFromProto(streamState.state);
         participant.emit(ParticipantEvent.TrackStreamStateChanged, pub, pub.track.streamState);
-        this.emit(ParticipantEvent.TrackStreamStateChanged, pub, pub.track.streamState, participant);
+        this.emitWhenConnected(ParticipantEvent.TrackStreamStateChanged, pub, pub.track.streamState, participant);
       });
     };
 
@@ -19743,7 +19782,7 @@ class Room extends events.exports.EventEmitter {
 
       pub._allowed = update.allowed;
       participant.emit(ParticipantEvent.TrackSubscriptionPermissionChanged, pub, pub.subscriptionStatus);
-      this.emit(ParticipantEvent.TrackSubscriptionPermissionChanged, pub, pub.subscriptionStatus, participant);
+      this.emitWhenConnected(ParticipantEvent.TrackSubscriptionPermissionChanged, pub, pub.subscriptionStatus, participant);
     };
 
     this.handleDataPacket = (userPacket, kind) => {
@@ -19780,7 +19819,7 @@ class Room extends events.exports.EventEmitter {
 
     this.handleRoomUpdate = r => {
       this.metadata = r.metadata;
-      this.emit(RoomEvent.RoomMetadataChanged, r.metadata);
+      this.emitWhenConnected(RoomEvent.RoomMetadataChanged, r.metadata);
     };
 
     this.handleConnectionQualityUpdate = update => {
@@ -19838,6 +19877,10 @@ class Room extends events.exports.EventEmitter {
         this.sendSyncState();
       }
     }).on(EngineEvent.Restarting, this.handleRestarting).on(EngineEvent.Restarted, this.handleRestarted);
+
+    if (this.localParticipant) {
+      this.localParticipant.engine = this.engine;
+    }
   }
   /**
    * getLocalDevices abstracts navigator.mediaDevices.enumerateDevices.
@@ -20014,7 +20057,34 @@ class Room extends events.exports.EventEmitter {
     }
   }
 
+  recreateEngine() {
+    this.engine.close();
+    /* @ts-ignore */
+
+    this.engine = undefined; // clear out existing remote participants, since they may have attached
+    // the old engine
+
+    this.participants.clear();
+    this.createEngine();
+  }
+
   onTrackAdded(mediaTrack, stream, receiver) {
+    // don't fire onSubscribed when connecting
+    // WebRTC fires onTrack as soon as setRemoteDescription is called on the offer
+    // at that time, ICE connectivity has not been established so the track is not
+    // technically subscribed.
+    // We'll defer these events until when the room is connected or eventually disconnected.
+    if (this.state === ConnectionState.Connecting || this.state === ConnectionState.Reconnecting) {
+      setTimeout(() => {
+        this.onTrackAdded(mediaTrack, stream, receiver);
+      }, 50);
+      return;
+    }
+
+    if (this.state === ConnectionState.Disconnected) {
+      livekitLogger.warn('skipping incoming track after Room disconnected');
+    }
+
     const parts = unpackStreamId(stream.id);
     const participantId = parts[0];
     let trackId = parts[1];
@@ -20084,7 +20154,7 @@ class Room extends events.exports.EventEmitter {
     participant.tracks.forEach(publication => {
       participant.unpublishTrack(publication.trackSid, true);
     });
-    this.emit(RoomEvent.ParticipantDisconnected, participant);
+    this.emitWhenConnected(RoomEvent.ParticipantDisconnected, participant);
   }
 
   acquireAudioContext() {
@@ -20131,7 +20201,7 @@ class Room extends events.exports.EventEmitter {
 
 
     participant.on(ParticipantEvent.TrackPublished, trackPublication => {
-      this.emit(RoomEvent.TrackPublished, trackPublication, participant);
+      this.emitWhenConnected(RoomEvent.TrackPublished, trackPublication, participant);
     }).on(ParticipantEvent.TrackSubscribed, (track, publication) => {
       // monitor playback status
       if (track.kind === Track.Kind.Audio) {
@@ -20141,22 +20211,27 @@ class Room extends events.exports.EventEmitter {
 
       this.emit(RoomEvent.TrackSubscribed, track, publication, participant);
     }).on(ParticipantEvent.TrackUnpublished, publication => {
-      this.emit(RoomEvent.TrackUnpublished, publication, participant);
+      this.emitWhenConnected(RoomEvent.TrackUnpublished, publication, participant);
     }).on(ParticipantEvent.TrackUnsubscribed, (track, publication) => {
       this.emit(RoomEvent.TrackUnsubscribed, track, publication, participant);
     }).on(ParticipantEvent.TrackSubscriptionFailed, sid => {
       this.emit(RoomEvent.TrackSubscriptionFailed, sid, participant);
     }).on(ParticipantEvent.TrackMuted, pub => {
-      this.emit(RoomEvent.TrackMuted, pub, participant);
+      this.emitWhenConnected(RoomEvent.TrackMuted, pub, participant);
     }).on(ParticipantEvent.TrackUnmuted, pub => {
-      this.emit(RoomEvent.TrackUnmuted, pub, participant);
+      this.emitWhenConnected(RoomEvent.TrackUnmuted, pub, participant);
     }).on(ParticipantEvent.ParticipantMetadataChanged, metadata => {
-      this.emit(RoomEvent.ParticipantMetadataChanged, metadata, participant);
+      this.emitWhenConnected(RoomEvent.ParticipantMetadataChanged, metadata, participant);
     }).on(ParticipantEvent.ConnectionQualityChanged, quality => {
-      this.emit(RoomEvent.ConnectionQualityChanged, quality, participant);
+      this.emitWhenConnected(RoomEvent.ConnectionQualityChanged, quality, participant);
     }).on(ParticipantEvent.ParticipantPermissionsChanged, prevPermissions => {
-      this.emit(RoomEvent.ParticipantPermissionsChanged, prevPermissions, participant);
-    });
+      this.emitWhenConnected(RoomEvent.ParticipantPermissionsChanged, prevPermissions, participant);
+    }); // update info at the end after callbacks have been set up
+
+    if (info) {
+      participant.updateInfo(info);
+    }
+
     return participant;
   }
 
@@ -20213,21 +20288,62 @@ class Room extends events.exports.EventEmitter {
     }
   }
 
-  setAndEmitConnectionState(state) {
+  setAndEmitConnectionState(state, error) {
     if (state === this.state) {
       // unchanged
       return false;
     }
 
+    switch (state) {
+      case ConnectionState.Connecting:
+      case ConnectionState.Reconnecting:
+        if (!this.connectFuture) {
+          // reuse existing connect future if possible
+          this.connectFuture = new Future();
+        }
+
+        break;
+
+      case ConnectionState.Connected:
+        if (this.connectFuture) {
+          this.connectFuture.resolve();
+          this.connectFuture = undefined;
+        }
+
+        break;
+
+      case ConnectionState.Disconnected:
+        if (this.connectFuture) {
+          error !== null && error !== void 0 ? error : error = new Error('disconnected from Room');
+          this.connectFuture.reject(error);
+          this.connectFuture = undefined;
+        }
+
+        break;
+
+    }
+
     this.state = state;
     this.emit(RoomEvent.ConnectionStateChanged, this.state);
     return true;
+  }
+
+  emitWhenConnected(event) {
+    if (this.state === ConnectionState.Connected) {
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+
+      return this.emit(event, ...args);
+    }
+
+    return false;
   } // /** @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];
+    for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+      args[_key2 - 1] = arguments[_key2];
     }
 
     livekitLogger.debug('room event', {
@@ -20336,12 +20452,12 @@ async function createLocalScreenTracks(options) {
     throw new TrackInvalidError('no video track found');
   }
 
-  const screenVideo = new LocalVideoTrack(tracks[0]);
+  const screenVideo = new LocalVideoTrack(tracks[0], undefined, false);
   screenVideo.source = Track.Source.ScreenShare;
   const localTracks = [screenVideo];
 
   if (stream.getAudioTracks().length > 0) {
-    const screenAudio = new LocalAudioTrack(stream.getAudioTracks()[0]);
+    const screenAudio = new LocalAudioTrack(stream.getAudioTracks()[0], undefined, false);
     screenAudio.source = Track.Source.ScreenShareAudio;
     localTracks.push(screenAudio);
   }