Metainformationen zur Seite
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