This Ionic Capacitor plugin is created to make video calls through the free, open-sourced Jitsi video platform (https://meet.jit.si) on iOS and Android.
| Capacitor | capacitor-jitsi-meet | supported |
|---|---|---|
| v6 | >= 6.0.0 | current |
| v5 | <= 5.1.0 | until April 30, 2024 |
| v4 | <= 3.1.0 | until May 31, 2023 |
| v3 | <= 2.3.0 | until Dec 31, 2022 |
| v2 | <= 1.5.14 | until Sept 30, 2021 |
| v1 | <= 1.3.6 | until June 30, 2020 |
Follow the official Capacitor doc to upgrade to Capacitor 5.
See the plugin changelog for plugin versions that are compatible to your local Xcode version.
This plugin does not currently support web implementation. We recommend using the Jitsi iFrame API (https://jitsi.github.io/handbook/docs/dev-guide/dev-guide-iframe) for full web implementation.
- Install the plugin
Install from NPM (release build):
npm install capacitor-jitsi-meet
Install from Github. Make sure you insert the branch name at the end:
npm i git+ssh://git@github.com:calvinckho/capacitor-jitsi-meet#[branch name]
- use it as a Capacitor Plugin. See below for Capacitor 3+ usage. For older versions of Capacitor, see here.
import { Jitsi } from 'capacitor-jitsi-meet';
```javascript
const result = await Jitsi.joinConference({
// required parameters
roomName: 'room1', // room identifier for the conference
url: 'https://meet.jit.si', // endpoint of the Jitsi Meet video bridge
// recommended settings for production build. see full list of featureFlags in the official Jitsi Meet SDK documentation
featureFlags: {
'prejoinpage.enabled': false, // go straight to the meeting and do not show the pre-join page
'recording.enabled': false, // disable as it requires Dropbox integration
'live-streaming.enabled': false, // 'sign in on Google' button not yet functional
'android.screensharing.enabled': false, // experimental feature, not fully production ready
},
// optional parameters
subject: string, // name of the video room
displayName: string, // user's display name
email: string, // user's email
avatarURL: string, // user's avatar url
startWithAudioMuted: true, // start with audio muted, default: false
startWithVideoMuted: false, // start with video muted, default: false
chatEnabled: false, // enable Chat feature, default: true
inviteEnabled: false, // enable Invitation feature, default: true
// advanced parameters (optional)
token: string, // jwt authentication token
configOverrides: { 'p2p.enabled': false }, // see list of config overrides in the official Jitsi Meet SDK documentation
});
console.log(result) // { success: true }
window.addEventListener('onConferenceJoined', () => {
// do things here
});
window.addEventListener('onConferenceTerminated', () => {
// do things here
});
window.addEventListener('onConferenceLeft', () => {
// do things here
});
window.addEventListener('onChatMessageReceived', (data: any) => {
// console.log("message", JSON.stringify(data))
// {"isTrusted":false,"senderId":"00b50123","isPrivate":"false","message":"this is the message","timestamp":"2024-09-16T18:53:34Z"}
});
window.addEventListener('onParticipantsInfoRetrieved', (data: any) => {
// console.log("participant info", JSON.stringify(data));
//{"isTrusted":false,"participantsInfo":"[{participantId=00b50123, name=My Name, role=moderator, avatarUrl=https://xxx.png, isLocal=true}
});
const result = await Jitsi.leaveConference()
console.log(result) // { success: true }- Build the project
$ npm run build
This plugin uses the Jitsi Meet SDK. See the Jitsi Meet SDK documentation, and the lists of feature flags and config overrides.
You can see a React Demo App which runs the Jitsi meeting on the Android device
For feature requests, create an issue with a label 'feature request'. I also offer paid consultation services, such as SDK UI customization, and helping you implement the Picture-in-Picture mode of the video view. To submit a request, create an issue and add the label 'sdk customization' or 'pip implementation'.
Jitsi releases new SDK versions fairly frequently. Help is appreciated to update the plugin to use the latest SDKs, and to test it on actual projects. Follow the instructions below to update the plugin, then create a PR. I will release it on NPM once it is thoroughly tested.
in /CapacitorJitsiMeet.podspec, change s.dependency 'JitsiMeetSDK' with the latest version number
in /ios/Plugin/Podfile, update line 10 and line 25 with the latest version number
in /capacitor-jitsi-meet/android/build.gradle, update line 55 with the latest version number
implementation ('org.jitsi.react:jitsi-meet-sdk:[version number]') { transitive = true }
https://meet.jitsi.si is designed for testing purposes when used with the Jitsi API. According to Jitsi, it is not intended for production use. Meetings created with this server will be limited to 5 minutes. In addition, also note that fully anonymous meetings are no longer possible under the Jitsi Meet API when using this server (see authentication post below).
The examples here use url: 'https://meet.jit.si' for the Jitsi server, but this server is only intended for test usage.
For production usage, one should either use a self-hosted server, or use JaaS, Jitsi-as-a-Service. This latter service can be found at https://jaas.8x8.vc/.
To use JaaS with this plugin use: url: 'https://8x8.vc/' when initializing via the start() function. For embedding in web applications (a browser), use the iFrame API, not this plugin. You will need to load the iFrame javascript from https://8x8.vc/libs/external_api.min.js'.
The usage of JaaS requires an account and a payment method. At the time of this writing, 25 users are permitted per month for free, and after that one must pay.
Further information:
https://jitsi.org/blog/authentication-on-meet-jit-si/
https://community.jitsi.org/t/authentication-on-meet-jit-si/125922/53
This plugin enables web and mobile apps to implement video conferencing feature for free. The Jitsi Meet mobile SDKs are actively maintained by Jitsi. Video bridges for multi-user video conferencing is powered by Jitsi Meet, or you can run your own video bridge.