Superposition de flux pour OBS et Streamlabs

Spin the Wheel intègre une fonctionnalité très simple : ajoutez superposition de flux, ?stream=1 à la fin de l'URL de la roue ( n'importe lequel Source du navigateur. collez ce lien dans votre logiciel de streaming. La page se charge alors comme transparent : la roue s'affiche clairement par-dessus votre jeu ou votre caméra. Menus, publicités, bannières de cookies et notifications sont automatiquement masqués.

Rien à installer; n'y a pas de compte, pas d'extension de navigateur ni de panneau de contrôle de streaming séparé. Cela fonctionne avec OBS Studio, Streamlabs, ainsi qu'avec tout logiciel compatible avec un navigateur ou une source web.

À qui est-ce destiné ?

💡 Streameurs sur Twitch, YouTube, Kick ou ailleurs qui souhaitent voir une roue de la fortune tourner en direct à l'écran.

💡 Cadeaux pour les spectateurs, tirages au sort et moments « le chat décide ».

💡 Défis en jeu, handicaps aléatoires et segments « laissez la roue choisir ».

💡 Pour tous ceux qui souhaitent utiliser une roue en streaming sans avoir à brancher d'outils supplémentaires ni à se connecter.

Avant de commencer

✔️ Vous disposez d'un logiciel de streaming compatible avec un Source du navigateur (OBS Studio, Streamlabs, etc.).

✔️ Vous avez une URL de roue — soit une roue prête à l'emploi (par exemple https://spinthewheel.io/fr/yes-no-wheel ) de notre bibliothèque, soit l'une de vos propres roues enregistrées/partagées.

Voilà. Aucune inscription ni installation n'est requise pour afficher une roue en direct.

Pas à pas

Récupérez l'URL de votre roue. Utilisez une roue déjà prête (par exemple https://spinthewheel.io/fr/yes-no-wheel ), ou ouvrez votre propre roue enregistrée et copiez le lien depuis la barre d'adresse de votre navigateur.
Ajouter ?stream=1 jusqu'au bout. Par exemple : https://spinthewheel.io/fr/yes-no-wheel?stream=1 . Si le lien contient déjà un ? , ajoutez plutôt &stream=1 .
Ajoutez-le comme source de navigateur. Dans OBS : Sources → + → Navigateur. Dans Streamlabs : Ajouter une source → Source du navigateur. Collez votre URL ?stream=1 dans le champ URL.
Définissez la taille. Attribuez une largeur et une hauteur à la source (par exemple 700 x 700 si vous affichez une seule roue, ou toute autre dimension adaptée à votre mise en page). La superposition étant transparente, elle se superpose directement à votre scène ; il n’est donc pas nécessaire de définir une couleur d’arrière-plan.
Positionnez et redimensionnez-le sur votre canevas comme n'importe quelle autre source.
Faites-le tourner. Cliquer sur la roue la fait tourner. Pour cliquer dans une source de navigateur, utilisez l'option Interagir de votre logiciel (dans OBS : clic droit sur la source → Interagir, puis cliquez sur la roue). Le résultat du tour et l'annonce du gagnant s'affichent en direct sur le flux.

Personnalisez-le

Concevez une roue avec vos propres couleurs, logo central, image de fond et sons, Sauvegarder, puis utilisez son URL avec ?stream=1 et la superposition affichera votre conception complète.

La roue dentée conserve tous ses éléments (segments, couleurs, images, bouton central) ; seule l'interface du site web environnante est masquée.

Exemples

💡 https://spinthewheel.io/fr/yes-no-wheel?stream=1 pour afficher une décision rapide oui/non à l'écran.

💡 Une roue de la fortune avec les noms des participants, tournée en direct pour le public (voir également notre outil de concours Twitch pour collecter les participations en direct dans le chat - lien en bas de page).

💡 Une roue des défis (arme, classe, handicap) à faire tourner entre les manches. Utilisez plusieurs roues pour plus d'options et de résultats possibles.

Dépannage

⚠️ Si vous utilisez ?stream=1 alors que l'URL contient déjà un ? , vous devrez utiliser &stream=1 dans ce cas.

⚠️ Forcer une couleur d'arrière-plan dans la source du navigateur. Laissez-la plutôt transparente pour que votre scène soit visible.

⚠️ Tenter de cliquer sur la roue sans activer le mode Interagir de votre logiciel pour la source du navigateur.

Dépannage

🛠️ La superposition affiche l'intégralité du site web (menus/publicités). Le paramètre stream n'est pas dans l'URL — vérifiez qu'elle se termine par ?stream=1 (ou &stream=1 ).

🛠️ Je vois une boîte blanche ou noire unie. Le code source de votre navigateur comporte un arrière-plan forcé ou du CSS personnalisé. Supprimez-le pour que la superposition transparente puisse se superposer à votre scène.

🛠️ La roue ne tourne pas. Activez Interagir pour la source du navigateur (dans OBS : clic droit → Interagir) et cliquez sur la roue.

🛠️ La roue est trop grande ou trop petite. Redimensionnez la source du navigateur et mettez-la à l'échelle pour qu'elle s'adapte à votre canevas.

Conseils d'utilisation

Le mode flux ( mode de présentation visuelle: masque les menus, les publicités, les bannières de consentement et les notifications contextuelles du site, rendant la page transparente. La roue conserve son apparence et affiche toujours la notification du gagnant.

• Il s'agit d'un source du navigateur de niveau supérieur, et non d'un contenu intégré, il ne communique donc pas avec une page parente.

• L'interface fonctionne avec n'importe quelle URL de roue. Vous pouvez utiliser des roues prêtes à l'emploi de notre bibliothèque ou vos propres roues enregistrées.

• Pour un tirage au sort complet avec participation par chat (les spectateurs saisissent un mot-clé pour participer, avec un tirage au sort équitable et un lien de rediffusion vérifié), utilisez plutôt notre autre fonctionnalité avec sa propre interface :

Outil de cadeaux Twitch

Superposition de flux gratuite avec roue tournante pour OBS et Streamlabs