Jitsi-Server Installation mit Videobridge und Whiteboard auf Ubuntu 22.04

Diese Anleitung zeigt dir, wie du Schritt für Schritt deinen eigenen Jitsi-Server inklusive Videobridge und einem interaktiven Whiteboard auf einem Ubuntu 22.04 System installierst. Ich spreche hier klar und ehrlich – manchmal läuft es nicht immer wie geplant, aber gemeinsam finden wir Wege, um Herausforderungen zu meistern!

Voraussetzungen

* Ubuntu 22.04 System mit Root-Zugriff oder sudo-Rechten * Statische IP-Adresse oder ein gültiger Domainname * Grundlegende Kenntnisse im Umgang mit der Kommandozeile * Ein SSL-Zertifikat (Let’s Encrypt wird empfohlen)

1. System vorbereiten

Zunächst aktualisierst du dein System, damit alle Pakete auf dem neuesten Stand sind:

sudo apt update
sudo apt upgrade -y

2. Jitsi-Repository hinzufügen

Um Jitsi Meet zu installieren, fügst du zuerst den Jitsi-GPG-Schlüssel hinzu:

curl -sL https://download.jitsi.org/jitsi-key.gpg.key | sudo sh -c 'gpg --dearmor > /usr/share/keyrings/jitsi-keyring.gpg'
echo "deb [signed-by=/usr/share/keyrings/jitsi-keyring.gpg] https://download.jitsi.org stable/" | sudo tee /etc/apt/sources.list.d/jitsi-stable.list

Aktualisiere danach die Paketliste:

sudo apt update

3. Jitsi Meet installieren

Installiere Jitsi Meet mit folgendem Befehl:

sudo apt install jitsi-meet -y

Während der Installation wirst du nach deinem Domainnamen gefragt – gib hier deinen Domainnamen oder deine IP-Adresse ein.

4. SSL-Zertifikat einrichten

Um deine Verbindung abzusichern, richtest du ein SSL-Zertifikat ein:

sudo /usr/share/jitsi-meet/scripts/install-letsencrypt-cert.sh

Folge den Anweisungen des Skripts, um dein Zertifikat erfolgreich zu beziehen.

5. Videobridge konfigurieren

Der Jitsi Videobridge wird standardmäßig mit installiert. Falls du Anpassungen (z. B. Ports oder Netzwerkeinstellungen) vornehmen möchtest, findest du die Konfigurationsdatei hier:

/etc/jitsi/videobridge/config

Passe diese Datei nach deinen Bedürfnissen an.

6. Whiteboard integrieren

