Drafter.lol - Guide

Du suchst das OBS-Overlay?

Lies den Custom-Stream-Guide. Diese Seite behandelt den älteren Stream-Modus und den Workflow mit URL-Parametern.

Einführung

Willkommen beim Drafter.lol Broadcaster-Guide. Ob du ein Community-Turnier oder eine professionelle Produktion betreibst, Drafter.lol ist flexibel gebaut und lässt sich leicht in deinen Stream integrieren.

Brauchst du Hilfe?

Fragen oder Feature-Wünsche gehören in unsere Discord-Community.

Stream-Modus (Der Schnellstart)

Der einfachste Weg, Drafter.lol in deinen Stream zu bringen, ist der Stream-Modus. Dieser Modus blendet automatisch alle nicht benötigten UI-Elemente aus und zeigt nur, was deine Zuschauer sehen müssen.

So aktivierst du ihn

Hänge &stream=true ans Ende deiner Draft-URL an.

Da Draft-Links bereits Parameter enthalten (wie ?game=1), solltest du das Zeichen & verwenden, um sie zu verketten.

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

Was angezeigt wird

Picks, Bans, Fearless-Picks, Teamnamen und der Countdown-Timer.

Was ausgeblendet wird

Navigationsleisten, Hintergrundbilder, die Champion-Auswahlliste, der Draft-Button und die Serien-Info.

Tipp

Füge die URL in OBS als Browserquelle hinzu. Da der Stream-Modus den Hintergrund ausblendet, erscheint der Draft transparent, sodass du ihn über deine eigenen Overlays legen kannst.

Visuelle Layouts

Drafter.lol bietet verschiedene visuelle Layouts, die zur Ästhetik deines Streams passen. Unser Standard-Layout ist sauber und modern, und für Übertragungen auf Profi-Niveau bieten wir einen speziellen Look.

So wechselst du das Layout

Öffne einen beliebigen Draft-Raum und klicke in der oberen Steuerleiste auf den Menü-Button, um zwischen dem Standard- und dem LCK-Layout zu wechseln.

Hänge &layout=lck an deine URL an, um ein bestimmtes Layout zu erzwingen.

Normales Layout

Das klassische Drafter.lol Erlebnis. Ein sauberes und vertrautes Layout mit unserem typischen Look-and-feel, geeignet für alles vom lockeren Training bis zu kompetitiven Matches.

LCK-Layout

Ein professioneller Broadcast-Look, inspiriert von der LCK, mit eleganten Animationen und einer hochwertigen „Pro-Play“-Ästhetik.

Deine Ansicht anpassen

Über unser Einstellungssystem kannst du dein Draft-Layout feinjustieren. So schaltest du einzelne Funktionen je nach Bedarf deiner Übertragung ein oder aus.

So passt du es an

Öffne einen beliebigen Draft.
Klicke in der oberen Navigationsleiste auf das Einstellungssymbol.
Passe deine Einstellungen an und klicke auf „Speichern“, um die Änderungen zu übernehmen.

Der Einstellungsparameter

Damit deine Einstellungen in OBS dauerhaft gelten, nutze den generierten Konfigurationsparameter unten im Einstellungsmenü.

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

Diese lange Zahlenfolge sagt Drafter.lol genau, welche Optionen du gewählt hast, sodass es bei jedem Laden identisch aussieht.

Für Power-User (CSS)

Du willst Schriftarten, Farben ändern oder Elemente neu positionieren? Drafter.lol hat auf fast jedem Element stabile Klassennamen und IDs, sodass es sich per CSS umfassend anpassen lässt.

#id-based-styling

Bestimmte Elemente wie einzelne Pick-Karten (#pick-card-1) oder Team-Header haben eindeutige IDs für die direkte Ansprache.

.class-based-styling

Elementgruppen wie alle Ban-Slots oder alle Teamnamen teilen sich gemeinsame Klassen für einfaches Massen-Styling.

Beispiel: Eigenes CSS in OBS

css

/* Teamnamen-Farbe auf Gold ändern */
.team-name {
  color: #ffd700 !important;
}

/* Timer für einen aufgeräumteren Look ausblenden */
#draft-timer {
  display: none;
}