Video Conference

<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
<script src="quickblox-multiparty-video-conferencing-client-0.8.6.min.js"></script>

const config = {
  server: "wss://...",
  debug: true, // optional
  iceServers: [], // optional
};
const client = new QBVideoConferencingClient(config);

client
  .createSession()
  .then(() => {
    // session created
  })
  .catch((error) => {
    // some error occurred
  });

const isRemote = remoteUser ? true : false;
const userId = remoteUser ? remoteUser.id : null;
client
  .attachVideoConferencingPlugin(isRemote, userId)
  .then((plugin) => {
    const eventHandler = console.log; // use your own event handler(s)
    Object.keys(plugin.events).forEach((key) =>
      plugin.on(plugin.events[key], eventHandler)
    );
  })
  .catch((error) => {
    // some error occurred
  });

function consentDialog(on) {}

function mediaState(media, receiving) {}

function webrtcState(on, reason) {}

function slowLink(uplink, lost) {}

function iceState(state) {}

function detached() {}

function cleanup() {}

plugin.addListener(plugin.events.CONSENT_DIALOG, consentDialog);
plugin.addListener(plugin.events.MEDIA_STATE, mediaState);
plugin.addListener(plugin.events.WEBRTC_STATE, webrtcState);
plugin.addListener(plugin.events.SLOW_LINK, slowLink);
plugin.addListener(plugin.events.ICE_STATE, iceState);
plugin.addListener(plugin.events.DETACHED, detached);
plugin.addListener(plugin.events.CLEANUP, cleanup);

const joinParams = {
  roomId: "room_123",
  userId: 12345,
  display: "John Doe",
  onlyAudio: false,
  role: "publisher",
  video: "stdres",
};

client
  .join(joinParams)
  .then(() => {
    // joined successfully
  })
  .catch((error) => {
    // handle error
  });

client.currentRoomId

client
  .listOnlineParticipants(roomId)
  .then((participants) => {
    // handle as necessary
  })
  .catch((error) => {
    // handle error
  });

client.on(client.events.PARTICIPANT_JOINED, (userId, userDisplayName) => {});

client.on(client.events.PARTICIPANT_LEFT, (userId, userDisplayName) => {});

client.on(client.events.LOCAL_STREAM, (stream) => {
  const localVideo = document.querySelector("video#local");
  QBVideoConferencingClient.attachMediaStream(localVideo, stream);
});

client.on(client.events.REMOTE_STREAM, (stream, userId) => {
  const remoteVideo = document.querySelector("video#remote" + userId);
  QBVideoConferencingClient.attachMediaStream(remoteVideo, stream);
});

client.on(client.events.SESSION_DESTROYED, () => {});

client.on(client.events.ERROR, (error) => {
  // handle error
});

Object.keys(client.events).forEach(key =>
  client.removeAllListeners(client.events[key])
);

const muted = client.toggleRemoteAudioMute(userId);
console.info("Now remote audio is muted=" + muted);

const muted = client.toggleVideoMute();
console.info("Now video is muted=" + muted);

const muted = client.toggleRemoteVideoMute(userId);
console.info("Now remote video is muted=" + muted);

const userId = 12344;
const bitrateNode = document.getElementById("bitrate");
client.showBitrate(userId, bitrateNode);

const userId = 12344;
const bitrateNode = document.getElementById("bitrate");
client.hideBitrate(userId, bitrateNode);

QBVideoConferencingClient
  .listVideoInputDevices()
  .then(videoInputDevices => {
    // handle as necessary
  });

QBVideoConferencingClient
  .listAudioInputDevices()
  .then(audioInputDevices => {
    // handle as necessary
  });

var deviceId = "...";
client
  .switchVideoInput(mediaDeviceId)
  .then(() => {
    // switched successfully
  })
  .catch((error) => {
    // handle error
  });

var deviceId = "...";
client
  .switchAudioInput(mediaDeviceId)
  .then(() => {
    // switched successfully
  })
  .catch((error) => {
    // handle error
  });

client
  .toggleScreenSharing()
  .then(() => {
    // sharing your screen
  })
  .catch((error) => {
    // some error occurred
  });

const enabled = client.screenSharingEnabled()

const userId = remoteUser
  ? // restart ICE for remote user
    remoteUser.id
  : // or restart ICE for local (current) user
    null;
client
  .iceRestart(userId)
  .then(() => {
    /* success */
  })
  .catch((error) => {
    /* some error occurred */
  });

client
  .leave()
  .then(() => {
    // left room successfully
  })
  .catch((error) => {
    // handle error
  });

client
  .detachVideoConferencingPlugin()
  .then(() => {
    // successfully detached
  })
  .catch((error) => {
    // handle error
  });

client
  .destroySession()
  .then(() => {
    // success
  })
  .catch((error) => {
    // handle error
  });

const joinParams = {
  roomId: "room_123",
  userId: 12345,
  display: "John Doe",
  onlyAudio: false,
  role: "publisher",
  video: "stdres",
};

client
  .join(joinParams)
  .then(() => {
    // joined successfully
  })
  .catch((error) => {
    // handle error
  });