# Ajouter le chat Kick dans OBS

> Deux façons d'avoir le chat Kick dans OBS : un dock de chat pour le lire pendant ton live, et un overlay de chat transparent que tes viewers voient.

Source: https://kickbot.com/fr/guides/setup/add-kick-chat-to-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](https://help.kick.com/en/articles/7978574-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](https://kickbot.com/fr/docs/getting-started/create-your-account) et connecte ta chaîne Kick, si ce n'est pas encore fait.
2. Ouvre la [Bibliothèque de widgets](https://kickbot.com/dashboard/widget-library).
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](https://kickbot.com/dashboard/saved-widgets), 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](https://obsproject.com/kb/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](https://kickbot.com/fr/docs/widgets/chat-overlay). Pour de l'aide sur les sources navigateur dans OBS, Streamlabs Desktop et Meld, consulte [Ajouter une source navigateur dans OBS](https://kickbot.com/fr/docs/getting-started/add-browser-source-obs).

> **Caution:** 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](https://streamlabs.com/content-hub/post/how-to-live-stream-to-kick-using-streamlabs-desktop), en anglais). Consulte [Utiliser Streamlabs avec Kick](https://kickbot.com/fr/guides/setup/streamlabs-and-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](https://help.kick.com/en/articles/15952303-kick-studio-web-go-live), 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.