Um deine Meetings interaktiver zu gestalten, integrieren wir ein Whiteboard-Plugin. In diesem Beispiel nutzen wir das [jitsi-meet-whiteboard](https://github.com/stevelacy/jitsi-meet-whiteboard) Plugin.

6.1 Node.js und npm installieren

Stelle sicher, dass Node.js und npm installiert sind:

sudo apt install nodejs npm -y

6.2 Whiteboard-Repository klonen

Klonen das Whiteboard-Plugin Repository:

git clone https://github.com/stevelacy/jitsi-meet-whiteboard.git

Wechsle in das neu geklonte Verzeichnis:

cd jitsi-meet-whiteboard

6.3 Abhängigkeiten installieren und Build erstellen

Installiere die benötigten Abhängigkeiten:

npm install

Erstelle den Build:

npm run build

6.4 Integration in Jitsi Meet

Kopiere die erstellten Dateien in das Jitsi Meet Verzeichnis (in der Regel /usr/share/jitsi-meet). Öffne anschließend die Konfigurationsdateien (z. B. *config.js* oder *interface_config.js*) und erweitere die Toolbar, sodass ein Button für das Whiteboard erscheint. Ein Beispiel für den Eintrag könnte so aussehen:

toolbarButtons: [
    'microphone', 'camera', 'desktop', 'whiteboard', 'chat', 'raisehand', 'tileview'
],

Beachte, dass die genaue Integration je nach Plugin-Version variieren kann. Lies dazu auch die README des verwendeten Whiteboard-Repositories.

7. Dienste neu starten

Damit alle Änderungen übernommen werden, starte die relevanten Jitsi-Dienste neu:

sudo systemctl restart jitsi-videobridge2
sudo systemctl restart prosody
sudo systemctl restart jicofo
sudo systemctl restart jitsi-meet

8. Installation testen

Öffne deinen Browser und rufe deinen Domainnamen oder die IP-Adresse auf. Teste alle Funktionen der Videokonferenz und klicke auf den Whiteboard-Button, um sicherzustellen, dass alles reibungslos funktioniert.

= Zusammenfassung = * System vorbereiten: Aktualisierung des Systems und Installation notwendiger Pakete * Repository & Installation: Hinzufügen des Jitsi-Repositories und Installation von Jitsi Meet * SSL-Zertifikat: Einrichtung für eine sichere Verbindung * Videobridge: Standardmäßig integriert – bei Bedarf anpassbar * Whiteboard: Integration eines Whiteboard-Plugins zur Steigerung der Interaktivität * Neustart & Test: Neustart der Dienste und Überprüfung der Funktionalität

Ich weiß, dass technische Installationen manchmal frustrierend sein können – aber mit Geduld und systematischem Vorgehen kommst du garantiert ans Ziel. Falls du irgendwo hängen bleibst oder Fragen hast, stehe ich dir gern zur Seite. Gemeinsam schaffen wir das!


Unter Domains in der Administrator-Anmeldung die gewünschte Domain auswählen und bearbeiten auswählen.
Dann unter Apache-Einstelllungen unter Anweisungen für https folgendes eingeben:

DocumentRoot "/usr/share/jitsi-meet"
  <Directory "/usr/share/jitsi-meet">
    Options Indexes MultiViews Includes FollowSymLinks
    AddOutputFilter Includes html
    AllowOverride All
    Order allow,deny
    Allow from all
  </Directory>

  ErrorDocument 404 /static/404.html

  Alias "/config.js" "/etc/jitsi/meet/jitsi.rettungsboot.online-config.js"
  <Location /config.js>
    Require all granted
  </Location>

  Alias "/external_api.js" "/usr/share/jitsi-meet/libs/external_api.min.js"
  <Location /external_api.js>
    Require all granted
  </Location>

  ProxyPreserveHost on
  ProxyPass /http-bind http://localhost:5280/http-bind/
  ProxyPassReverse /http-bind http://localhost:5280/http-bind/

  RewriteEngine on
  RewriteRule ^/([a-zA-Z0-9]+)$ /index.html

Startseite anpassen

Als Startseite wird das eigene Webcambild verwendet. Dazu die Datei

/etc/jitsi/meet/vmfree.selfhost.co-config.js

von:

prejoinPageEnabled: false, nach: prejoinPageEnabled: true, ändern. Den Text der Startseite finden Sie in der Datei /usr/share/jitsi-meet/lang/main-de.json Den Text für den Titel und Untertitel finden Sie hier: headerTitle: headerSubtitle: Um ein eigenes Logo einzubinden überschreiben Sie die Datei /usr/share/jitsi-meet/images/watermark.svg Um das Hinterbrundbild zu ändern, überschreiben Sie die Datei /usr/share/jitsi-meet/images/welcome-background.png In der Datei /usr/share/jitsi-meet/css/all.css können weitere Anpassungen für an der Startseite vorgenommen werden. Der besseren Lesbarkeit, sollte man die Datei zuvor formatieren, z. B. hier. Hintergrundbild in voller Größe darstellen: von: .welcome .header { background-image:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),url(../images/welcome-background.png); background-position:center; background-repeat:none; background-size:cover; padding-bottom:0; background-color:#131519; overflow:hidden; edit by jitsi.sh height:400px; position:relative; } nach: .welcome .header{ background-image:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),url(../images/welcome-background.png); background-position:center; background-repeat:none; background-size:cover; padding-bottom:0; background-color:#131519; overflow:hidden; height:auto; position:absolute; bottom: 0; top: 0; left: 0; right: 0 } Box mit Titel und Eingabe weiter nach unten setzen. Dazu Datei /usr/share/jitsi-meet/css/all.css ändern von: .welcome .header .header-container { display:flex; flex-direction:column; margin:104px 32px 0 32px; z-index:2 } nach: .welcome .header .header-container { display:flex; flex-direction:column; margin:15% 32px 0 32px; z-index:2 } Raumliste ausblenden: .welcome-cards-container { display: none; } Hat das Bild ein anderes Dateiformat (z. B. png, jpg), dann müssen Sie die den Dateinamen in /usr/share/jitsi-meet/css/all.css
https://vmfree.org/jitsi/jitsi.html