livekit-client 0.12.2 → 0.13.0

package/example/sample.ts

@@ -1,8 +1,5 @@
 import {
-  connect, createLocalScreenTracks, CreateVideoTrackOptions, DataPacket_Kind, LocalAudioTrack,
-  LocalTrack,
-  LocalVideoTrack,
-  LogLevel,
+  connect, CreateVideoTrackOptions, DataPacket_Kind, LocalTrack, LogLevel,
   Participant,
   ParticipantEvent,
   RemoteParticipant,
@@ -18,9 +15,10 @@ declare global {
   interface Window {
     connectWithFormInput: any;
     connectToRoom: any;
+    handleDeviceSelected: any;
     shareScreen: any;
-    muteVideo: any;
-    muteAudio: any;
+    toggleVideo: any;
+    toggleAudio: any;
     enterText: any;
     disconnectSignal: any;
     disconnectRoom: any;
@@ -142,21 +140,42 @@ function participantDisconnected(participant: RemoteParticipant) {
 function handleRoomDisconnect() {
   appendLog('disconnected from room');
   setButtonsForState(false);
-  if (videoTrack) {
-    videoTrack.stop();
-    trackUnsubscribed(videoTrack);
+  $('local-video')!.innerHTML = '';
+
+  // clear the chat area on disconnect
+  clearChat();
+
+  // clear remote area on disconnect
+  clearRemoteArea();
+}
+
+function setButtonState(buttonId: string, buttonText: string, isActive: boolean) {
+  const el = $(buttonId);
+  if (!el) return;
+
+  el.innerHTML = buttonText;
+  if (isActive) {
+    el.classList.add('active');
+  } else {
+    el.classList.remove('active');
   }
-  if (audioTrack) {
-    audioTrack.stop();
-    trackUnsubscribed(audioTrack);
+}
+
+function clearChat() {
+  const chat = <HTMLTextAreaElement>$('chat');
+  chat.value = '';
+}
+
+function clearRemoteArea() {
+  const el = $('remote-area');
+  if (!el) return;
+
+  while (el.firstChild) {
+    el.removeChild(el.firstChild);
   }
-  $('local-video')!.innerHTML = '';
 }
 
 let currentRoom: Room;
-let videoTrack: LocalVideoTrack | undefined;
-let audioTrack: LocalAudioTrack;
-let screenTrack: LocalVideoTrack | undefined;
 window.connectWithFormInput = () => {
   const url = (<HTMLInputElement>$('url')).value;
   const token = (<HTMLInputElement>$('token')).value;
@@ -177,13 +196,21 @@ window.connectToRoom = async (
   if (forceTURN) {
     rtcConfig.iceTransportPolicy = 'relay';
   }
+  const shouldPublish = (<HTMLInputElement>$('publish-option')).checked;
+  let audioOptions = true;
+  let videoOptions: boolean | CreateVideoTrackOptions = {
+    resolution: VideoPresets.qhd.resolution,
+  };
+  if (!shouldPublish) {
+    audioOptions = false;
+    videoOptions = false;
+  }
+
   try {
     room = await connect(url, token, {
       logLevel: LogLevel.debug,
-      audio: true,
-      video: {
-        resolution: VideoPresets.qhd.resolution,
-      },
+      audio: audioOptions,
+      video: videoOptions,
       simulcast,
       rtcConfig,
     });
@@ -196,11 +223,11 @@ window.connectToRoom = async (
     return;
   }
 
-  window.currentRoom = room;
   appendLog('connected to room', room.name);
-  setButtonsForState(true);
   currentRoom = room;
   window.currentRoom = room;
+  setButtonsForState(true);
+  updateButtonsForPublishState();
 
   room
     .on(RoomEvent.ParticipantConnected, participantConnected)
@@ -212,6 +239,10 @@ window.connectToRoom = async (
     .on(RoomEvent.Reconnected, () => appendLog('Successfully reconnected!'))
     .on(RoomEvent.TrackMuted, (pub: TrackPublication, p: Participant) => appendLog('track was muted', pub.trackSid, p.identity))
     .on(RoomEvent.TrackUnmuted, (pub: TrackPublication, p: Participant) => appendLog('track was unmuted', pub.trackSid, p.identity))
+    .on(RoomEvent.RoomMetadataChanged, (metadata) => {
+      appendLog('new metadata for room', metadata);
+    })
+    .on(RoomEvent.MediaDevicesChanged, handleDevicesChanged)
     .on(RoomEvent.AudioPlaybackStatusChanged, () => {
       if (room.canPlaybackAudio) {
         $('start-audio-button')?.setAttribute('disabled', 'true');
@@ -226,48 +257,40 @@ window.connectToRoom = async (
   });
 
   $('local-video')!.innerHTML = `${room.localParticipant.identity} (me)`;
-
-  // add already published tracks
-  currentRoom.localParticipant.tracks.forEach((publication) => {
-    if (publication.kind === Track.Kind.Video) {
-      videoTrack = <LocalVideoTrack>publication.track;
-      publishLocalVideo(videoTrack);
-    } else if (publication.kind === Track.Kind.Audio) {
-      // skip adding local audio track, to avoid your own sound
-      // only process local video tracks
-      audioTrack = <LocalAudioTrack>publication.track;
-    }
-  });
+  attachLocalVideo();
 };
 
-window.muteVideo = () => {
-  if (!currentRoom || !videoTrack) return;
+window.toggleVideo = async () => {
+  if (!currentRoom) return;
   const video = getMyVideo();
-  if (!videoTrack.isMuted) {
-    appendLog('muting video');
-    videoTrack.mute();
+  if (currentRoom.localParticipant.isCameraEnabled) {
+    appendLog('disabling video');
+    await currentRoom.localParticipant.setCameraEnabled(false);
     // hide from display
     if (video) {
       video.style.display = 'none';
     }
   } else {
-    appendLog('unmuting video');
-    videoTrack.unmute();
+    appendLog('enabling video');
+    await currentRoom.localParticipant.setCameraEnabled(true);
+    attachLocalVideo();
     if (video) {
       video.style.display = '';
     }
   }
+  updateButtonsForPublishState();
 };
 
-window.muteAudio = () => {
-  if (!currentRoom || !audioTrack) return;
-  if (!audioTrack.isMuted) {
-    appendLog('muting audio');
-    audioTrack.mute();
+window.toggleAudio = async () => {
+  if (!currentRoom) return;
+  if (currentRoom.localParticipant.isMicrophoneEnabled) {
+    appendLog('disabling audio');
+    await currentRoom.localParticipant.setMicrophoneEnabled(false);
   } else {
-    appendLog('unmuting audio');
-    audioTrack.unmute();
+    appendLog('enabling audio');
+    await currentRoom.localParticipant.setMicrophoneEnabled(true);
   }
+  updateButtonsForPublishState();
 };
 
 window.enterText = () => {
@@ -283,26 +306,17 @@ window.enterText = () => {
 };
 
 window.shareScreen = async () => {
-  if (screenTrack !== undefined) {
-    currentRoom.localParticipant.unpublishTrack(screenTrack);
-    screenTrack = undefined;
-    return;
-  }
+  if (!currentRoom) return;
 
-  const screenTracks = await createLocalScreenTracks({
-    audio: true,
-  });
-  screenTracks.forEach((track) => {
-    if (track instanceof LocalVideoTrack) {
-      screenTrack = track;
-      currentRoom.localParticipant.publishTrack(track, {
-        videoEncoding: VideoPresets.fhd.encoding,
-      });
-    } else {
-      // publish audio track as well
-      currentRoom.localParticipant.publishTrack(track);
-    }
-  });
+  if (currentRoom.localParticipant.isScreenShareEnabled) {
+    appendLog('stopping screen share');
+    await currentRoom.localParticipant.setScreenShareEnabled(false);
+  } else {
+    appendLog('starting screen share');
+    await currentRoom.localParticipant.setScreenShareEnabled(true);
+    appendLog('started screen share');
+  }
+  updateButtonsForPublishState();
 };
 
 window.disconnectSignal = () => {
@@ -323,31 +337,59 @@ window.startAudio = () => {
   currentRoom.startAudio();
 };
 
-let isFacingForward = true;
+let isFrontFacing = true;
 window.flipVideo = () => {
-  if (!videoTrack) {
+  const videoPub = currentRoom.localParticipant.getTrack(Track.Source.Camera);
+  if (!videoPub) {
     return;
   }
-  isFacingForward = !isFacingForward;
+  if (isFrontFacing) {
+    setButtonState('flip-video-button', 'Front Camera', false);
+  } else {
+    setButtonState('flip-video-button', 'Back Camera', false);
+  }
+  isFrontFacing = !isFrontFacing;
   const options: CreateVideoTrackOptions = {
     resolution: VideoPresets.qhd.resolution,
-    facingMode: isFacingForward ? 'user' : 'environment',
+    facingMode: isFrontFacing ? 'user' : 'environment',
   };
-  videoTrack.restartTrack(options);
+  videoPub.videoTrack?.restartTrack(options);
+};
+
+window.handleDeviceSelected = async (e: Event) => {
+  const deviceId = (<HTMLSelectElement>e.target).value;
+  const elementId = (<HTMLSelectElement>e.target).id;
+  const kind = elementMapping[elementId];
+  if (!kind) {
+    return;
+  }
+
+  Room.setDefaultDevice(kind, deviceId || undefined);
+  if (currentRoom) {
+    await currentRoom.switchActiveDevice(kind, deviceId);
+  }
 };
 
-async function publishLocalVideo(track: LocalVideoTrack) {
-  await currentRoom.localParticipant.publishTrack(track);
-  const video = track.attach();
-  video.style.transform = 'scale(-1, 1)';
-  $('local-video')!.appendChild(video);
+setTimeout(handleDevicesChanged, 100);
+
+async function attachLocalVideo() {
+  const videoPub = currentRoom.localParticipant.getTrack(Track.Source.Camera);
+  const videoTrack = videoPub?.videoTrack;
+  if (!videoTrack) {
+    return;
+  }
+
+  if (videoTrack.attachedElements.length === 0) {
+    const video = videoTrack.attach();
+    video.style.transform = 'scale(-1, 1)';
+    $('local-video')!.appendChild(video);
+  }
 }
 
 function setButtonsForState(connected: boolean) {
   const connectedSet = [
     'toggle-video-button',
-    'mute-video-button',
-    'mute-audio-button',
+    'toggle-audio-button',
     'share-screen-button',
     'disconnect-ws-button',
     'disconnect-room-button',
@@ -365,3 +407,77 @@ function setButtonsForState(connected: boolean) {
 function getMyVideo() {
   return <HTMLVideoElement>document.querySelector('#local-video video');
 }
+
+const elementMapping: { [k: string]: MediaDeviceKind } = {
+  'video-input': 'videoinput',
+  'audio-input': 'audioinput',
+  'audio-output': 'audiooutput',
+};
+async function handleDevicesChanged() {
+  Promise.all(Object.keys(elementMapping).map(async (id) => {
+    const kind = elementMapping[id];
+    if (!kind) {
+      return;
+    }
+    const devices = await Room.getLocalDevices(kind);
+    const element = <HTMLSelectElement>$(id);
+    populateSelect(kind, element, devices, Room.getDefaultDevice(kind));
+  }));
+}
+
+function populateSelect(
+  kind: MediaDeviceKind,
+  element: HTMLSelectElement,
+  devices: MediaDeviceInfo[],
+  selectedDeviceId?: string,
+) {
+  // clear all elements
+  element.innerHTML = '';
+  const initialOption = document.createElement('option');
+  if (kind === 'audioinput') {
+    initialOption.text = 'Audio Input (default)';
+  } else if (kind === 'videoinput') {
+    initialOption.text = 'Video Input (default)';
+  } else if (kind === 'audiooutput') {
+    initialOption.text = 'Audio Output (default)';
+  }
+  element.appendChild(initialOption);
+
+  for (const device of devices) {
+    const option = document.createElement('option');
+    option.text = device.label;
+    option.value = device.deviceId;
+    if (device.deviceId === selectedDeviceId) {
+      option.selected = true;
+    }
+    element.appendChild(option);
+  }
+}
+
+function updateButtonsForPublishState() {
+  if (!currentRoom) {
+    return;
+  }
+  const lp = currentRoom.localParticipant;
+
+  // video
+  setButtonState(
+    'toggle-video-button',
+    `${lp.isCameraEnabled ? 'Disable' : 'Enable'} Video`,
+    lp.isCameraEnabled,
+  );
+
+  // audio
+  setButtonState(
+    'toggle-audio-button',
+    `${lp.isMicrophoneEnabled ? 'Disable' : 'Enable'} Audio`,
+    lp.isMicrophoneEnabled,
+  );
+
+  // screen share
+  setButtonState(
+    'share-screen-button',
+    lp.isScreenShareEnabled ? 'Stop Screen Share' : 'Share Screen',
+    lp.isScreenShareEnabled,
+  );
+}

package/example/webpack.config.js

@@ -5,8 +5,14 @@ module.exports = {
   mode: 'development',
   devtool: 'inline-source-map',
   devServer: {
-    open: true,
-    contentBase: __dirname,
+    host: '0.0.0.0',
+    open: {
+      target: 'http://localhost:8080/',
+    },
+    port: 8080,
+    static: {
+      directory: __dirname,
+    },
   },
   module: {
     rules: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "livekit-client",
-  "version": "0.12.2",
+  "version": "0.13.0",
   "description": "JavaScript/TypeScript client SDK for LiveKit",
   "main": "dist/index.js",
   "source": "src/index.ts",
@@ -12,7 +12,7 @@
     "build": "yarn exec tsc",
     "build-docs": "yarn exec typedoc",
     "proto": "protoc --plugin=node_modules/ts-proto/protoc-gen-ts_proto --ts_proto_opt=esModuleInterop=true --ts_proto_out=./src/proto --ts_proto_opt=outputClientImpl=false,useOptionals=true -I../protocol ../protocol/livekit_rtc.proto ../protocol/livekit_models.proto",
-    "sample": "cd example && webpack serve --host 0.0.0.0 --public localhost:8080",
+    "sample": "cd example && webpack serve",
     "build-sample": "cd example && webpack && cp index.html dist/",
     "lint": "yarn exec eslint src",
     "test": "jest",

package/dist/livekit.d.ts

@@ -1,44 +0,0 @@
-import { ConnectOptions } from './options';
-import Room from './room/Room';
-import LocalAudioTrack from './room/track/LocalAudioTrack';
-import LocalTrack from './room/track/LocalTrack';
-import LocalVideoTrack from './room/track/LocalVideoTrack';
-import { CreateAudioTrackOptions, CreateLocalTracksOptions, CreateScreenTrackOptions, CreateVideoTrackOptions } from './room/track/options';
-export { version } from './version';
-/**
- * Connects to a LiveKit room
- *
- * ```typescript
- * connect('wss://myhost.livekit.io', token, {
- *   // publish audio and video tracks on joining
- *   audio: true,
- *   video: {
- *     resolution: VideoPresets.hd,
- *     facingMode: {
- *       ideal: "user",
- *     }
- *   }
- * })
- * ```
- * @param url URL to LiveKit server
- * @param token AccessToken, a JWT token that includes authentication and room details
- * @param options
- */
-export declare function connect(url: string, token: string, options?: ConnectOptions): Promise<Room>;
-/**
- * Creates a [[LocalVideoTrack]] with getUserMedia()
- * @param options
- */
-export declare function createLocalVideoTrack(options?: CreateVideoTrackOptions): Promise<LocalVideoTrack>;
-export declare function createLocalAudioTrack(options?: CreateAudioTrackOptions): Promise<LocalAudioTrack>;
-/**
- * Creates a screen capture tracks with getDisplayMedia().
- * A LocalVideoTrack is always created and returned.
- * If { audio: true }, and the browser supports audio capture, a LocalAudioTrack is also created.
- */
-export declare function createLocalScreenTracks(options?: CreateScreenTrackOptions): Promise<Array<LocalTrack>>;
-/**
- * creates a local video and audio track at the same time
- * @param options
- */
-export declare function createLocalTracks(options?: CreateLocalTracksOptions): Promise<Array<LocalTrack>>;

package/dist/livekit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"livekit.js","sourceRoot":"","sources":["../src/livekit.ts"],"names":[],"mappings":"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"}