🎮 OBS Plugins Web Showcase

Exemples de widgets et overlays pour améliorer vos streams

🔔
Alert Box

Affiche des alertes animées pour les nouveaux followers, abonnés et donations.

PlayerOne vient de follow !

Usage OBS: Ajouter une source "Navigateur" avec l'URL de ce widget

💬
Chat Overlay

Affiche les messages du chat en temps réel sur votre stream.

GamerPro: GG bien joué ! 🔥
StreamFan: C'était incroyable !

Transparence: Utilisez "Chroma Key" dans OBS pour rendre le fond transparent

🎯
Barre d'objectif

Suivez la progression vers vos objectifs de followers ou donations.

65%
650 / 1000 Followers
💰
Tracker de Donations

Affiche les donations récentes avec animations.

🎁 GenerousGamer 5.00€
📋
Événements Récents

Liste des dernières interactions avec le stream.

NewFollower a suivi 2 min
💎 ProGamer s'est abonné 5 min
👥
Compteur de Viewers

Affiche le nombre de spectateurs en direct.

247
Spectateurs en direct
🔥
Combo Streak

Affiche les séries de kills/victoires avec effets de feu !

0
COMBO
Système de Niveau

Barre d'XP avec animation de level up !

12
450 / 1000 XP
🎰
Roue de la Fortune

Roue tournante pour giveaways et mini-jeux !

🎁
💎
🎮
🏆
💰
🎉
Célébration Confettis

Explosion de confettis pour célébrer les grands moments !

🎊 BRAVO ! 🎊
🏆
Podium Top Donateurs

Top 3 des donateurs avec podium animé !

🥈
Player2
45€
👑
ProGamer
100€
🥉
Player3
30€
Compte à Rebours

Timer géant pour les événements et challenges !

05:00
Prochain Stream
🔊
Sound Board

Déclencheur de sons et effets sonores interactifs !

🐱
Mascotte Animée

Mascotte qui réagit aux événements du stream !

🐱
Salut ! 👋
🎯
Multi-Objectifs

Suivez plusieurs objectifs simultanément !

🎮 Victoires
6/10
💎 Abonnés
42/50
💰 Donations
33€/100€
😊
Analyse Émotionnelle du Chat

Analyse les emotes du chat pour afficher l'émotion dominante en temps réel !

😊
HEUREUX
45%
😊
45%
🔥
30%
❤️
15%
😢
7%
😠
3%
💻
Intégration OBS

Voici comment intégrer ces widgets dans OBS Studio :

1. Dans OBS, cliquez sur "+" sous "Sources"
2. Sélectionnez "Navigateur"
3. Entrez l'URL de votre widget
4. Réglez la largeur et hauteur (ex: 800x600)
5. Cochez "Actualiser le navigateur quand la scène devient active"
6. Pour la transparence, ajoutez un filtre "Chroma Key"

URLs des services populaires:
• StreamElements: https://streamelements.com/overlay/[ID]/[TOKEN]
• StreamLabs: https://streamlabs.com/widgets/[WIDGET]/[TOKEN]
• Custom: http://localhost:3000/votre-widget.html

💡 Services populaires: StreamElements, StreamLabs et autres plateformes offrent des widgets prêts à l'emploi que vous pouvez facilement intégrer dans OBS sans avoir besoin de coder !