Jitsi Meet Si

In this section a global overview of the Jitsi infrastructure is provided. If you just started contributing to the project, we highly recommend reading this section thoroughly.

  • Jitsi Meet is a popular open source project for video conferencing and remote meetings. Users can use the service freely at meet.jit.si.Alternatively, those with the expertise can install and run Jitsi Meet on their own servers, allowing installers to fully control the service on infrastructure they control.
  • Here, you can download Jitsi Desktop, Jitsi Meet and Jitsi Videobridge. Use the stable builds for more consistent behaviour. Latest nightlies are also quite usable and contain all our latest and greatest additions.

@dmelechow I just tested the Jitsi Meet external API on Android Webview and I can confirm that it fails to access the camera and microphone. The problem is that the API serves Jitsi Meet inside an iframe, which for some reason fails to obtain the permissions given to the Webview.

Storage

Components

Jitsi comprises a collection of projects:

  • Jitsi Meet - WebRTC compatible JavaScript application that uses Jitsi Videobridge to provide high quality, scalable video conferences. Build upon React and React Native.
  • Jitsi Videobridge (JVB) - WebRTC compatible server designed to route video streams amongst participants in a conference.
  • Jitsi Conference Focus (jicofo) - server-side focus component used in Jitsi Meet conferences that manages media sessions and acts as load balancer between each of the participants and the videobridge.
  • Jitsi Gateway to SIP (jigasi) - server-side application that allows regular SIP clients to join Jitsi Meet conferences
  • Jitsi Broadcasting Infrastructure (jibri) - set of tools for recording and/or streaming a Jitsi Meet conference that works by launching a Chrome instance rendered in a virtual framebuffer and capturing and encoding the output with ffmpeg.

External Software used by Jitsi:

  • Prosody - XMPP server used for signalling

Jitsi Meet Si

Architecture Diagram

The individual connections between the previously described components, as well as their external integrations are described in the figure below.

Jitsi Download Windows 10

The external connections can be categorized into two main groups. Firstly, the connections between clients that request a video or audio connection performed through remote requests and data streams. The second category of external connections is those to external services that help store recordings, stream recordings, stream videos or help with creating meetings.

Code Map

In this section we will look at the main parts of the codebase and see what they can be used for.

./react/featuresThis folder is where it is best to start writing your code, as it contains most of the app components that are used in the apps on Android and iOS, as well as on the web version. This source folder is split up into all the different features that Jitsi has to offer, such as authentication, chat interaction, keyboard shortcuts, screenshot capture, remote control and virtual background. Each of these features has its own folder in this map, which is then again split up to keep a hierarchy and consistency throughout the code.

Each feature folder consists of a subfolder called components, in this folder all of the React, or React Native for mobile, components are expressed. Usually in this folder there will be a separation between native and web components, however in some cases the same component could be used for both Android, iOS and web browser, in which case there is no separation made.

As stated before, the codebase mostly consists of React and React Native, which is the React version for mobile applications. Most of the features make use of the so-called class component by React [1], however some new features start to use the new way to write functional components by using hooks[2].

The application makes use of React Redux as well, this is used as a general state store to keep track of important parameters that are used throughout the application. More on React Redux can be found here [3].

Most features also contain a file called middleware.js. This file acts as a bridge between the component and the functionality of the rest of the application.

./modules/external-apiIn this folder, the external API can be found. This API can be used in various events like participants joining/leaving the meeting, changes in avatars or chat, as well as errors in using the microphone or camera.

Jitsi Meet Website

./android and ./iosBoth of these folders contain the basics of the Android and iOS app respectively. However, the code for the application itself and its components can be found in the react/features folder, which will be explained later in this section.

./conference.jsThis file can be found at the root of the project, and contains the foundation of any interaction between a user and a conference room. This consists of setting up a connection to it, joining the meeting room, muting and unmuting, but also functions to gather information about the participants that are in the room.

./langThis folder contains all the different translations that are present in Jitsi Meet. The translations can be found in the code with each of the keys in the translation maps that can be found in main-[language].json files.

./cssThis folder contains all the css that is used in the project. The files (mostly .scss files[4]) are split up into features like the React features that they are used in.

Jitsi Meet Si

Testing

The main form of testing code changes is done through torture tests, next to this the code is tested manually.

The torture tests are located in a separate repository, Jitsi Meet Torture. The project contains end to end tests for several key functions such as peer to peer and invites. The testing can be done for iOS, Android and web, which are all the platforms that Jitsi Meet can be used on. The testing is done automatically for pull requests by project members, where it is used in combination with the continuous integration by a Jenkins instance running the tests, testing on the meet.jit.si instance. Other members can run the tests locally. The test results can be viewed on an automatically generated web page.

Manual testing is performed while doing code reviews, however there are also testing releases that can be freely downloaded and deployed, or can be used on the beta test server.

Electron Goodies
Implement improvements for Jitsi Meet’s Electron app such as: a native settings panel, automatic updates, custom URL scheme and a new welcome page (similar to the mobile one) which will go to meet.jit.si if no full URL is specified, or to the specified one otherwise.

Small remote view when minimized
Implement a mode in which the remote view is rendered small if the Electron app is minimized or goes out of focus.

Welcome Page for Rooms
Imagine this: you setup Jitsi Meet (through Electron or your browser) in a meeting room. Then imagine that this gives you a view of the Google calendar for that room showing all meetings planned for there. You can select to start a meeting with just the arrows, a tap on a touchscreen, flashing a QR code on that welcome page, or by detecting the BT beacon signal emitted by the computer. Sounds fun, no? :)