Jitsi
Customize Jitsi Meet External API
Supun Madushanka
May 01, 2020
1 min

Jitsi Meet External API or the Iframe API could be used to control and customize jitsi meet when you embed jitsi meet in your application using an iframe. But often times you require additional functionalities which are not given in the API given by jitsi. This post explains how to achieve this.,

Let’s take the example of adding a participant list (a list of all the attendees of the meeting). Assume we have a button on jitsi meet frontend that opens up a participant list on our web application. Pressing on the button should emit the event ‘show-participant-list’ and the web application listening to the event will open the participant list.

Here is how to edit the external api to achieve this functionality

add key value to json of events external_api.js

 'show-participant-list': 'showParticipantList',

implement notify function on api.js

 notifyShowParticipantList(enabled: boolean) {
        this._sendEvent({
            name: 'show-participant-list',
            enabled
        });
    }

Tags

jitsiwebrtc

Supun Madushanka

CTO

Expertise

WebRTC
Javascript
React
AWS

Social Media

gitlabgithublinkedin

Related Posts

Jibri Streaming and Recording To Custom RMTP Endpoint
August 03, 2020
1 min