Snapfoil

Opening-Bausteine in OBS einrichten

Ein Opening-Baustein ist eine eigene Adresse, die einen Ausschnitt deines laufenden Openings zeigt — Summe, letzte Karte, Wertverlauf und mehr. Du trägst sie in OBS als Browserquelle ein; sie aktualisiert sich von selbst, ohne dass du etwas anklickst.

So hängt es zusammen

Streaming-Scanner am HandyOpening-Daten bei SnapfoilDaten-Overlay in OBS

Dein Kamerabild kommt als eigene Quelle in OBS — zum Beispiel eine Webcam oder eine Handy-Kamera-App. Snapfoil überträgt kein Kamerabild; der Scanner-Link gehört aufs Handy, nicht als Browserquelle in OBS.

Was du brauchst

  • Premium. Die Bilanz beim Scannen ist für alle da; die Bausteine für OBS gehören zu Premium. Premium ansehen
  • Deine Adressen. Sie stehen in deinem Konto unter „Streaming“ — dort erzeugst du sie mit einem Klick und kopierst sie einzeln. Zum Konto
  • Der Streaming-Scanner. Sein Link steht im Konto unter „Streaming“ und liegt zusätzlich im Werkzeuge-Menü der Sammlung. Was du damit scannst, zählt in die laufende Box. Solange nichts läuft, bleiben die Bausteine leer — sie zeigen nie eine Fehlerseite im Stream.

Schritt für Schritt in OBS

  1. 1
    Adresse holen

    Im Konto unter „Streaming“ steht je Baustein eine eigene Adresse. Kopiere die, die du zeigen willst — jede Browserquelle bekommt genau eine.

  2. 2
    Quelle hinzufügen

    In OBS unten bei „Quellen“ auf das Plus, dann „Browser“ wählen und der Quelle einen Namen geben, den du wiedererkennst — etwa „Opening Summe“.

  3. 3
    Adresse einfügen

    Im Feld „URL“ die kopierte Adresse einsetzen. Die vorgegebene Beispiel-Adresse vorher vollständig löschen.

  4. 4
    Breite und Höhe setzen

    Breite und Höhe bestimmen die Zeichenfläche, nicht die Schriftgröße. Für eine große Zahl reichen 600 × 200, für eine Liste eher 460 × 900, für die Verlaufskurve 600 × 200. Zu klein heißt: abgeschnitten.

  5. 5
    Eigenes CSS eintragen

    Darunter steht das Feld „Benutzerdefiniertes CSS“. Der Inhalt darin ersetzt die Vorgabe von OBS — setze eine der Vorlagen unten hinein und ändere Größen und Farben nach Geschmack.

  6. 6
    Neu laden bei Sichtbarkeit ausschalten

    Das Häkchen „Seite bei Sichtbarkeit neu laden“ bleibt AUS. Sonst beginnt der Baustein bei jedem Szenenwechsel von vorn und zeigt für einen Moment nichts. Das Häkchen „Quelle abschalten, wenn nicht sichtbar“ ebenfalls aus.

Die Bausteine

Jeder Baustein ist eine eigene Browserquelle. Du musst nicht alle nehmen — zwei oder drei reichen für ein aufgeräumtes Bild.

NameWas er zeigt
summeLaufender Marktwert der Box
letzteZuletzt gezogene Karte
besteDie drei wertvollsten Pulls
zaehlerKarten gezählt · Treffer über der Schwelle
bilanzEinsatz gegen Marktwert
listeAlle Pulls der Box
verlaufWertverlauf als Kurve
neuNeu für die Sammlung (ohne Ziel: für dich) / Masterset-Fortschritt
rangPlatz der Karte im Set nach Marktwert
slabMarktwert gegradeter Exemplare, Stufe 10
illustrationIllustrator und Kartenzahl

Drei CSS-Vorlagen

Kopiere eine Vorlage in das Feld „Benutzerdefiniertes CSS“ der Browserquelle. Die Klassennamen sind die, die der Baustein wirklich ausliefert — du kannst sie im Quelltext der Seite nachsehen.

Große Zahl

Für Summe und Bilanz: eine große Zahl, die Beschriftung klein darüber, sonst nichts

.snapfoil { padding: 8px 14px; }
.beschriftung { font-size: 20px; opacity: 0.75; }
.wert { font-size: 72px; line-height: 1; }
.karten { font-size: 18px; }
Seitenleiste dunkel

Für Liste und beste Pulls: ein dunkler Kasten am Bildrand, eine Zeile je Karte

.snapfoil { width: 380px; padding: 14px 16px; border-radius: 14px;
  background: rgba(12, 11, 10, 0.82); }
.liste .eintrag { padding: 6px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.eintrag .bild { height: 44px; }
.eintrag .name { font-size: 20px; }
.eintrag .wert { font-size: 20px; }
.eintrag .set { display: none; }
.eintrag.ist-neu .name { color: #8fe3a1; }
Nur Text ohne Kasten

Zahlen frei über deinem Kamerabild in OBS: kein Hintergrund, kein Rand, harter Schlagschatten

.snapfoil { padding: 0; background: none; }
.wert { font-size: 44px; font-weight: 800;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9); }
.beschriftung { display: none; }
.snapfoil-zaehler .ohne-preis { display: none; }
.snapfoil-bilanz .einsatz { display: none; }
.snapfoil-bilanz .differenz { font-size: 30px; }

Die Wurzel jedes Bausteins trägt zwei Klassen: eine gemeinsame und eine eigene je Baustein. Damit gilt eine Regel entweder überall oder nur an einer Stelle.

Eigenes Layout: die JSON-Adresse

Neben jeder OBS-Adresse steht eine zweite, die auf /json endet. Sie liefert dieselben Zahlen als JSON, ohne Anmeldung, ohne HTML — für ein selbst gebautes Overlay oder ein Skript.

Die Antwort trägt immer aktiv (läuft gerade ein Opening?), die Nummer der Box, die Beschriftungen als fertige Texte und den Abschnitt des jeweiligen Bausteins. Läuft nichts, steht dort { "aktiv": false, "grund": … } — nie ein Fehler, damit dein Overlay nicht kaputtgeht. Alle Beträge sind ganze Cent-Beträge.

Was die Zahlen sagen

Alle Zahlen sind Marktwerte aus dem Snapfoil-Katalog, kein Verkaufspreis. Sie sagen, was eine Karte am Markt gekostet hat — nicht, was du beim Verkauf dafür bekommst. Gebühren, Zustand und Nachfrage stehen nicht darin.

Eine Karte ohne Preis zählt nie als 0 €. Sie steht in der Kartenzahl und getrennt als „ohne Preis“, geht aber nicht in die Summe ein. Frisch gezogene Karten haben für ein paar Sekunden noch keinen Preis — er läuft nach, der Baustein zieht mit.

Die Adressen zeigen nur das laufende Opening, nie deine Sammlung. Ausgeliefert werden die Karten der aktuellen Box und deren Marktwerte. Kein Name, kein Konto, keine Sammlung, keine Adresse deines Profils. Ein Klick auf „Neue Box“ beginnt bei 0, die Karten bleiben in deiner Sammlung.

Du kannst jederzeit abschalten. Im Konto unter „Streaming“ gibt es einen Schalter, der alle Bausteine stumm stellt, und einen Knopf für eine neue Adresse — die alte hört damit sofort auf zu funktionieren.

Zurück zu den Funktionen

Opening-Bausteine in OBS einrichten – Snapfoil