OBS · 5 min de lecture
Comment ajouter un overlay dans OBS (Browser Source)
Tu as un overlay, ou tu veux en créer un, et il doit apparaître dans ton stream. Dans OBS, cela passe par un type de source précis : la source navigateur, appelée Browser Source en anglais. Elle affiche une page web par-dessus ton jeu ou ta caméra. Voici comment la régler.
Plan gratuit · Aucune carte requise
La page de référence : Tes widgets dans une source navigateur OBS, avec un seul lien.
Avant de commencer
- OBS Studio installé, ou tout logiciel de stream qui accepte une source navigateur
- Le lien de ton overlay. Twools t'en crée un, et la méthode vaut pour tout autre lien
- Ta scène déjà en place, avec ta capture de jeu ou ta caméra
Étape par étape
- 01
Comprendre ce qu'est une source navigateur
Une source navigateur est un navigateur web intégré à OBS : tu lui donnes une adresse, elle affiche la page dans ta scène. Les overlays l'utilisent parce qu'une page web peut être animée, transparente et mise à jour sans toucher à OBS.
- 02
Ajouter la source à ta scène
Dans le panneau Sources, clique sur le bouton +, puis choisis Navigateur. Donne-lui un nom clair, par exemple « Overlay », et valide. La fenêtre des propriétés s'ouvre.
- 03
Coller le lien et régler la taille
Colle le lien de ton overlay dans le champ URL. Règle la largeur et la hauteur sur la résolution de ton canvas, en général 1920 et 1080, puis valide.
- 04
Vérifier le rendu
L'overlay apparaît dans ta scène sur fond transparent : seuls tes widgets sont visibles. S'il est décalé, fais un clic droit sur la source, puis Transformer et Ajuster à l'écran. Place la source au-dessus de ta capture de jeu dans la liste : l'ordre des sources fait l'empilement.
- 05
Un seul lien pour tout l'overlay
Avec Twools, tout ton overlay tient dans un seul lien : minuteur, alertes, chat, objectifs. Tu le crées dans l'éditeur avec le bouton « Lien overlay », tu le colles une fois, et tes modifications arrivent dans OBS sans rouvrir les propriétés.
Les widgets pour mettre ce guide en pratique
La démo en vidéo
Le parcours complet en conditions réelles : création de l'overlay, ajout dans le logiciel de stream, pilotage en direct.
Astuces
- Si rien ne s'affiche, ouvre les propriétés de la source et clique sur « Actualiser le cache de la page actuelle ».
- Laisse décochée la case « Arrêter la source quand elle n'est pas visible » : l'overlay reste chargé entre deux scènes et n'a pas à se recharger.
- La taille de la source doit être celle du canvas d'OBS. Sinon, l'overlay sera flou ou rogné.
Questions fréquentes
Cela fonctionne-t-il avec d'autres logiciels qu'OBS Studio ?
Oui. Tout logiciel de stream qui accepte une source navigateur s'utilise de la même façon : la méthode et le lien sont identiques.
Un overlay ralentit-il le stream ?
Une source navigateur consomme des ressources, comme toute page web ouverte. Avec Twools, tout l'overlay tient dans une seule source, au lieu d'une source par widget.
Pourquoi mon overlay ne s'affiche-t-il pas ?
Vérifie d'abord le lien, puis actualise le cache depuis les propriétés de la source, et assure-toi que la source est au-dessus des autres dans la liste. Si l'écran affiche « Lien overlay introuvable », le lien a été régénéré ou mal recopié : copie le lien actuel dans Twools et colle-le dans la source. « Lien overlay incomplet » veut dire que le lien a été coupé au collage : recopie-le en entier.
Faut-il refaire la source à chaque modification ?
Non. Le lien ne change pas quand tu modifies ton overlay. Il change seulement si tu cliques sur « Régénérer le lien » : l'ancien lien est alors coupé, et il faut coller le nouveau.