jitsi_meet_flutter_sdk

Description:

jitsi meet flutter sdk

Jitsi Meet Flutter SDK #


The Jitsi Meet Flutter SDK provides the same user experience as the Jitsi Meet app, in the form of a Flutter plugin so that you can embed and customize Jitsi Meet in your own Flutter app.
Supported platforms #



Platform
Supported
Notes




Android
✅
Minimum API level is 24


iOS
✅
Minimum supported version is 13.4


Web
❌




Sample application using the Flutter #
If you want to see how easy integrating the Jitsi Meet Flutter SDK into a Flutter application is, take a look at the
sample applications repository.
Installation #
Add dependency #
Add the dependency from command-line
$ flutter pub add jitsi_meet_flutter_sdk
copied to clipboard
The command above will add this to the pubspec.yaml file in your project (you can do this manually):
dependencies:
jitsi_meet_flutter_sdk: ^10.1.2
copied to clipboard
Install #
Install the packages from the terminal:
$ flutter pub get
copied to clipboard
Import files #
Import the following files into your dart code:
import 'package:jitsi_meet_flutter_sdk/jitsi_meet_flutter_sdk.dart';
copied to clipboard
Usage #
Join meeting
Firstly, create a JitsiMeet object, then call the method join from it with a JitsiMeetConferenceOptions object
var jitsiMeet = JitsiMeet();
var options = JitsiMeetConferenceOptions(room: 'jitsiIsAwesome');
jitsiMeet.join(options);
copied to clipboard
Configuration #
iOS #
Make sure in Podfile from ios directory you set the ios version 13.4 or higher
platform :ios, '13.4'
copied to clipboard
The plugin requests camera and microphone access, make sure to include the required entries for NSCameraUsageDescription and NSMicrophoneUsageDescription in your Info.plist file from the ios/Runner directory.
<key>NSCameraUsageDescription</key>
<string>The app needs access to your camera for meetings.</string>
<key>NSMicrophoneUsageDescription</key>
<string>The app needs access to your microphone for meetings.</string>
copied to clipboard
To use the screen sharing feature requires Broadcast Upload Extension. Please check the following to integrate it: https://jitsi.github.io/handbook/docs/dev-guide/dev-guide-ios-sdk/#screen-sharing-integration.
Android #
Go to android/app/build.gradle and make sure that the minSdkVersion is set to at lest 24
android {
...
defaultConfig {
...
minSdkVersion 24
}
}
copied to clipboard
The application:label field from the Jitsi Meet Android SDK will conflict with your application's one . Go to android/app/src/main/AndroidManifest.xml and add the tools library and tools:replace="android:label" to the application tag.
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools">
<application
tools:replace="android:label"
android:label="sample_app"
android:name="${applicationName}"
android:icon="@mipmap/ic_launcher">
...
</application>
</manifest>
copied to clipboard
Using the API #
JitsiMeet #
The JitsiMeet class is the entry point for the sdk. It is used to launch the meeting screen, to send and receive all the events.


JitsiMeet()
The constructor for the class.


join(JitsiMeetConferenceOptions options, [JitsiMeetEventListener? listener])
Joins a meeting with the given options and optionally a listener is given

options : meeting options
listener : event listener for events triggered by the native sdks



hangUp()
The localParticipant leaves the current meeting.


setAudioMuted(bool muted)
Sets the state of the localParticipant audio muted according to the muted parameter.


setVideoMuted(bool muted)
Sets the state of the localParticipant video muted according to the muted parameter.


sendEndpointTextMessage({String? to, required String message})
Sends a message via the data channel to one particular participant or to all of them. If the to param is empty, the message will be sent to all the participants in the conference.
In order to get the participantId, the participantsJoined event should be listened for, which have as a parameter the participantId and this should be stored somehow.


toggleScreenShare(bool enabled)
Sets the state of the localParticipant screen sharing according to the enabled parameter.


openChat([String? to])
Opens the chat dialog. If to contains a valid participantId, the private chat with that particular participant will be opened.


