Guide · 5 étapes
Comment ajouter un widget personnalisé Streamlabs depuis un lien
Streamlabs range les widgets personnalisés dans des widget themes. Un lien de partage copie le code et les réglages d'un widget dans un thème de ton compte : la seule chose à bien faire, c'est de choisir dans quel thème il atterrit.
Réponse rapide
Sur streamlabs.com, crée un nouveau widget theme (Widget Themes › Create a widget theme), ouvre le lien de partage du widget en étant connecté, puis clique sur Use à côté du thème que tu viens de créer. Copie ensuite la Widget URL et ajoute-la dans OBS ou Streamlabs Desktop comme source Navigateur.
Pas à pas
Crée un widget theme
Connecte-toi sur streamlabs.com, ouvre Widget Themes et choisis Create a widget theme. Nomme-le d'après le widget que tu installes, par exemple Chatbox.
Ouvre le lien de partage
Ouvre le lien de partage du widget dans le même navigateur. Connecte-toi à Streamlabs si on te le demande.
Choisis ton nouveau thème
Dans la liste des thèmes, clique sur Use à côté du thème que tu viens de créer. Le widget s'ouvre, avec son code et ses réglages en place.
Copie l'URL du widget
Sur la page du widget, copie sa Widget URL. Garde-la privée : quiconque l'a peut afficher le widget.
Ajoute-le dans OBS
Dans le panneau Sources, clique sur +, choisis Navigateur (Browser), donne un nom à la source puis clique sur OK. Colle l'URL et règle la largeur et la hauteur indiquées dans les instructions du widget. Dans Streamlabs Desktop, ajoute une Browser Source de la même façon.
Un widget par thème
Un thème contient un seul widget personnalisé. Importer un deuxième widget dans le même thème remplace le premier : crée donc un nouveau thème pour chacun. Streamlabs Desktop utilise aussi le thème actif de ta collection de scènes ; si un widget a un rendu bizarre là-bas, vérifie quel thème est sélectionné.
Coller le code à la main
Si on t'a donné des fichiers de code plutôt qu'un lien, ouvre la page de réglages du widget sur streamlabs.com, active Enable Custom HTML/CSS et colle chaque fichier dans la case correspondante. Streamlabs recommande de laisser cette option désactivée sauf si tu as ajouté le code toi-même, car du code personnalisé laissé par erreur est une cause fréquente d'alertes cassées.
StreamElements est plus simple pour les packs
Sur StreamElements, un seul lien peut installer un pack entier dans un overlay. Si tu utilises OBS Studio et que tu n'as pas encore choisi de service, compare les deux d'abord.
