Drafter.lol - Guide

Vous cherchez l'overlay OBS ?

Lisez le Guide Custom Stream. Cette page couvre l'ancien mode stream et le flux par paramètres d'URL.

Introduction

Bienvenue dans le Guide du diffuseur Drafter.lol. Que vous organisiez un tournoi communautaire ou une production professionnelle, Drafter.lol est conçu pour être flexible et facile à intégrer à votre stream.

Besoin d'aide ?

Questions et demandes de fonctionnalités se font sur notre communauté Discord.

Mode Stream (démarrage rapide)

Le moyen le plus simple d'intégrer Drafter.lol à votre stream est le mode Stream. Ce mode masque automatiquement tous les éléments d'interface non essentiels, ne laissant que ce que vos spectateurs doivent voir.

Comment l'activer

Ajoutez &stream=true à la fin de l'URL de votre draft.

Comme les liens de draft contiennent déjà des paramètres (comme ?game=1), utilisez le symbole & pour les enchaîner.

Exemple : https://drafter.lol/draft/ABC-123?game=1&stream=true

Ce qu'il affiche

Picks, bans, picks Fearless, noms des équipes et compte à rebours.

Ce qu'il masque

Barres de navigation, images de fond, liste de sélection des champions, bouton de draft et infos de série.

Astuce

Dans OBS, ajoutez l'URL comme source Navigateur. Comme le mode Stream masque le fond, la draft apparaîtra transparente, ce qui vous permet de la placer par-dessus vos propres overlays.

Layouts visuels

Drafter.lol propose différents layouts visuels pour s'adapter à l'esthétique de votre stream. Si notre layout standard est épuré et moderne, nous proposons aussi un style spécialisé pour les diffusions de niveau professionnel.

Comment changer de layout

Ouvrez n'importe quel salon de draft et cliquez sur le bouton Menu dans la barre de contrôle supérieure pour basculer entre les layouts Par défaut et LCK.

Ajoutez &layout=lck à votre URL pour forcer un layout précis.

Layout normal

L'expérience Drafter.lol classique. Un layout épuré et familier qui offre notre style signature, adapté à tout, de l'entraînement décontracté aux matchs compétitifs.

Layout LCK

Un style de diffusion professionnel inspiré de la LCK, avec des animations soignées et une esthétique « pro play » haut de gamme.

Personnaliser votre affichage

Vous pouvez affiner le layout de votre draft grâce à notre système de préférences. Il vous permet d'activer ou de désactiver des fonctionnalités précises selon les besoins de votre diffusion.

Comment personnaliser

Ouvrez n'importe quelle draft.
Cliquez sur l'icône Préférences dans la barre de navigation supérieure.
Ajustez vos réglages et cliquez sur Enregistrer pour appliquer les changements.

Le paramètre de préférences

Pour rendre vos réglages persistants dans OBS, utilisez le paramètre de configuration généré en bas du menu Préférences.

https://drafter.lol/draft/123?game=1&preferences=10101...

Cette longue suite de chiffres indique à Drafter.lol exactement quels boutons vous avez cliqués, pour un rendu identique à chaque chargement.

Pour les utilisateurs avancés (CSS)

Envie de changer les polices, les couleurs ou de repositionner des éléments ? Drafter.lol est construit avec des noms de classes et des ID stables sur presque chaque élément, ce qui le rend très personnalisable via CSS.

#stylisation-par-id

Des éléments précis comme les cartes de pick individuelles (#pick-card-1) ou les en-têtes d'équipe ont des ID uniques pour un ciblage direct.

.stylisation-par-classe

Les groupes d'éléments comme tous les emplacements de ban ou tous les noms d'équipe partagent des classes communes pour une stylisation en masse facile.

Exemple : CSS personnalisé OBS

css

/* Passer la couleur du nom d'équipe en doré */
.team-name {
  color: #ffd700 !important;
}

/* Masquer le timer pour un rendu plus épuré */
#draft-timer {
  display: none;
}