Différences

Ci-dessous, les différences entre deux révisions de la page.

--- linux:jitsi [2026/09/07 06:38] – root
+++ linux:jitsi [2026/09/07 07:10] (Version actuelle) – root
@@ Ligne 329: / Ligne 329: @@
 systemctl reload caddy
 </code>
+===== 15. Personnalisation (logo, taille, favicon, nom) =====
+==== 15.1 Remplacer le logo (watermark en haut à gauche) ====
+Par défaut Jitsi utilise ''/usr/share/jitsi-meet/images/watermark.svg'' (ou ''.png'' selon version).
+<code bash>
+# Sauvegarde de l'original
+cp /usr/share/jitsi-meet/images/watermark.svg /usr/share/jitsi-meet/images/watermark.svg.bak
+# Déployer le logo (garder une copie source HORS du dossier packagé, cf. 15.5)
+cp /opt/mis-branding/watermark.svg /usr/share/jitsi-meet/images/watermark.svg
+</code>
+==== 15.2 Lien, affichage et logo par défaut ====
+Éditer ''/usr/share/jitsi-meet/interface_config.js'' :
+<code javascript>
+var interfaceConfig = {
+    JITSI_WATERMARK_LINK: 'https://www.makeitsimple.be',
+    SHOW_JITSI_WATERMARK: true,
+    DEFAULT_LOGO_URL: 'images/watermark.svg',
+    DEFAULT_WELCOME_PAGE_LOGO_URL: 'images/watermark.svg',
+    // ...
+};
+</code>
+==== 15.3 Modifier la taille du logo ====
+La taille du watermark est **contrôlée en CSS**, pas par les dimensions du fichier image. Le watermark est affiché par la classe ''.watermark .leftwatermark''.
+Créer un CSS de surcharge, ex. ''/usr/share/jitsi-meet/css/custom.css'' :
+<code css>
+.watermark.leftwatermark {
+    width: 160px !important;      /* défaut ~= 140px */
+    height: 60px !important;
+    background-size: contain !important;
+    background-repeat: no-repeat !important;
+}
+</code>
+Puis référencer ce CSS dans ''/usr/share/jitsi-meet/base.html'' (juste avant ''</head>'') :
+<code html>
+<link rel="stylesheet" href="css/custom.css">
+</code>
+<note>
+Ajuster ''width''/''height'' selon le ratio de ton logo. ''background-size: contain'' évite la déformation. Vider le cache navigateur pour voir le changement.
+</note>
+==== 15.4 Favicon, nom de l'application ====
+Dans ''interface_config.js'' :
+<code javascript>
+    APP_NAME: 'Make IT Simple Meet',
+    NATIVE_APP_NAME: 'Make IT Simple Meet',
+    PROVIDER_NAME: 'Make IT Simple',
+</code>
+Favicon : remplacer ''/usr/share/jitsi-meet/images/favicon.ico''.
+<code bash>
+cp /opt/mis-branding/favicon.ico /usr/share/jitsi-meet/images/favicon.ico
+</code>
+==== 15.5 Préserver la personnalisation aux mises à jour ====
+<note warning>
+''interface_config.js'', ''base.html'', ''css/'' et ''images/'' appartiennent au paquet ''jitsi-meet-web''. Un ''apt upgrade'' **peut écraser** ces fichiers. Il faut versionner tes fichiers custom et les redéployer après upgrade.
+</note>
+Garder les sources de branding dans un dossier dédié (idéalement versionné en git) :
+<code>
+/opt/mis-branding/
+├── watermark.svg
+├── favicon.ico
+├── custom.css
+└── redeploy.sh
+</code>
+Script ''/opt/mis-branding/redeploy.sh'' :
+<code bash>
+#!/bin/bash
+set -e
+DST=/usr/share/jitsi-meet
+cp /opt/mis-branding/watermark.svg "$DST/images/watermark.svg"
+cp /opt/mis-branding/favicon.ico   "$DST/images/favicon.ico"
+cp /opt/mis-branding/custom.css    "$DST/css/custom.css"
+# Ré-injecter le lien CSS dans base.html s'il a été écrasé
+grep -q 'css/custom.css' "$DST/base.html" || \
+  sed -i 's#</head>#<link rel="stylesheet" href="css/custom.css">\n</head>#' "$DST/base.html"
+echo "Branding redéployé."
+</code>
+<code bash>
+chmod +x /opt/mis-branding/redeploy.sh
+# À relancer après chaque mise à jour de jitsi-meet-web
+/opt/mis-branding/redeploy.sh
+</code>
+<note tip>
+Aucun redémarrage de service : les fichiers sont statiques (servis par nginx → Caddy) et rechargés côté navigateur. Vider le cache pour tester.
+</note>
 ===== Notes de maintenance =====
   * **TURN** : configuration en TURN/UDP sans TLS (section 8) → **aucun certificat coturn à gérer ni à renouveler**. Si un client tombe sur un firewall corporate bloquant l'UDP, prévoir l'ajout d'un TURN/TLS 5349 (nécessitera alors un certificat dédié, ex. via certbot en ''webroot'' ou DNS-01, indépendant de Caddy).
+  * **Personnalisation** : après chaque ''apt upgrade'' de ''jitsi-meet-web'', relancer ''/opt/mis-branding/redeploy.sh'' (section 15.5) pour restaurer logo/favicon/CSS.
   * **Montée en charge** : au-delà de ~20–25 participants simultanés sur une salle, envisager un JVB supplémentaire (scaling horizontal).
   * **Mises à jour** : ''apt update && apt upgrade'' — les paquets Jitsi sont mis à jour régulièrement, tester après upgrade majeur.