Gelieferte Teams und Rundenergebnisse erscheinen mit geteilten Rängen, Bewegungen und Führungsabständen, neben Gastgebernachrichten und dem finalen Podium. Primetime-Stil bringt versetzte Zeilen- und Podiumfedern, cyanfarbene Akzente für normales Spiel und einen langsamen Antwortbogen- und Bleistift-Hintergrund. Während der Wertung oder einer Pause übernehmen bernsteinfarbene Klammern; zurückhaltendes Konfetti markiert endgültige Wertungsführer. Bestehende Regeln steuern weiterhin Gesamtwerte, Gleichstände, beste Runden, Podiumsauswahl und Seitenwechsel, während reduzierte Bewegung eine ruhige Standbildansicht zeigt.
Live-Karte
Kategorie: Sport. Schlagwörter: Anzeigetafeln, Bestenlisten und Tabellen, Bars und Kneipen.
Layouts
Diese Vollbildkarte füllt den gesamten Bildschirm im Quer- oder Hochformat und wird nicht als Ecke, Chip oder Streifen platziert.
Layouts: voll. Formulare: Querformat, Hochformat.
Kartenlayouts, Designs und Veröffentlichung. Karten durchsuchen.
Daten und Datenschutz
Diese Karte verwendet ihre konfigurierten Eigenschaften und Live-Kartendaten.
Eigenschaften
Für Thema, Hintergrund, Akzent und Position siehe Gemeinsame Eigenschaften.
Legen Sie statische Eigenschaften in den params der Karte fest, wenn Sie sie erstellen. Ihr Datendokument enthält nur dynamische Eigenschaften. Verschachtelte Zeilen beschreiben den Inhalt ihrer übergeordneten Eigenschaft.
Statische Eigenschaften
| Name | Typ | Standard | Werte und Grenzwerte | Beschreibung |
|---|---|---|---|---|
title | string | "Pub quiz" | maxLength: 40 | Der Name des Quiz, in der Kopfzeile. |
showTables | boolean | true | Tabellennummer jedes Teams neben seinem Namen anzeigen. | |
podium | boolean | true | Wenn das Quiz endgültig ist, die ersten drei auf einem Podium über der Tabelle platzieren. | |
hour12 | boolean | false | ||
timeZone | String, Null | null | ||
backgroundColor | String, Null | null | Muster: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Überschreibt den Kartenhintergrund und die Platte mit einer flachen, CSS-geordneten Farbe. #RRGGBBAA gibt die Deckkraft an. Hintergrund none hat Vorrang. |
textColor | String, Null | null | Muster: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Überschreibt die Haupt- und Sekundärtextfarben. Akzent- und semantische Statusfarben behalten ihre Funktion. |
Dynamische Eigenschaften
| Name | Typ | Standard | Werte und Grenzwerte | Beschreibung |
|---|---|---|---|---|
rounds | array | [] | maxItems: 12 | Die Runden in der Reihenfolge: ein Name und die verfügbaren Punkte. Die Punktzahlen eines Teams richten sich danach aus. |
rounds[].name | string | "" | maxLength: 30 | |
rounds[].max | Zahl, Null | null | Die meisten Punkte, die die Runde erzielen kann. | |
teams | array | [] | maxItems: 64 | Die Teams und was jedes in jeder Runde erzielt hat; das Board ordnet sie nach Gesamtpunktzahl. |
teams[].name | string | minLength: 1; maxLength: 60; Pflichtfeld | ||
teams[].table | String, Integer | "" | Die Tabelle des Teams, neben seinem Namen angezeigt. | |
teams[].scores | array | [] | maxItems: 12 | Punkte für jede Runde in der Reihenfolge; null (oder noch keine) bedeutet eine nicht markierte Runde. |
teams[].bonus | Zahl, Null | null | Joker- oder Bonuspunkte zum Gesamtwert hinzugefügt. | |
round | integer | 0 | Minimum: 0; Maximum: 12 | Die laufende Runde (1 ist die erste); 0 vor der ersten Runde. |
status | string | "playing" | "playing", "scoring", "break", "final" | Das Spiel der Runde, Markierung, im Intervall oder das Endergebnis. |
message | string | "" | maxLength: 80 | Eine Zeile vom Gastgeber in einem Banner: Intervall, in zehn Minuten zurück. |
Canvas-Beispiel
Speichern Sie die statischen Eigenschaften als params.json und erstellen Sie die Karte. Das Ergebnis enthält ihre crd_ ID.
{
"theme": "neomustard"
}screenrig card create --type quiz-board --major 1 --file params.jsonFügen Sie diesen Eintrag den primitives einer Playlist-Seite hinzu, mit dieser ID anstelle der Beispiel-ID. Veröffentlichen Sie die Playlist und weisen Sie einen Bildschirm zu.
{
"id": "quiz-board",
"primitive": "card",
"card": "crd_01EXAMPLECARD000000000",
"layout": "full",
"content_fit": "fill"
}Live-Daten schreiben
Schreiben Sie das Dokument nach dem Erstellen in die Karte und ersetzen Sie es dann, um den Bildschirm ohne erneute Veröffentlichung zu aktualisieren. Die Karte prüft jeden Schreibvorgang gegen ihre dynamischen Eigenschaften und lehnt ein Dokument ab, das sie nicht akzeptiert. Verwenden Sie dasselbe Projekt wie die Playlist.
Speichern Sie das Dokument als card-data.json. Die CLI liest das Dokument selbst, ohne Wrapper:
{
"rounds": [],
"teams": [],
"round": 0,
"status": "playing",
"message": ""
}screenrig card data put crd_01EXAMPLECARD000000000 --file card-data.jsonOder rufen Sie die API direkt auf. Die API verpackt dasselbe Dokument in ein document-Feld. Ein Agent-Token benennt bereits sein Projekt, daher wird kein Projekt-Header gesendet; wenn Sie ScreenRig-Project senden, muss es zum Token-Projekt passen. Stellen Sie Ihre API-Autorisierung über die Umgebung bereit; siehe API-Authentifizierung.
curl --request PUT "https://api.screenrig.ai/api/cards/crd_01EXAMPLECARD000000000/data" \
--header "Authorization: Bearer $SCREENRIG_TOKEN" \
--header "Content-Type: application/json" \
--data '{"document":{"rounds":[],"teams":[],"round":0,"status":"playing","message":""}}'