Overlay pour OBS et TikTok LIVE Studio

L’onglet Overlay de chaque mod et de chaque intégration personnalisée est un éditeur de widgets qui s’affichent par-dessus votre stream : un tableau de ce que les spectateurs peuvent déclencher, des alertes de cadeaux et de nouveaux abonnés, des objectifs de stream, des compteurs et des classements, un compteur de victoires et un score d’équipes, votre santé, vos morts et la distance jusqu’à l’arrivée directement depuis le jeu, ainsi que vos propres textes, images et vidéos. Vous ajoutez un seul lien à OBS ou à TikTok LIVE Studio, et l’overlay affiche toujours la mise en page du mod actif dans BakoshApp.

La mise en page appartient au préréglage actif du mod : changez de préréglage, et l’overlay change avec lui.

Widgets

Ajouter un widget ouvre le catalogue de widgets. Il est divisé en sections ; certains widgets existent en plusieurs cartes prêtes à l’emploi (par exemple Like Goal et Gift Mission sont toutes deux un Stream Goal).

• Action Board — un tableau de tuiles construit à partir des actions de votre mod : « ce cadeau → cela se produit dans le jeu ». Il a son propre article : Action Board.
• Avatar — votre avatar 3D en stream, voir Bakosh Avatar.
• Health Bar, Finish Distance et Death Counter affichent ce que le jeu transmet, voir Santé, morts et distance venant du jeu.

Les alertes, objectifs, compteurs et classements tirent leurs données du Connecteur natif et du connecteur Kick. Les événements qui passent par TikFinity n’affichent pas d’alertes et ne comptent pas dans les statistiques.

Créer une mise en page

1. Ouvrez un mod → Overlay.
2. Cliquez sur Ajouter un widget, choisissez une carte, puis un style dans Choisissez un style pour ….
3. Faites glisser le widget sur le canevas, redimensionnez-le et faites-le pivoter ; réglez son texte, ses couleurs et son comportement dans le panneau de droite.
4. Utilisez Calques pour verrouiller, masquer, dupliquer ou supprimer des widgets. Dupliquer vers… copie un widget vers un autre mod ou une autre intégration.

Taille, le premier champ du panneau de la plupart des widgets, met à l’échelle le widget entier — texte, icônes, barres et espacements ensemble. Le cadre que vous faites glisser sur le canevas ne fait que donner de la place au widget : si vous le réduisez, ce sont d’abord les espaces qui rétrécissent. Le widget Text a à la place une Taille de police.

Les modifications sont enregistrées automatiquement. Le bouton en forme d’aimant (Aligner sur les repères) fait coller les widgets au centre et aux bords du canevas, ainsi qu’aux autres widgets.

La mise en page a deux modes d’affichage — Paysage (1920×1080) et Portrait (1080×1920) — que vous changez avec le bouton au-dessus du canevas. Chaque widget conserve sa propre position, sa taille et son recadrage dans chaque mode, donc une seule mise en page convient aux deux orientations.

Raccourcis clavier

Le bouton en forme de clavier à côté des commandes de zoom (Raccourcis clavier) affiche la liste complète.

Sans Maj, les poignées d’angle redimensionnent librement : le texte et les tableaux se réorganisent au lieu de s’étirer. L’annulation ne revient pas sur les scores en direct, Dupliquer vers…, les téléversements ni l’aspect en stream d’une action.

Le recadrage fonctionne sur les widgets Image et Vidéo : maintenez Alt et faites glisser une poignée, et le bord entre dans l’image au lieu de la redimensionner. Réinitialiser le recadrage dans le panneau rend toute l’image.

Démo

Les widgets qui réagissent aux événements ou dont les chiffres changent ont un bouton Démo dans le panneau. Il ne joue que ce widget — sur le canevas et, en même temps, dans OBS ou TikTok LIVE Studio, pour que vous voyiez son rendu en stream :

• une alerte affiche un événement d’exemple, avec son son ;
• un objectif, un compteur, un classement, un Win Counter, un Team Score, un Death Counter, un Health Bar, un Finish Distance ou un Action Board joue des valeurs d’exemple ou clignote, puis les vraies valeurs reviennent.

Les réglages qui ne se voient qu’au moment d’un événement — animations, particules, flash du tableau — rejouent la démo sur le canevas d’eux-mêmes pendant que vous les modifiez. Rien n’est alors envoyé à OBS, au cas où vous seriez en direct.

Ajouter l'overlay à votre stream

Cliquez sur Copier l’URL au-dessus du canevas. Le lien correspond au mode d’affichage actuel : copiez-le une fois en Portrait pour un stream vertical, une fois en Paysage pour un stream horizontal. Le bouton ? (Guide) affiche les étapes avec des captures d’écran.

TikTok LIVE Studio :

1. Cliquez sur Add source et choisissez Link.
2. Collez le lien, activez Custom resolution et réglez-la sur 1080×1920 (1920×1080 pour le paysage).
3. Dans le menu de redimensionnement, choisissez Fill et gardez la source au-dessus des autres.