sendChatMessage({String? to, required String message})
Sends a chat message via to one particular participant or to all of them. If the to param is empty, the message will be sent to all the participants in the conference.
In order to get the participantId, the participantsJoined event should be listened for, which have as a parameter the participantId and this should be stored somehow.


closeChat()
Closes the chat dialog.


retrieveParticipantsInfo()
Sends and event that will trigger the participantsInfoRetrieved event which will contain participants information


JitsiMeetConferenceOptions #
This object encapsulates all the options that can be tweaked when joining a conference.
Example:
var options = JitsiMeetConferenceOptions(
serverURL: "https://meet.jit.si",
room: "jitsiIsAwesomeWithFlutter",
configOverrides: {
"startWithAudioMuted": false,
"startWithVideoMuted": false,
"subject" : "Jitsi with Flutter",
},
featureFlags: {
"unsaferoomwarning.enabled": false
},
userInfo: JitsiMeetUserInfo(
displayName: "Flutter user",
email: "[email protected]"
),
);
copied to clipboard


All the values that can be added to the configOverrides can be found here.


All the values that can be added to the featureFlags can be found here.


JitsiMeetUserInfo({String displayName, String email, String avatar})
The constructor for the JitsiMeetUserInfo.
P.S. the avatar should be an url.


JitsiMeetEventListener #
This class intends to be used as a listener for events that come from the native sdks. It will receive as arguments the event handlers


conferenceJoined(String url)
Called when a conference was joined.

url : the conference URL



conferenceTerminated(String url, Object? error)
Called when the active conference ends, be it because of user choice or because of a failure.

url : the conference URL
error : missing if the conference finished gracefully, otherwise contains the error message



conferenceWillJoin(String url)
Called before a conference is joined.

url: the conference URL



participantJoined(String? email, String? name, String? role, String? participantId)
Called when a participant has joined the conference.

email : the email of the participant. It may not be set if the remote participant didn't set one.
name : the name of the participant.
role : the role of the participant.
participantId : the id of the participant.



participantLeft(String? participantId)
Called when a participant has left the conference.

participantId : the id of the participant that left.



audioMutedChanged(bool muted)
Called when the local participant's audio is muted or unmuted.

muted : a boolean indicating whether the audio is muted or not.



videoMutedChanged(bool muted)
Called when the local participant's video is muted or unmuted.

muted : a boolean indicating whether the video is muted or not.



endpointTextMessageReceived(String senderId, String message)
Called when an endpoint text message is received.

senderId : the participantId of the sender
message : the content.



screenShareToggled(String participantId, bool sharing)
Called when a participant starts or stops sharing his screen.

participantId : the id of the participant
sharing : the state of screen share



chatMessageReceived(String senderId, String message, bool isPrivate, String? timestamp)
Called when a chat text message is received.

senderId : the id of the participant that sent the message.
message : the content of the message.
isPrivate : true if the message is private, false otherwise.
timestamp : the (optional) timestamp of the message.



chatToggled(bool isOpen)
Called when the chat dialog is opened or closed.

isOpen : true if the chat dialog is open, false otherwise.



participantsInfoRetrieved(String participantsInfo)
Called when retrieveParticipantsInfo action is called

participantsInfo : a list of participants information as a string.



readyToClose()
Called when the SDK is ready to be closed. No meeting is happening at this point.


Example of listener:
var listener = JitsiMeetEventListener(
conferenceJoined: (url) {
debugPrint("conferenceJoined: url: $url");
},

participantJoined: (email, name, role, participantId) {
debugPrint(
"participantJoined: email: $email, name: $name, role: $role, "
"participantId: $participantId",
);
participants.add(participantId!);
},

chatMessageReceived: (senderId, message, isPrivate) {
debugPrint(
"chatMessageReceived: senderId: $senderId, message: $message, "
"isPrivate: $isPrivate",
);
},

readyToClose: () {
debugPrint("readyToClose");
},
);
copied to clipboard
References #
While building this project inspiration from https://github.com/saibotma/jitsi_meet_wrapper was taken.