Chat
Cet overlay/dock sert à afficher un chat multiplateformes, soit pour les spectateurs soit pour le streameur.
L'installation et la configuration de notre dock sont nécessaires au fonctionnement de cet overlay ; les événements de type chat doivent également être activés pour chaque plateforme configurée.
Les variables CSS spécifiques utiles à l'écriture d'un thème sont les suivantes :
| nom | valeur | description |
|---|---|---|
--accentColor | Couleur (#50ffff par défaut) | Couleur de texte des noms d'utilisateurs |
--highlightColor | Couleur (rgba(170, 26, 248, 0.5) par défaut) | Couleur de fond des messages mis en avant |
Overlay
https://obs.multistream.tools/v1/wrapper?url=https://obs.multistream.tools/v1/overlays/chat/overlay
Cette forme est destinée à être intégrée dans OBS en tant que source de type navigateur Web et affiche sur votre stream un chat multiplateformes discret et compact, présenté de manière horizontale. Les messages correspondant à des commandes (débutant par un point d'exclammation) sont ignorés.
Le réglement de Twitch n'autorise actuellement pas l'affichage d'un chat multiplateformes sur votre stream. Une telle pratique est cependant acceptée dans OBS en tant que dock Internet personnalisé.
Paramètres
En plus des paramètres système communs à tous les overlays, des paramètres spécifiques sont disponibles :
| nom | valeur | optionnel |
|---|---|---|
ignored | Noms d'utilisateurs | oui |
limit | Nombre de messages (20 par défaut) | oui |
colors | true | oui |
badges | true | oui |
noPlatforms | true | oui |
Le paramètre optionnel nommé ignored permet de ne pas afficher les messages provenant de certains utilisateurs, comme des chatbots par exemple. Leurs pseudonymes doivent être séparés par des virgules, la casse n'est pas déterminante, chaque espaces doit être encodé (+ ou %20).
https://obs.multistream.tools/v1/wrapper?url=https://obs.multistream.tools/v1/overlays/chat/overlay?ignored=StreamElements,Nightbot
Le paramètre optionnel nommé limit permet de définir le nombre maximum de messages affichés en même temps à l'écran. Il convient de détruire les messages trop anciens qui ne seraient plus visibles afin de ne pas consommer de ressources inutilement (processeur et carte graphique) sur votre ordinateur. Ajustez donc cette valeur en fonction de la largeur que vous donnerez à l'overlay (source) dans votre installation d'OBS (scènes).
https://obs.multistream.tools/v1/wrapper?url=https://obs.multistream.tools/v1/overlays/chat/overlay?limit=50
Le paramètre optionnel nommé colors permet d'afficher chaque nom d'utilisateur dans une couleur personnalisée. La couleur est la même pour tous par défaut.
https://obs.multistream.tools/v1/wrapper?url=https://obs.multistream.tools/v1/overlays/chat/overlay?colors
Le paramètre optionnel nommé badges permet d'afficher les badges de chaque utilisateur, icones servant par exemple à déterminer rapidement son rôle (modérateur, VIP, etc.). Les badges sont masqués par défaut.
https://obs.multistream.tools/v1/wrapper?url=https://obs.multistream.tools/v1/overlays/chat/overlay?badges
Le paramètre optionnel nommé noPlatforms permet de masquer les logos des différentes plateformes pour un affichage encore plus compact. Ceux-ci sont affichés par défaut.
https://obs.multistream.tools/v1/wrapper?url=https://obs.multistream.tools/v1/overlays/chat/overlay?noPlatforms
Variables
Les variables CSS spécifiques utiles à l'écriture d'un thème sont les suivantes :
| nom | valeur | description |
|---|---|---|
--shadowColor | Couleur (black par défaut) | Couleur l'ombre autour du texte |
--shadowSize | Taille (2px par défaut) | Taille de l'ombre autour du texte |
Celles de notre framework CSS ayant été redéfinies sont les suivantes :
| nom | valeur |
|---|---|
--fontFamily1 | 'Nunito Sans' (via Google Fonts) |
--fontSize | 27px |
--fontWeight | 700 |
Configurateur
Dock
https://obs.multistream.tools/v1/wrapper?url=https://obs.multistream.tools/v1/overlays/chat/dock
Cette forme est destinée à être intégrée dans OBS en tant que dock Internet personnalisé et affiche, pour le streameur uniquement, un chat multiplateformes simple. Les messages correspondant à des commandes (débutant par un point d'exclammation) sont ignorés.
Un bouton nommé Cacher Featured permet de masquer tout éventuel message mis en avant grâce à l'overlay nommé Featured.
Un champ de texte permet de saisir le contenu d'un message qui sera envoyé à toutes les plateformes par le biais du chatbot StreamElements. Ceci fonctionne uniquement si vous avez mis en place ce chatbot sur vos différentes plateformes de stream.
Paramètres
En plus des paramètres système communs à tous les overlays, des paramètres spécifiques sont disponibles :
| nom | valeur | optionnel |
|---|---|---|
ignored | Noms d'utilisateurs | oui |
limit | Nombre de messages (100 par défaut) | oui |
noColors | true | oui |
noBadges | true | oui |
L'utilisation des paramètres ignored et limit est la même que pour la forme overlay.
Le paramètre optionnel nommé noColors permet d'afficher chaque nom d'utilisateur dans une couleur identique. La couleur est personnalisée par défaut.
https://obs.multistream.tools/v1/wrapper?url=https://obs.multistream.tools/v1/overlays/chat/dock?noColors
Le paramètre optionnel nommé noBadges permet de masquer les badges de chaque utilisateur, icones servant par exemple à déterminer rapidement son rôle (modérateur, VIP, etc.). Les badges sont affichés par défaut.
https://obs.multistream.tools/v1/wrapper?url=https://obs.multistream.tools/v1/overlays/chat/dock?noBadges
Variables
Les variables CSS de notre framework CSS ayant été redéfinies sont les suivantes :
| nom | valeur |
|---|---|
--borderSize | 2px |
--spacing | 0.625rem |