OBS Studio : ajoutez une Browser Source, collez l'URL et réglez la taille sur 1920×1080 pour Paysage ou 1080×1920 pour Portrait.

BakoshApp doit s'exécuter sur le même PC qu'OBS ou LIVE Studio — l'overlay reçoit ses événements depuis l'application. Le lien ne dépend pas du mod : changez de mod actif, et l'overlay bascule sur la mise en page de ce mod.

Ouvrir le lien dans Chrome ou Edge

OBS et TikTok LIVE Studio affichent l’overlay tel quel. Chrome et Edge demandent d’abord si bakosh.app peut accéder aux applications de votre ordinateur : cliquez sur Allow. Si vous l’avez bloqué, la page affiche « Browser is blocking the overlay » — cliquez sur l’icône à gauche de la barre d’adresse, autorisez Apps on device, et l’overlay se reconnecte tout seul.

Alertes

Chaque widget d’alerte a des filtres : Plateforme (TikTok, Kick ou les deux), les Cadeaux auxquels il réagit, Minimum de diamants (TikTok) / Minimum de Kicks (Kick), Likes pour déclencher, Regrouper les répétitions, Une fois par spectateur et Délai (ms). Les alertes patientent dans une file ; chacune s’affiche pendant 4 secondes par défaut.

Sous les champs de texte, chaque alerte liste les variables qu’elle peut utiliser, par exemple {nickname}, {username}, {giftName}, {repeatCount} et {diamondCount} pour les cadeaux ou {likesAmount} pour les likes. La section Effets ajoute des nombres qui défilent en comptant, une image animée, une lueur, un balayage lumineux et des particules.

Objectifs, compteurs et classements

Ces widgets affichent les statistiques des spectateurs — ce que vos plateformes connectées ont signalé. Choisissez Ce qu’on compte, la Période (Ce live, 7 derniers jours, 30 derniers jours, Depuis toujours) et la Plateforme.

• Stream Goal — progression vers un objectif. Une fois atteint : Rester à 100 % ou Relever l’objectif d’un montant défini.
• Stream Counter — un chiffre avec une icône et un libellé : likes, nouveaux abonnés, spectateurs en ligne, pièces, un cadeau précis et plus encore.
• Leaderboard — les meilleurs spectateurs sous forme de liste ou de Podium (top 3). Position de la valeur place le chiffre à côté du nom ou en dessous, En miroir (de droite à gauche) inverse la ligne pour le côté droit de l’écran, Taille du titre, % met le titre à l’échelle. Les places libres affichent un tiret ; un classement vide affiche Texte si vide si vous l’avez défini.

Tant qu’il n’y a pas de données, l’éditeur affiche des lignes d’exemple ; OBS n’affiche que de vrais spectateurs. Les événements de test ne comptent pas — utilisez Démo pour voir l’animation.

Compteur de victoires, score des équipes et Death Counter

Les compteurs évoluent grâce à des actions : dans l'onglet Overlay de Toutes les actions (Ajouter nouveau sur l'onglet Actions), ajoutez :

• Compteur de victoires — Wins Up, Wins Down, Wins Set ou Wins Set To Goal ;
• Score des équipes — Ajouter des points, Retirer des points ou Définir le score pour Équipe 1 (gauche) ou Équipe 2 (droite), ou Réinitialiser les deux scores ;
• Death Counter — Ajouter des morts, Retirer des morts, Définir le compteur ou Réinitialiser le compteur.

Chaque action vise un Widget cible, et c’est l’interrupteur de ce widget qui décide de ce qui change :

• Utiliser les victoires/l’objectif du jeu (Compteur de victoires), Utiliser le score du jeu (Score des équipes) ou Utiliser le compteur du jeu (Death Counter) activé — l’action modifie le compteur partagé du mod, que tous les widgets dont l’interrupteur est activé affichent. Sur GTA V et RDR2, le compteur de victoires partagé est celui du jeu lui-même.
• Interrupteur désactivé — l’action ne modifie que le compteur propre à ce widget.

Si l’overlay n’a pas encore de widget de ce type, l’action modifie le compteur partagé. Si le widget cible a été supprimé, l’action ne fait rien ; choisissez-en un autre. Vous pouvez aussi saisir les chiffres directement dans les champs du widget dans l’éditeur. Dans TABS Battle, les victoires de chaque armée alimentent d’elles-mêmes le Score des équipes.

Santé, morts et distance venant du jeu

Trois widgets de la section Jeu tirent leurs chiffres du jeu lui-même :

Ajouter un widget propose chacun d’eux uniquement là où le jeu transmet ce chiffre.

