Ajouter le chat Kick dans OBS

Il y a deux façons d’ajouter le chat Kick dans OBS, et la plupart des streamers veulent les deux. Un dock de chat affiche le chat dans la fenêtre d’OBS, pour que tu puisses le lire pendant que tu streames. Un overlay de chat est une source navigateur (browser source) dans ta scène, pour que les viewers voient le chat sur le stream, par exemple dans une VOD ou un clip.

Le dock utilise le chat popout de Kick. L’overlay a besoin d’un widget de chat d’un outil comme KickBot ou Streamlabs. Les deux prennent quelques minutes.

Dock ou overlay ?

	Dock de chat	Overlay de chat
Qui le voit	Seulement toi, dans OBS	Tes viewers, sur le stream
Ce que c’est	Un panneau dans la fenêtre d’OBS	Une source navigateur dans ta scène
D’où il vient	L’URL du chat popout de Kick	Un widget de chat (KickBot, Streamlabs, autres)
Tu peux y écrire	Non	Non

Ajouter un dock de chat Kick dans OBS

Ces étapes viennent du guide de Kick How to create a Kick chat dock in OBS (en anglais).

1. Ouvre OBS.
2. Dans la barre de menus, clique sur Docks > Custom Browser Docks (docks de navigateur personnalisés).
3. Saisis un nom, par exemple « Kick Chat ».
4. Saisis l’URL de ton chat popout : https://kick.com/popout/yourchannel/chat. Remplace yourchannel par ton pseudo Kick.
5. Clique sur Apply (Appliquer), puis sur Close (Fermer).
6. Clique sur Docks et choisis Kick Chat pour l’afficher. Fais-le glisser là où tu veux dans la fenêtre d’OBS.

Kick indique ces limites pour le dock :

• Tu ne peux pas te connecter ni envoyer de messages depuis le dock. Garde kick.com ouvert dans un navigateur si tu veux écrire.
• Une bannière de cookies peut cacher une partie du chat. Élargis le dock pour qu’elle ne masque pas les messages.
• « Disconnected » (déconnecté) veut dire que tu n’es pas connecté. Les nouveaux messages s’affichent quand même.

Ajouter un overlay de chat Kick à ton stream

Un overlay affiche le chat par-dessus ton jeu ou ta caméra, avec un fond transparent. Tu l’ajoutes comme source Browser (Navigateur dans OBS en français). Voici les étapes avec le widget de chat KickBot, qui est gratuit.

1. Installer un widget de chat dans KickBot

1. Crée un compte KickBot et connecte ta chaîne Kick, si ce n’est pas encore fait.
2. Ouvre la Bibliothèque de widgets.
3. Ouvre Basic Chat Widget (un widget officiel de KickBot) ou un autre style de chat qui te plaît.
4. Clique sur Installer le widget. Le widget est ajouté aux Widgets enregistrés.
5. Dans les Widgets enregistrés, clique sur Copier l’URL sur le widget. Clique d’abord sur Modifier si tu veux changer son apparence.

2. Ajouter la source navigateur dans OBS

1. Dans OBS, sélectionne ta scène.
2. Sous Sources, clique sur + et choisis Browser.
3. Donne-lui un nom, par exemple « Overlay chat Kick », et clique sur OK.
4. Colle l’URL du widget dans URL.
5. Règle Width (Largeur) sur 800 et Height (Hauteur) sur 600 (la taille du Basic Chat Widget). Change-la plus tard pour l’adapter à ta mise en page.
6. Clique sur OK. Déplace et redimensionne l’overlay dans l’aperçu.

La source navigateur d’OBS a un CSS personnalisé par défaut qui rend le fond de la page transparent (OBS browser source, en anglais), donc seuls les messages du chat s’affichent sur ta scène.

Pour tous les paramètres du widget et d’autres styles de chat, consulte Overlay de chat. Pour de l’aide sur les sources navigateur dans OBS, Streamlabs Desktop et Meld, consulte Ajouter une source navigateur dans OBS.

Attention

Garde l’URL du widget privée. Ne la montre pas en live ni sur des captures d’écran.

D’autres façons d’afficher le chat Kick sur ton stream

• Streamlabs. Selon Streamlabs, il a un widget de chat box pour les streams Kick (Streamlabs, en anglais). Consulte Utiliser Streamlabs avec Kick.
• Web Go Live. Si tu streames depuis ton navigateur avec Web Go Live de Kick, il a un widget Chat Box intégré. Tu n’as pas besoin d’OBS pour ça (centre d’aide de Kick, en anglais).

Dépannage

L’overlay est vide. Envoie un message de test dans ton chat Kick et attends quelques secondes. Si rien ne s’affiche, fais un clic droit sur la source, choisis Properties (Propriétés), puis clique sur Refresh cache of current page (actualiser le cache de la page actuelle).

L’overlay a un fond plein. Vérifie que le champ Custom CSS (CSS personnalisé) de la source navigateur a toujours le fond transparent par défaut. Si tu l’as modifié, supprime tes changements.

Le chat est coupé ou trop petit. Change Width et Height dans les propriétés de la source au lieu d’étirer la source. Étirer la source rend le texte flou.

Le dock affiche une bannière de cookies. C’est une limite connue du chat popout de Kick dans un dock. Élargis le dock.

FAQ

Comment ajouter le chat Kick dans OBS ?

Pour un chat que tu peux lire, ajoute un dock de navigateur personnalisé dans OBS avec l’URL https://kick.com/popout/yourchannel/chat. Pour afficher le chat sur le stream, ajoute l’URL d’un widget de chat (par exemple de KickBot) comme source Browser dans ta scène.

Comment avoir un overlay de chat Kick transparent ?

Utilise un widget de chat fait pour OBS, comme le widget de chat KickBot, et ajoute-le comme source Browser. OBS rend le fond de la page transparent par défaut.

Puis-je écrire dans le chat Kick depuis OBS ?

Non. Selon Kick, tu ne peux pas te connecter ni envoyer de messages depuis le dock. Garde kick.com ouvert dans un navigateur ou sur ton téléphone pour écrire.