Ajouter Événements en direct à OBS
Le nouvel événement apparaît toujours en haut, poussant les précédents vers le bas: chacun avec sa propre icône pour que les spectateurs voient instantanément ce qui s'est passé. Épinglez une statistique au-dessus du flux, comme votre dernier abonné ou le plus gros don jusqu'ici, et elle y reste, toujours à jour.
Environ 2 minutes
Pas à pas
- 1
Connectez-vous et créez le widget
Ouvrez le tableau de bord Streamities, choisissez Événements en direct et créez-en un. Personnalisez-le tout de suite ou gardez les réglages par défaut — l'URL d'overlay fonctionne dans les deux cas et reprend vos modifications au fur et à mesure.
- 2
Copiez l'URL de l'overlay
Chaque widget a son URL unique. Copiez-la depuis la page du widget dans le tableau de bord : c'est tout ce dont OBS a besoin, et elle reste valable — vous ne le ferez donc qu'une fois.
- 3
Ajoutez une Browser Source dans OBS
Dans votre scène, ajoutez Sources → Navigateur, donnez-lui un nom et collez l'URL dans le champ URL. Streamlabs et XSplit proposent le même type de source sous le même nom.
- 4
Réglez la taille sur 700 × 500
Saisissez 700 dans Largeur et 500 dans Hauteur. Dimensionnez la source plutôt que de la redimensionner ensuite — une Browser Source étirée rend un texte flou, parce qu'OBS agrandit une image déjà finie.
- 5
Décochez « Arrêter la source lorsqu'elle n'est pas visible »
Avec cette option activée, OBS détruit la page dès que la scène n'est plus active et la connexion en direct disparaît avec elle — ce qui ressemble exactement à un widget qui ne se met plus à jour. Laissez-la désactivée, placez Événements en direct où vous voulez, et c'est terminé.
Réglages Browser Source recommandés
Un point de départ pour Événements en direct, pas une règle — chaque overlay s'adapte au cadre qu'on lui donne. Réglez la largeur et la hauteur ici, puis placez la source dans votre scène sans la redimensionner.
- Largeur
- 700
- Hauteur
- 500
- Où le placer
- Le long d'un côté de la scène — il est plus haut que large et s'installe bien à côté de votre contenu principal.
Laissez la transformation de la source à 100 %. Redimensionner une Browser Source après coup agrandit une image déjà rendue, et c'est exactement ce qui rend le texte d'un overlay flou.
Bon à savoir
Chaque événement, un seul flux
Follows, abonnements, subs cadeaux, cheers, raids, dons et cartes jouées: tout dans une seule liste en direct qui défile automatiquement.
Une icône par événement
Chaque type d'événement a sa propre icône, pour que les spectateurs voient d'un coup d'œil ce qui s'est passé.
Épinglez une statistique en direct
Gardez votre dernier abonné, votre plus gros don, ou une autre statistique épinglée au-dessus du flux, toujours à jour.
Si rien n'apparaît
La source reste vide ou noire+
Actualisez la source (clic droit → Actualiser) et vérifiez que l'URL a été collée en entier. Une source noire au premier chargement puis correcte après actualisation vient généralement de l'accélération matérielle — activez-la dans Paramètres → Avancé dans OBS.
Ça marchait, puis ça a cessé de se mettre à jour+
Presque toujours « Arrêter la source lorsqu'elle n'est pas visible ». Activée, elle fait fermer la page par OBS à chaque changement de scène, et la connexion en direct disparaît avec elle. Désactivez-la dans les propriétés de la source.
Le texte est flou+
La source est mise à l'échelle. Réinitialisez la transformation (clic droit → Transformation → Réinitialiser la transformation) et saisissez plutôt la largeur et la hauteur dans les propriétés de la source — 700 × 500 est la taille de départ.
Il a la mauvaise taille dans ma scène+
Modifiez Largeur et Hauteur dans les propriétés de la source au lieu de tirer sur les poignées. Tirer agrandit l'image rendue ; les propriétés changent ce qui est rendu.
Événements en direct : questions fréquentes
Événements en direct est-il gratuit ?+
Oui. Chaque formule inclut un widget Événements en direct, mises à jour en direct et apparence par défaut comprises. Creator+ ajoute un nombre illimité de widgets de chaque type, ainsi que la personnalisation complète, les animations et les modèles premium.
Quelle taille de Browser Source utiliser pour Événements en direct ?+
Commencez à 700 × 500 pixels, réglés dans les propriétés de la source plutôt qu'en redimensionnant la source dans la scène — le widget s'adapte au cadre qu'on lui donne.
Événements en direct fonctionne-t-il avec Streamlabs et XSplit ?+
Oui. Événements en direct est une page web ordinaire : il fonctionne dans tout logiciel de stream disposant d'une source navigateur ou overlay web — OBS Studio, Streamlabs, XSplit et les autres.
Combien de temps faut-il pour installer Événements en direct ?+
Quelques minutes. Créez-le dans le tableau de bord, copiez son URL, collez-la dans une source. La personnalisation vient plus tard, en direct, sans retoucher à OBS.
Dois-je installer un plugin ?+
Non. Il n'y a rien à télécharger ni de plugin à maintenir à jour — Événements en direct est une URL, et il se met à jour de notre côté.