Salut ami Streamer ! On le sait quand on se lance dans le streaming, un des moyens les plus efficaces pour générer de l’interaction avec tes viewers est de créer et configurer des alertes personnalisées. C’est pour cela qu’aujourd’hui je viens te faire un tuto complet pour obtenir une alerte box personnalisée en utilisant un outil en ligne et 100 % gratuit : Streamlabs. C’est parti !
Sommaire
Se connecter sur Streamlabs
Streamlabs est une plateforme incontournable pour les streamers et créateurs de contenu en streaming. Cette suite d’outils complète offre une gamme de fonctionnalités essentielles pour améliorer la qualité et l’interaction des diffusions en direct. Streamlabs propose des alertes personnalisées, des widgets interactifs, un tableau de bord intuitif et bien plus encore. Les streamers peuvent personnaliser leur expérience en utilisant des éléments visuels et sonores uniques pour engager leur public et offrir une diffusion en direct professionnelle.
La première chose à faire est de te connecter sur l’outil. Si tu as déjà créer ton compte Twitch c’est hyper simple car tu peux créer ton compte en te connectant directement avec tes identifiants de la plateforme de Streaming. Si tu ne l’as pas encore fait je te conseille de te rapporter à cet article dédié sur le sujet. Sache que sinon tu peux le faire avec ton compte Youtube, Facebook ou X (ex Twitter).
Qu’est-ce qu’une alerte et comment y accéder dans Streamlabs
Une alerte, dans le contexte du streaming, est un élément visuel et sonore qui s’affiche à l’écran pour informer le streamer et les spectateurs d’un événement important ou d’une interaction spécifique qui se produit pendant la diffusion du live. Les alertes sont un élément essentiel de l’interaction entre le streamer et son public, et elles peuvent prendre différentes formes en fonction de l’événement auquel elles sont associées.
Voici quelques exemples courants d’alertes utilisées par les streamers :
- Alerte de Don : Lorsqu’un spectateur fait un don au streamer, une alerte de don s’affiche à l’écran pour remercier le donateur. Cette alerte peut inclure le nom du donateur, le montant du don et parfois un message personnalisé.
- Alerte de Nouvel Abonné : Lorsqu’un spectateur s’abonne à la chaîne du streamer, une alerte de nouvel abonné est déclenchée. Elle peut montrer le nom du nouvel abonné et d’autres informations pertinentes.
- Alerte de Nouveau Follower : Lorsqu’un spectateur suit la chaîne du streamer pour la première fois, une alerte de nouveau follower peut apparaître, généralement avec le nom du nouveau follower.
- Alerte de Bits : Un Bits est la monnaie de Twitch. Les utilisateurs de Twitch peuvent en acheter et les offrir à leurs Streamer préférés. Une alerte peut être proposée lorsqu’un viewer t’offre des Bits. (Attention il faut être affilié Twitch pour débloquer cette fonctionnalité mais l’alerte peut être configurer à tout moment)
- Alerte de Raid : Sur Twitch, quand un streamer termine son live, il a la possibilité de proposer à ses viewer de passer sur un autre live. Cela s’appelle un raid. Ici encore une alerte indiquant le nom du streamer qui l’a lancé peut être un bon moyen de créer du lien et remercier le streamer en question.
Ces alertes sont personnalisables, ce qui signifie que les streamers peuvent les concevoir pour correspondre à leur branding et à l’ambiance de leur chaîne. D’ailleurs tu peux aussi tout acheter directement sur des sites comme Own3d PRO si tu veux pas t’embêter. Les alertes sont conçues pour créer une expérience interactive et engageante pour les spectateurs, renforçant ainsi la connexion entre le streamer et son public pendant la diffusion en direct.
Pour y accéder dans Streamlabs, il suffit depuis le tableau de bord de cliquer sur le menu de gauche sur « Fenêtre d’alertes » ou « alert box » en anglais.
Les éléments pour paramétrer une alerte dans Streamlabs
Peu importe le type d’alertes que tu souhaites configurer, tu retrouveras toujours les mêmes éléments de personnalisation. Saches qu’il te faudra les reproduire pour chaque alerte. Tu peux également faire des paramétrages généraux, qui seront appliqués à toutes tes alertes, mais ces paramètres n’ont pas beaucoup d’intérêts pour être honnête.
Intégrer tes alertes dans ton logiciel de streaming
Si tu n’as pas encore choisi ton logiciel de streaming à cette étape, sache que ce sera un pré-requis donc je te conseille cet autre article que je t’ai rédigé. 😉 (Oui je suis la pour toi)
Si tu as choisi comme moi OBS Studio, il va te falloir créer une source de type « Navigateur » dans laquelle tu vas de voir coller l’URL de tes alertes. Je te rassure il ne te faudra qu’une seule URL pour toutes les alertes et elle est super simple à trouver.
Dans l’onglet « Fenêtre d’alertes » tu trouveras tout en haut le champ Url du module qu’il te faudra copier pour l’intégrer à ta source navigateur sur OBS Studio. SImple comme bonjour. Tes alertes s’afficheront sur ton live.
C’est également le moyen de tester tes alertes, ce qui te sera très utile pour valider le comportement que tu vas modifier dans les paramètres que je t’explique ci dessous. Pour ce faire il te suffit de cliquer sur les boutons de test (Test follow par exemple) tout en ayant ouvert ton logiciel de Streaming. Tu pourras alors voir apparaitre l’alerte en direct sur ta scène avec ta source Navigateur préalablement intégré.
Les paramètres principaux de personnalisation des alertes
Tu vas pouvoir ensuite en cliquant sur la catégorie d’alertes que tu souhaites paramètrer (menu sous l’URL du module). Et à partir de là, à toi de jouer sur les paramètres de personnalisation.
- Tu as d’abord la possibilité d’activer ou désactiver l’alerte. Perso je trouve que c’est un peu bête de masquer une alerte quand une action se passe sur ton stream. L’idée étant quand même de générer de l’interaction.
- Mise en page : Cela va te permettre de choisir comment tu veux placer l’image en fonction du texte. Texte au dessus de l’image, intégré à l’image ou à coté. Pour le coup laisse ta créativité s’exprimer, il y a des rendus vraiment sympa à faire.
- Animation de l’alerte : Cette option définit la manière dont ton alerte va apparaitre et disparaitre de ton stream. Fais joujou avec les différentes animations pour voir lesquelles t’apportent le meilleur rendu.
- Format du message : Ici tu vas pouvoir rédiger un message personnalisé pour chaque alerte, un bon moyen de faire des remerciements particuliers en fonction de l’alerte. Prends bien soin de garder les balises de type {name} pour que le nom de celui qui a généré l’alerte s’affiche bien sur ton stream.
- Animation du texte : Comme son nom l’indique, tu vas pouvoir choisir comment s’anime le texte pendant toute la durée où l’alerte reste affichée sur ton live. Ici encore amuse toi à les modifier puis tester tes alertes pour vérifier ce qui te plait le plus.
- Image : Dans cette option, tu vas pouvoir personnaliser chaque image pour chaque alerte. Ce peut être une image fixe ou un gif animé. Je te conseille personnellement d’utiliser le gif qui rend l’alerte encore plus interactive. Et parce que je suis un mec sympa voici un petit site pour trouver des gifs cools et gratuits.
- Son : Lorsque ton alerte se lance, tu peux notifier ton stream grâce à un petit son. Ici encore le son peut être différent pour chaque alerte. Streamlabs te propose certains sons par défauts mais tu peux aussi trouver des sons libres de droits sur le web. Allez, je te donne un autre site pour t’aider si tu le souhaites.
- Volume sonore : Pas besoin d’en dire beaucoup plus. Tu peux gérer ici le volume des alertes sur les sons que tu as choisi. Ici encore, fais des tests pour savoir ce qui est le plus pertinent.
- Durée de l’alerte : Combien de temps tu souhaites que l’alerte reste affichée ? Personnellement je mets 8 secondes qui me parait être suffisamment long pour que les viewers profitent de leur célébration.
Les autres paramètres avancés des alertes
Si tu es vraiment chaud, tu vas pouvoir jouer sur des paramètres plus avancés. Personnellement je suis resté dans le standard mais ça pourrait être amené à évoluer.
- Activer le HTML/CSS personnalisé : Si tu touches un peu ta bille en langage de développement (Html/CSS) tu vas pouvoir tout faire de zero. Tu rédiges tes bouts de codes en HTML/CSS/JS et tu balance le tout directement dans Streamlabs. Régales toi bien 😉
- Les paramètres de Police : Ici encore, si tu as décidé d’installer une police particulière pour donner une identité unique à ton stream, tu peux l’utiliser en paramétrant la police des alertes. Un petit site sympa pour trouver des polices cool accessible en cliquant ici. Attention quand même à la lisibilité de certains polices d’écriture.
- Variantes : Si tu veux que les alertes soient relativement variées, tu peux créer plusieurs modèles pour un même évènement. Le follower 1 n’aura pas forcément le même rendu d’alerte que le follower 2. Ca peut être un moyen cool de donner l’envie à d’autres de follow pour faire apparaitre un nouveau format d’alerte par exemple.
Pour tout ces paramétrages qu’ils soient standards ou avancés n’oublie jamais d’enregistrer pour éviter que tes modifications ne soient pas prises en compte.
Voilà j’espère que ce tutoriel t’aura aider à créer des supers alertes de Stream. Streamlabs est vraiment intuitif et sympa dans le degré de personnalisation. N’hésites pas à me dire en commentaire si tu veux plus d’infos sur des éléments de personnalisation.
