====== 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"
Options Indexes MultiViews Includes FollowSymLinks
AddOutputFilter Includes html
AllowOverride All
Order allow,deny
Allow from all
ErrorDocument 404 /static/404.html
Alias "/config.js" "/etc/jitsi/meet/jitsi.rettungsboot.online-config.js"
Require all granted
Alias "/external_api.js" "/usr/share/jitsi-meet/libs/external_api.min.js"
Require all granted
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|https://vmfree.org/jitsi/jitsi.html]]