// Register for connection state changes. E.g. connection going down and re-connecting
client.addEventListener('connectionStateChanged', function (evt) {
    console.log('Received connectionStateChanged event. state: ', evt.state)
});

client.addWhiteboardElement(

. '') .then(() => console.log('Successfully added whiteboarding element'));

client.clearWhiteboard()
  .then(() => console.log('Successfully cleared whiteboard'));

client.clearWhiteboardBackground()
  .then(() => console.log('Successfully cleared the background'));

client.getAudioVideoStats()
  .then(stats => stats.forEach(console.log))
  .catch(console.error);

var stats = client.getLastRtpStats('8f365bf3-97ea-4d54-acc7-2c4801337521');

client.getLocalAudioVideoStream()
  .then(stream => console.log(stream));

client.getLocalScreenshareStream()
  .then(stream => console.log(stream));

var audioStream = client.getRemoteStreams().find(s => s.getAudioTracks().length > 0);

client.getWhiteboard()
  .then(board => console.log('Successfully retrieved the whiteboard'));

client.joinConference('someToken', {firstName: 'John', lastName: 'Snow'}, {audio: true, video: false})
  .then(() => console.log('Successfully joined the call'));

client.leaveConference('b3b97aa7-fe6c-48e1-9069-2e8d3b12f18a')
  .then(call => console.log('Successfully left the call'));

client.logout();

client.monitorSession('someToken')
.then(() => console.log('Session has started'));

client.mute()
  .then(() => console.log('Successfully muted call'));

client.muteParticipant('874c528c-1410-4362-b519-6e7d26a2edb2')
  .then(() => console.log('Successfully muted participant'));

client.addWhiteboardElement('someXmlId')
  .then(() => console.log('Successfully removed whiteboarding element'));

client.setAudioVideoStream('8f365bf3-97ea-4d54-acc7-2c4801337521', stream)
  .then(() => console.log('Successfully set media stream'));

client.setMediaDevices({
    recording: 'c2c9e42e18ad18d8dd16942ab653c029d81411fbbb2c6b8fedf7e0e36739099d',
    video: ['617fb618597cef464e0bbe72c7978bc195435f9f04ac3d9d8961618d7d9fd07b', 'ed7e20a16115b672215db6479549abea11d41ba65de42b246d2575f678ac09be']
  })
  .then(() => console.log('New mic and camera device set'));

client.setScreenshareStream('8f365bf3-97ea-4d54-acc7-2c4801337521', stream)
  .then(() => console.log('Successfully set media stream'));

client.setWhiteboardBackground(file)
  .then(() => console.log('Successfully uploaded and set background'));

client.toggleRemoteAudio()
  .then(call => console.log(Remote audio state: ${call.remoteAudioDisabled}));

// remoteAudio is the audio element
client.addEventListener('callStatus', evt => {
   if (callId === evt.call.callId) {
     if (remoteAudio.srcObject !== evt.call.remoteAudioStream) {
       remoteAudio.srcObject = evt.call.remoteAudioStream;
     }
     if (evt.reason === 'remoteStreamUpdated') {
       evt.call.remoteAudioDisabled ? remoteAudio.pause() : remoteAudio.play();
     }
  }

});

client.toggleScreenShare()
  .then(() => console.log('Successfully toggled'));

client.toggleVideo('8f365bf3-97ea-4d54-acc7-2c4801337521')
  .then(() => console.log('Successfully toggled'));

client.toggleWhiteboardOverlay()
  .then(() => console.log('Successfully toggled the overlay'));

client.undoWhiteboard()
  .then(() => console.log('Successfully undone steps'));

client.unmute()
  .then(() => console.log('Successfully unmuted call'));

client.validateToken('someToken')
.then(data => console.log(data));