Toggle Participant Media - Javascript

Control other participant's webcam and mic. For better idea, let's understand this with a real case scenario

Scenario 1 (Online Class) - In this scenario, the lecturer(Local Participant) will control the student's(Other Participant) webcam and mic as per his/her needs.

Scenario 2 (Online Events) - In this scenario, the event hosts will control the audience webcam and mic when someone wants to speak.

This guide will provide an overview of how to control other participant webcam and mic in a meeting.

1. Enable Webcam of Participant - By using enableWebcam() function, a webcam-requested event will trigger on requested participant side.

   Example : Meeting is running with User A and User B. Now User A wants to Enable Webcam of User B, so User A will use enableWebcam() function to request User B, after that User B recieve the webcam-requested event, from there user can either accept or reject the incoming request.

2. Disable Webcam of Participant - By using disableWebcam() function, webcam of that participant will be turned off.

   Example : User A wants to Disable Webcam of User B, so User A will use disableWebcam() function to Disable it without any request.

3. Enable Mic of Participant - By using enableMic() function, a mic-requested event will trigger on requested participant side.

   Example : Meeting is running with User A and User B. Now User A wants to Enable Mic of User B, so User A will use enableMic() function to request User B, after that User B will receive the Mic-requested event, from there user can either accept or reject the incoming request.

4. Disable Mic of Participant - By using disableMic() function, Mic of that participant will disable.

   Example : User A wants to Disable Mic of User B, so User A will use disableMic() function to Disable it without any request.

note

To achieve this feature, you need to pass allow_join persmission while genearting token for meeting initialization. After that you will be able to access participant media methods.

How to apply permission while generating token?

Request Media Methods

const participants = meeting.participants;
const participant = participants.get("<participant-id>");

// This will emit an event called "webcam-requested" to that particular participant
participant.enableWebcam();

// This will directly disable webcam of particular participant
participant.disableWebcam();

// This will emit an event called "mic-requested" to that particular participant
participant.enableMic();

// This will directly disable mic of particular participant
participant.disableMic();

Manage Requested Media Events

1. webcam-requested - This event will be emitted to the participant B when any other participant A requests to enable webcam of that participant B. This event handler will receieve following three arguments:

   • accept() - Callback function to accept the request.
   • reject() - Callback function to reject the request.

2. mic-requested - This event will be emitted to the participant B when any other participant A requests to enable mic of that participant B. This event handler will receieve following three arguments:

   • accept() - Callback function to accept the request.
   • reject() - Callback function to reject the request.

// Handle Webcam Requested
meeting.on("webcam-requested", ({ accept, reject }) {
    // callback function to accept the request
    accept();

    // callback function to reject the request
    reject();
}, );

// Handle Mic Requested
meeting.on("mic-requested", ({ accept, reject }) {
    // callback function to accept the request
    accept();

    // callback function to reject the request
    reject();
}, );