How To Jitsi Meet Video Conference embed on iFrameNow I want to share How To Jitsi Meet Video Conference embed on iFrame. 8863a8c Update jitsi-meet-electron-utils d91bdee Re-enable GPU acceleration b1e73df Update Electron to version 12.0.0 a642417 Update bundled external API 569cbfe Added Dutch translation. 4fb7e4c Fix typo in German language file.
Support us using our patreon account. https://www.patreon.com/Gunschu
Jitsi Meet Plugin for Flutter. Supports Android, iOS, and Web platforms.
- Jitsi Meet is a fully encrypted, 100% open source video conferencing solution that you can use all day, every day, for free — with no account needed. Your recent list is currently empty. Chat with your team and you will find all your recent meetings here.
Find more information about Jitsi Meet here
Table of Contents
Jitsi Meet Github
- Join A Meeting
- Listening to Meeting Events
- Note: Example compilable with XCode 12.2 & Flutter 1.22.4.
Ensure in your Podfile you have an entry like below declaring platform of 11.0 or above and disable BITCODE.
Add NSCameraUsageDescription and NSMicrophoneUsageDescription to yourInfo.plist.
Set dependencies of build tools gradle to minimum 3.6.3:
Set distribution gradle wrapper to minimum 5.6.4.
Jitsi Meet's SDK AndroidManifest.xml will conflict with your project, namely the application:label field. To counter that, go into
android/app/src/main/AndroidManifest.xml and add the tools libraryand
tools:replace='android:label' to the application tag.
Minimum SDK Version 23
Update your minimum sdk version to 23 in android/app/build.gradle
Jitsi's SDK enables proguard, but without a proguard-rules.pro file, your release apk build will be missing the Flutter Wrapper as well as react-native code. In your Flutter project's android/app/build.gradle file, add proguard support
Then add a file in the same directory called proguard-rules.pro. See the example app's proguard-rules.pro file to know what to paste in.
If you do not create the proguard-rules.pro file, then your app will crash when you try to join a meeting or the meeting screen tries to openbut closes immediately. You will see one of the below errors in logcat.
To implement you need to include Jitsi Js library in the index.html of web section
NoteSee usage example in jitsi_meet plugin
Join A Meeting
|room||Yes||N/A||Unique room name that will be appended to serverURL. Valid characters: alphanumeric, dashes, and underscores.|
|subject||No||$room||Meeting name displayed at the top of the meeting. If null, defaults to room name where dashes and underscores are replaced with spaces and first characters are capitalized.|
|userDisplayName||No||'Fellow Jitster'||User's display name.|
|userEmail||No||none||User's email address.|
|audioOnly||No||false||Start meeting without video. Can be turned on in meeting.|
|audioMuted||No||false||Start meeting with audio muted. Can be turned on in meeting.|
|videoMuted||No||false||Start meeting with video muted. Can be turned on in meeting.|
|serverURL||No||meet.jitsi.si||Specify your own hosted server. Must be a valid absolute URL of the format |
|userAvatarURL||N/A||none||User's avatar URL.|
|token||N/A||none||JWT token used for authentication.|
|featureFlag||No||see below||Object of FeatureFlag class used to enable/disable features and set video resolution of Jitsi Meet SDK.|
Feature flag allows you to limit video resolution and enable/disable few features of Jitsi Meet SDK mentioned in the list below.
If you don't provide any flag to JitsiMeetingOptions, default values will be used.
We are using the official list of flags, taken from the Jitsi Meet repository
|Flag||Default (Android)||Default (iOS)||Description|
|true||true||Enable the blue button 'Add people', show up when you are alone in a call. Required for flag |
|true||auto||Enable calendar integration.|
|true||true||Enable call integration (CallKit on iOS, ConnectionService on Android). SEE REMARK BELOW|
|true||true||Enable close captions (subtitles) option in menu.|
|true||true||Enable conference timer.|
|true||true||Enable chat (button and feature).|
|true||true||Enable invite option in menu.|
|N/A||false||Enable recording in iOS.|
|true||true||Enable kick-out option in video thumb of participants.|
|auto||auto||Enable live-streaming option in menu.|
|true||true||Display meeting name.|
|true||true||Display meeting password option in menu (if a meeting has a password set, the dialog will still show up).|
|auto||auto||Enable Picture-in-Picture mode.|
|true||true||Enable raise hand option in menu.|
|auto||N/A||Enable recording option in menu.|
|N/A||N/A||Set local and (maximum) remote video resolution. Overrides server configuration. Accepted values are: LD_RESOLUTION for 180p, MD_RESOLUTION for 360p, SD_RESOLUTION for 480p(SD), HD_RESOLUTION for 720p(HD) .|
|true||true||Enable server URL change.|
|true||true||Enable tile view option in menu.|
|true||true||Toolbox (buttons and menus) always visible during call (if not, a single tap displays it).|
|true||true||Enable video share button.|
|false||false||Enable welcome page. 'The welcome page lists recent meetings and calendar appointments and it's meant to be used by standalone applications.'|
REMARK about Call integration Call integration on Android (known as ConnectionService) has been disabled on the official Jitsi Meet app because it creates a lot of issues. You should disable it too to avoid these issues.
|message||String||Success message or error as a String.|
|error||dynamic||Optional, only exists if isSuccess is false. The error object.|
Just Meeting Someone Quotes
Listening to Meeting Events
|onConferenceWillJoin||Meeting is loading.|
|onConferenceJoined||User has joined meeting.|
|onConferenceTerminated||User has exited the conference.|
|onPictureInPictureWillEnter||User entered PIP mode.|
|onPictureInPictureTerminated||User exited PIP mode.|
|onError||Error has occurred with listening to meeting events.|
Per Meeting Events
To listen to meeting events per meeting, pass in a JitsiMeetingListenerin joinMeeting. The listener will automatically be removed when an
onConferenceTerminated event is fired.
Global Meeting Events
To listen to global meeting events, simply add a JitsiMeetListener with
JitsiMeet.addListener(myListener). You can remove listeners using
Closing a Meeting Programmatically
Just Meet Quotes
Send a pull request with as much information as possible clearlydescribing the issue or feature. Keep changes small and for one issue ata time.