• Apparence. Health Bar se présente en barre, segments, cœurs, anneau, nombre ou moniteur cardiaque ; Finish Distance, en texte (« Distance: 100 m »), barre de progression, route, anneau ou navigateur ; Death Counter, en nombre, rangée de crânes, bâtons de comptage, vies, compteur à rouleaux, bannière WASTED ou pierre tombale. Les barres et la route passent à la verticale avec Orientation. Choisissez un style pour … propose des apparences prêtes à l’emploi pour chacun.
• Vos propres mots. Chaque libellé vous appartient : le texte autour du nombre, START et FINISH, les textes de la bannière, de la pierre tombale et de fin de partie. Finish Distance utilise {remaining}, {traveled}, {total} et {percent}, en mètres et kilomètres ou en pieds et miles, avec vos propres libellés d’unités si vous le souhaitez ; Death Counter utilise {deaths} et {lives}.
• Arrivée. À chaque arrivée, la barre reste pleine un instant, le widget fait un bond, et des confettis, des drapeaux d’arrivée ou des étincelles jaillissent du drapeau d’arrivée — choisissez-les dans Effet d’arrivée ou désactivez la célébration avec Fêter l’arrivée. Un Son d’arrivée peut aussi être joué.
• Compteur de morts. Le jeu ajoute une mort chaque fois que votre personnage meurt — dans Train Auto, chaque train détruit. Le compteur est conservé jusqu’à ce que vous cliquiez sur Réinitialiser le compteur dans le panneau du widget ou que vous exécutiez une action Death Counter. Avec Utiliser le compteur du jeu désactivé, le widget ne compte que ce que ses propres actions ajoutent.
• Mort. À chaque mort, un flash rouge se propage depuis le centre, le widget tremble, et des icônes, des étincelles ou des cœurs jaillissent du nombre — choisissez-les dans Effet de mort. Désactivez les autres effets avec Flash rouge à la mort et Tremblement à la mort. Un Son de mort peut aussi être joué.
• Sans le jeu. L’éditeur affiche des valeurs d’exemple tant que le jeu n’est pas connecté. Dans OBS, un widget sans données se masque tout seul ; pour garder une jauge vide à l’écran, réglez Sans données du jeu (Sans itinéraire dans Finish Distance) sur Afficher une jauge vide.

Dans KOTH et KOTH Auto, God Mode est activé par défaut, donc le widget Health Bar reste plein ; désactivez-le dans F11 si vous voulez que la santé compte. Les chiffres viennent du mod dans le jeu : si ces widgets restent vides pendant que vous jouez, mettez le mod à jour dans l’onglet Gérer le mod.

Images et vidéo

Les images pour les widgets Image proviennent de Mes images (vos fichiers importés), des Cadeaux TikTok ou des Cadeaux Kick.

• Fichiers importés : PNG, JPEG, WebP, GIF ou APNG, jusqu'à 30 Mo par fichier avant compression par BakoshApp. Les fichiers animés sont importés tels quels et doivent tenir dans 10 Mo.
• Vidéos : WebM (VP9) ou MP4 (H.264), jusqu’à 10 Mo, sans son par défaut. Dans l’éditeur, la vidéo est toujours muette ; dans OBS, le son fonctionne.
• Les images et les vidéos disposent chacune de leur propre espace de stockage : 25 Mo en Free, 250 Mo en PRO et MAX.

Questions courantes

L'overlay affiche « Overlay unavailable ». L'overlay ne parvient pas à joindre BakoshApp : l'application n'est pas lancée ou vous n'êtes pas connecté. Lancez-la et connectez-vous — l'overlay se reconnecte tout seul.

L’overlay affiche « No mode selected ». Aucun mod n’est activé dans BakoshApp. Activez-en un, et l’overlay affiche sa mise en page.

L’overlay affiche « Browser is blocking the overlay ». Vous avez ouvert le lien dans Chrome ou Edge et le navigateur ne l’a pas autorisé à accéder à l’application. Cliquez sur l’icône à gauche de la barre d’adresse et autorisez Apps on device.

Les alertes n’apparaissent pas. Les alertes nécessitent PRO ou MAX ainsi que des événements provenant du Connecteur natif ou de Kick. Vérifiez les filtres de l’alerte, puis appuyez sur Démo.

Mon classement est vide dans OBS. Il se remplit au fur et à mesure que les spectateurs envoient des cadeaux, des likes ou des messages via le Connecteur natif ou Kick. D’ici là, les places affichent un tiret.

Health Bar ou Finish Distance ne s’affiche pas dans OBS. Ces widgets apparaissent quand le jeu envoie ses chiffres : lancez le jeu, entrez dans une partie et activez le mod dans BakoshApp. Finish Distance n’apparaît que tant qu’il y a une arrivée à atteindre. S’ils n’apparaissent toujours pas, mettez le mod à jour dans l’onglet Gérer le mod.

Health Bar, Finish Distance ou Death Counter n’est pas dans « Ajouter un widget ». Le jeu de ce mod ne transmet pas ce chiffre — par exemple TABS Battle, ou la distance dans Train Auto, Rust et Minecraft. Les intégrations personnalisées ne proposent que Death Counter.

J’ai supprimé un widget par erreur. Appuyez sur Ctrl+Z.

Articles connexes

• Action Board
• Bakosh Avatar
• Préréglages
• Spectateurs
• Intégrations personnalisées
• Connecteur natif