Connecte-toi avec ton compte Twitch pour accéder à ta cagnotte et tes widgets — chaque compte Twitch a ses propres réglages, totalement séparés des autres.
Le Team slug/Campaign slug ci-dessus ne servent qu'à cette page (liens directs, QR code, fichiers exportés) — ils ne changent PAS automatiquement la cagnotte que le serveur de scan suit réellement. Pour ça, renseigne les nouvelles valeurs puis clique sur « Appliquer côté serveur » ci-dessous : le serveur va se reconfigurer et repartir sur un scan propre pour cette nouvelle cagnotte, sans avoir besoin de te reconnecter en SSH.
L'interrupteur « Inactif / Actif » (en haut à droite de ce panneau) arrête ou reprend l'interrogation de l'API Streamlabs Charity par le serveur de scan, pour éviter de la solliciter en continu quand l'outil n'est pas utilisé. Les widgets/QR code continuent d'afficher les dernières données connues pendant que c'est sur « Inactif ».
Génère une page web autonome affichant la barre de progression vers le prochain palier, à partir du team slug / campaign slug / ID membre renseignés dans « Configuration » et des paliers définis ci-dessous.
Le cadre ci-dessus reprend le fond réel de la page générée : damier = « Fond transparent » coché (aucune couleur visible dans OBS), couleur unie = « Fond transparent » décoché (le fond prend la couleur choisie ci-dessous, dans « Intégration OBS / Streamlabs »).
Utilise scanner-server.js et renseigne son adresse dans « URL du serveur de scan » (onglet Configuration) : une fois connectée, ajoute http://<adresse du serveur de scan>/barre-des-dons.html comme source « Navigateur » dans OBS/SLOBS (URL, pas fichier local). Cette adresse se met à jour toute seule — montants en continu, et paliers/style instantanément dès qu'un changement est fait ici, sans avoir besoin de recharger quoi que ce soit côté OBS.
Règle la Largeur/Hauteur de la source un peu au-dessus de ce que tu as choisi ci-dessus (marge pour le texte d'objectif), et coche « Fond transparent » ci-dessus pour que la source s'intègre proprement à ta scène. Le bouton « Télécharger le fichier HTML » ci-dessous reste disponible pour un usage sans scanner-server.js (fichier local dans OBS, mise à jour manuelle).
Génère une page web autonome affichant en direct les 5 derniers dons attribués à l'ID membre renseigné dans « Configuration » — chaque nouveau don fait défiler la liste avec une animation. La couleur de chaque ligne, celle du nom/du montant, la police, le fond (uni, transparent pour OBS/SLOBS, ou liquid glass) et le contour du texte se règlent tous ci-dessous. L'aperçu ci-dessous est la page réellement générée ; régénère-la si tu modifies la config (team/campaign/ID membre).
Chaque don prend la couleur de la plus haute tranche dont le montant minimum est atteint (ex. avec les tranches par défaut : un don de 120 € prend la couleur de la tranche « à partir de 100 € »). Ajoute, modifie ou supprime des tranches personnalisées ci-dessous. Coche « Dernier don uniquement » sur une tranche pour que sa couleur n'apparaisse que tant que ce don reste le plus récent — elle disparaît dès qu'un don plus récent arrive (les tranches vert/violet par défaut fonctionnent déjà ainsi).
Utilise scanner-server.js et renseigne son adresse dans « URL du serveur de scan » (onglet Configuration) : une fois connectée, ajoute http://<adresse du serveur de scan>/liste-derniers-donateurs.html comme source « Navigateur » dans OBS/SLOBS (URL, pas fichier local). Cette adresse se met à jour toute seule — nouveaux dons en continu, sans avoir besoin de recharger quoi que ce soit côté OBS.
Règle la source à environ 520 × 460 px dans OBS (ou ajuste au besoin). Le bouton « Télécharger le fichier HTML » ci-dessous reste disponible pour un usage sans scanner-server.js (fichier local dans OBS, mise à jour manuelle).
Génère une page web autonome affichant en grand le montant total des dons attribués à l'ID membre renseigné dans « Configuration ». La police, la couleur du texte, le contour et le fond (uni, transparent pour OBS/SLOBS, ou liquid glass) se règlent tous ci-dessous. L'aperçu ci-dessous est la page réellement générée ; régénère-la si tu modifies la config (team/campaign/ID membre).
Utilise scanner-server.js et renseigne son adresse dans « URL du serveur de scan » (onglet Configuration) : une fois connectée, ajoute http://<adresse du serveur de scan>/cagnotte-personnelle.html comme source « Navigateur » dans OBS/SLOBS (URL, pas fichier local). Cette adresse se met à jour toute seule — montant en continu, et style instantanément dès qu'un changement est fait ici, sans avoir besoin de recharger quoi que ce soit côté OBS.
Règle la source à environ 400 × 140 px dans OBS (ou ajuste au besoin). Le bouton « Télécharger le fichier HTML » ci-dessous reste disponible pour un usage sans scanner-server.js (fichier local dans OBS, mise à jour manuelle).
Génère une page web autonome affichant en grand le montant total récolté par TOUTE l'équipe (indépendant de l'ID membre renseigné dans « Configuration »). La police, la couleur du texte, le contour et le fond (uni, transparent pour OBS/SLOBS, ou liquid glass) se règlent tous ci-dessous. L'aperçu ci-dessous est la page réellement générée ; régénère-la si tu modifies la config (team/campaign).
Utilise scanner-server.js et renseigne son adresse dans « URL du serveur de scan » (onglet Configuration) : une fois connectée, ajoute http://<adresse du serveur de scan>/cagnotte-globale.html comme source « Navigateur » dans OBS/SLOBS (URL, pas fichier local). Cette adresse se met à jour toute seule — montant en continu, et style instantanément dès qu'un changement est fait ici, sans avoir besoin de recharger quoi que ce soit côté OBS.
Règle la source à environ 400 × 140 px dans OBS (ou ajuste au besoin). Le bouton « Télécharger le fichier HTML » ci-dessous reste disponible pour un usage sans scanner-server.js (fichier local dans OBS, mise à jour manuelle).
Affiche le logo de ton évènement au centre du QR code, dans une pastille ronde (PNG/JPG/SVG, idéalement avec un fond transparent — sinon le fond de l'image remplit toute la pastille). Sans import, aucun logo n'est affiché au centre. Reclique sur « Générer le QR code » ci-dessous après l'avoir importé.
Coché : affiche l'avatar du membre configuré (ou le logo par défaut si indisponible) dans un badge rond en bas à droite du QR code. Décoché : QR code sans ce badge. Reclique sur « Générer le QR code » après avoir changé ce réglage.
Couleur du fond et de l'anneau ronds autour du logo membre (blanc par défaut). Grisée quand le logo membre est masqué. Reclique sur « Générer le QR code » après l'avoir changée.
Le thème filtre la liste des styles proposés ci-dessous. Le style change la forme des points et des coins, ainsi que les couleurs du QR code. Reclique sur « Générer le QR code » après avoir changé l'un ou l'autre.
| Pseudo | ID utilisateur | |
|---|---|---|
| Clique sur « Charger » pour lister les membres de l'équipe. | ||
| Donateur | Montant | Date & heure (Paris) |
|---|---|---|
| Aucune donnée pour l'instant. | ||