Carte de suivi de course

Une course sur route présentée comme un écran d’arrivée : chronomètre de départ qui compte, tableau des leaders montrant le dossard, le dernier segment, le rythme et la fin projetée, la distance restante du leader, la ligne du parcours avec chaque coureur, le nombre de finishers et un défilement des derniers finishers. Couvre marathons, semi-marathons, cyclisme et triathlon. Lit un fil de course sur route ou un pont de chronométrage écrivant dans le magasin de données.

Les coureurs de course sur route fournis, points de contrôle, fractions, rythme et temps projetés ou d’arrivée apparaissent aux côtés d’une ligne de parcours, des récents arrivants et de l’horloge de départ. Primetime ajoute des ressorts de coureur et de leader, des accents cyan pour les états normaux, et un arrière-plan lent de dossard et marqueur de parcours. L’ambre marque la dernière minute avant le départ, tandis qu’un parcours en direct fermé reçoit une trace rouge. Les alertes datées de premier à la maison, record et dernier arrivant utilisent la prise en charge sportive partagée ; les alertes non datées gardent leur bannière statique. Les arrivants finaux réels reçoivent des confettis discrets. Les règles existantes régissent toujours le timing, les écarts, les unités, les projections et la pagination. Le mouvement réduit montre une image fixe composée.

Carte en direct

Cette carte est dessinée dans votre navigateur par le même code que les lecteurs, avec des données d’exemple.

Catégorie : Sports. Étiquettes : Tableaux de scores, Classements et positions, Sports individuels.

Mises en page

Cette carte plein écran occupe tout l’écran en mode paysage ou portrait et n’est pas placée en coin, puce ou bande.

Mises en page : pleine. Formes : paysage, portrait.

Mises en page, thèmes et publication des cartes. Parcourir les cartes.

Données et confidentialité

Flux : screenrig.game.roadrace/v1.

Les documents du flux portent une attribution de source. Le Player fournit le flux à la carte.

Propriétés

Pour le thème, l’arrière-plan, l’accent et la position, voir Propriétés communes.

Définissez les propriétés statiques dans les params de la carte lorsque vous la créez. Son document de données ne contient que des propriétés dynamiques. Les lignes imbriquées décrivent le contenu de leur propriété parente.

Propriétés statiques

NomTypePar défautValeurs et limitesDescription
titlestring""maxLength : 40Vide utilise le nom de l’événement.
genderstring"all""all", "M", "F"Afficher une course : M ou F liste uniquement les coureurs de ce sexe, placés dans celle-ci.
rowsinteger8minimum : 1 ; maximum : 40Coureurs au classement.
hour12booleanfalse
timeZonechaîne, nulnull
backgroundColorchaîne, nulnullmotif : "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$"Remplace le fond et la plaque de la carte par une couleur plate ordonnée en CSS. #RRGGBBAA fournit l’opacité. background none a la priorité.
textColorchaîne, nulnullmotif : "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$"Remplace les couleurs du texte principal et secondaire. Les couleurs d’accentuation et de statut sémantique conservent leur rôle.

Propriétés dynamiques

NomTypePar défautValeurs et limitesDescription
gameobjet, nulnullLa course en document screenrig.game.roadrace/v1, pour lieux et clubs : un pont de tableau de bord ou un agent l’écrit dans la base de données. Utilisé quand aucun fil n’est attaché.

Exemple de canevas

Enregistrez les propriétés statiques comme params.json et créez la carte. Le résultat contient son identifiant crd_.

{
  "theme": "neomustard"
}
screenrig card create --type race-tracker --major 1 --file params.json

Ajoutez cet élément aux primitives d’une page de liste de lecture, en remplaçant l’identifiant de l’exemple par celui de votre carte. Publiez la liste de lecture et assignez un écran.

{
  "id": "race-tracker",
  "primitive": "card",
  "card": "crd_01EXAMPLECARD000000000",
  "layout": "full",
  "content_fit": "fill"
}

Écrire des données en direct

Écrivez le document dans la carte après l’avoir créée, puis remplacez-le pour mettre à jour l’écran sans republier. La carte vérifie chaque écriture par rapport à ses propriétés dynamiques et refuse un document qu’elle rejette. Utilisez le même projet que la liste de lecture.

Enregistrez le document sous card-data.json. La CLI lit le document lui-même, sans enveloppe :

{
  "game": null
}
screenrig card data put crd_01EXAMPLECARD000000000 --file card-data.json

Ou appelez directement l’API. L’API enveloppe le même document dans un champ document. Un jeton agent nomme déjà son projet, donc aucun en-tête de projet n’est envoyé ; si vous envoyez ScreenRig-Project, il doit correspondre au projet du jeton. Fournissez votre autorisation API via l’environnement ; voir Authentification API.

curl --request PUT "https://api.screenrig.ai/api/cards/crd_01EXAMPLECARD000000000/data" \
  --header "Authorization: Bearer $SCREENRIG_TOKEN" \
  --header "Content-Type: application/json" \
  --data '{"document":{"game":null}}'