🎨 Template Personnalisé
Enregistrez votre template pour ne pas le perdre (sauvegarde la configuration complète).
📚 Procédure pour créer un overlay personnalisé
- Structure : Écrivez votre HTML comme une page normale (titres, images, blocs). C’est votre overlay (cadre, textes, mise en page).
- Où mettre la vidéo du clip : À l’endroit où le clip doit s’afficher, mettez un seul élément avec l’ID exact
id="template-custom-video". Utilisez une <div id="template-custom-video"></div> ou une balise <video id="template-custom-video"></video> vide. Au moment du shoutout, la vidéo du clip remplacera cet élément à la même place, sans remplacer tout l’overlay.
- Variables :
$name, $stream, $game, $category, $viewers, $maxViewers, $avatar, $title (remplacées par les vraies valeurs au moment du !so).
- CSS : Utilisez le champ CSS pour le style. Vous pouvez cibler la vidéo avec
#template-custom-video (largeur, hauteur, border-radius, etc.).
Exemple minimal : un bloc avec le nom du streamer et la vidéo à côté → en HTML : un conteneur, dedans <span>$name</span> et <div id="template-custom-video"></div>. La vidéo apparaîtra dans le div, pas à la place de tout le bloc.
