Integrate Jitsi Meet into Your Own Applications – with Code Examples

<div id="meet"></div>
<script src="https://meet.jit.si/external_api.js"></script>
<script>
 const domain = "meet.jit.si"; // or own instance: "meet.example.com"
 const options = {
 roomName: "DemoRoom123",
 width: "100%",
 height: 700,
 parentNode: document.querySelector('#meet')
 };
 const api = new JitsiMeetExternalAPI(domain, options);
</script>

// Participant events
api.addEventListener('participantJoined', e => console.log('joined', e));
api.addEventListener('participantLeft', e => console.log('left', e));

// Control meeting
api.executeCommand('toggleAudio');
api.executeCommand('toggleVideo');

// Moderation (with appropriate rights)
api.executeCommand('kickParticipant', 'PARTICIPANT_ID'); // Extract ID from events

// Create breakout room
api.executeCommand('addBreakoutRoom', 'Workshop');

// Move participants to breakout room
api.executeCommand('sendParticipantToRoom', {
 participantId: 'abcd1234',
 roomName: 'Workshop'
});

// Raise / lower hand
api.executeCommand('toggleRaiseHand');

// Toggle Tile-View
api.executeCommand('toggleTileView');

// Start/stop recording (requires Jibri)
api.executeCommand('startRecording', { mode: 'file' });
api.executeCommand('stopRecording', 'file');

<script src="https://meet.jit.si/libs/lib-jitsi-meet.min.js"></script>
<script>
 // 1) Init
 JitsiMeetJS.init();

 // 2) Connection
 const options = {
 hosts: {
 domain: 'meet.example.com',
 muc: 'conference.meet.example.com'
 },
 serviceUrl: 'wss://meet.example.com/xmpp-websocket'
 };
 const connection = new JitsiMeetJS.JitsiConnection(null, null, options);

 // 3) Events
 connection.addEventListener(JitsiMeetJS.events.connection.CONNECTION_ESTABLISHED, onConnected);
 connection.addEventListener(JitsiMeetJS.events.connection.CONNECTION_FAILED, console.error);
 connection.addEventListener(JitsiMeetJS.events.connection.CONNECTION_DISCONNECTED, console.warn);

 connection.connect();

 function onConnected() {
 // 4) Conference + Events
 const confOpts = { openBridgeChannel: true };
 const room = connection.initJitsiConference('myRoom', confOpts);
 room.on(JitsiMeetJS.events.conference.CONFERENCE_JOINED, () => console.log('joined'));
 room.on(JitsiMeetJS.events.conference.TRACK_ADDED, track => {
 const el = track.getOriginalElement?.() || track.attach(document.createElement(track.getType()));
 document.body.append(el);
 });

 // 5) Add local tracks
 JitsiMeetJS.createLocalTracks({ devices: ['audio', 'video'] })
 .then(tracks => {
 tracks.forEach(t => room.addTrack(t));
 room.join();
 });
 }
</script>

JitsiMeetConferenceOptions defaultOptions = new JitsiMeetConferenceOptions.Builder()
 .setServerURL(new URL("https://meet.example.com"))
 .setFeatureFlag("welcomepage.enabled", false)
 .build();
JitsiMeet.setDefaultConferenceOptions(defaultOptions);

JitsiMeetConferenceOptions options = new JitsiMeetConferenceOptions.Builder()
 .setRoom("MobileMeeting")
 .build();
JitsiMeetActivity.launch(this, options);

{
 "context": {
 "user": {
 "avatar": "https://example.com/avatar.png",
 "name": "John Doe",
 "email": "[email protected]"
 },
 "features": {
 "recording": true,
 "livestreaming": false,
 "screen-sharing": true
 }
 },
 "aud": "jitsi",
 "iss": "wz-it.com",
 "sub": "meet.example.com",
 "room": "TeamMeeting2025",
 "exp": 1735753200
}

import jwt from "jsonwebtoken";

const payload = {
 context: { user: { name: "John Doe" } },
 aud: "jitsi",
 iss: "wz-it.com",
 sub: "meet.example.com",
 room: "TeamMeeting2025",
 exp: Math.floor(Date.now() / 1000) + 60 * 60
};
const token = jwt.sign(payload, process.env.JITSI_APP_SECRET);
console.log("JWT:", token);

VirtualHost "meet.example.com"
 authentication = "token"
 app_id = "wz-it.com"
 app_secret = "YOUR_APP_SECRET"

# Standard (local): JVB_COLIBRI_PORT=8080
curl -s http://127.0.0.1:8080/colibri/stats

{
 "conferences": 4,
 "participants": 52,
 "bit_rate_download": 2400000,
 "bit_rate_upload": 2700000
}