Carte lecture en cours

La piste en cours, avec pochette, titre, artiste et album, une barre de progression depuis son début, et ce qui joue ensuite.

L’écran affiche la piste en cours avec la pochette, le titre, l’artiste et l’album, une barre de progression depuis le début de la piste, et ce qui joue ensuite, avec la pochette et le texte lisibles de loin. Il remplit l’écran, se place au centre, se niche dans un coin, s’affiche en une ligne ou s’étire en bande le long d’un bord. Vous définissez le titre, choisissez d’afficher la liste des pistes à venir, d’afficher l’album, si un disque tourne derrière la pochette en plein écran, et si la carte reste à l’écran quand rien ne joue ou n’apparaît que pendant la lecture d’une piste.

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 : Médias. Étiquettes : Restaurants et cafés, Magasins, Bars et pubs.

Mises en page

Cette carte principale s’adapte à toute disposition : plein écran, centre, large, coin, puce, bande ou tout rectangle libre.

Mises en page : pleine, centrée, large, coin, puce, bande. Formes : paysage, portrait, carré, bande.

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

Données et confidentialité

Flux : screenrig.nowplaying/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

Nom	Type	Par défaut	Valeurs et limites	Description
`title`	string	`"Now playing"`	maxLength : `40`
`showNext`	boolean	`true`		Listez les pistes à venir.
`showAlbum`	boolean	`true`
`vinyl`	boolean	`false`		Un disque tourne derrière la pochette sur un écran complet.
`presence`	string	`"always"`	`"always"`, `"playing"`	toujours : la carte est à l’écran même lorsqu’aucune lecture ne joue. lecture : elle est absente entre les pistes et lorsque le flux ne rapporte aucune piste.
`backgroundColor`	chaîne, nul	`null`	motif : `"^#[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é.
`textColor`	chaîne, nul	`null`	motif : `"^#[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

Cette carte n’a aucune propriété dynamique.

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 now-playing --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": "now-playing",
  "primitive": "card",
  "card": "crd_01EXAMPLECARD000000000",
  "layout": "full",
  "content_fit": "fill"
}