Scheda in riproduzione

La traccia in riproduzione ora, con copertina, titolo, artista e album, una barra di progresso dall’inizio e cosa suona dopo.

Lo schermo mostra la traccia in riproduzione con copertina, titolo, artista e album, una barra di avanzamento dal tempo di inizio della traccia, e cosa suona dopo, con copertina e testo leggibili da lontano. Occupa tutto lo schermo, si posiziona al centro, si infila in un angolo, scorre come una riga o come una fascia lungo un bordo. Imposti il titolo, scegli se elencare le tracce successive, se mostrare l’album, se un disco gira dietro la copertina a schermo intero e se la scheda rimane visibile quando non suona nulla o appare solo mentre una traccia è in riproduzione.

Live card

Questa scheda viene disegnata nel browser con lo stesso codice usato dai Player, con dati di esempio.

Categoria: Media. Tag: Ristoranti e caffè, Negozi, Bar e pub.

Layout

Questa scheda core si adatta a ogni layout: schermo intero, centro, ampio, angolo, chip, striscia o qualsiasi rettangolo libero.

Layout: pieno, centrale, ampio, angolo, chip, striscia. Moduli: orizzontale, verticale, quadrato, striscia.

Layout, temi e pubblicazione delle schede. Esplora le schede.

Dati e privacy

Feed: screenrig.nowplaying/v1.

I documenti del feed riportano l’attribuzione della fonte. Il Player fornisce il feed alla scheda.

Proprietà

Per tema, sfondo, accento e posizione, vedi Proprietà comuni.

Imposta le proprietà statiche nei params della scheda quando la crei. Il suo documento dati contiene solo proprietà dinamiche. Le righe annidate descrivono il contenuto della proprietà genitore.

Proprietà statiche

Nome	Tipo	Predefinito	Valori e limiti	Descrizione
`title`	string	`"Now playing"`	maxLength: `40`
`showNext`	boolean	`true`		Elenca le tracce in arrivo.
`showAlbum`	boolean	`true`
`vinyl`	boolean	`false`		Un disco gira dietro la copertina a schermo intero.
`presence`	string	`"always"`	`"always"`, `"playing"`	sempre: la scheda è sullo schermo anche quando non suona nulla. in riproduzione: è assente tra le tracce e mentre il feed non riporta tracce.
`backgroundColor`	stringa, nullo	`null`	modello: `"^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$"`	Sovrascrive il colore di sfondo e della piastra della scheda con un colore piatto ordinato in CSS. #RRGGBBAA fornisce l’opacità. background none ha la precedenza.
`textColor`	stringa, nullo	`null`	modello: `"^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$"`	Sovrascrive i colori del testo principale e secondario. I colori di accento e di stato semantico mantengono i loro ruoli.

Proprietà dinamiche

Questa scheda non ha proprietà dinamiche.

Esempio di canvas

Salva le proprietà statiche come params.json e crea la scheda. Il risultato contiene il suo ID crd_.

{
  "theme": "neomustard"
}

screenrig card create --type now-playing --major 1 --file params.json

Aggiungi questo elemento ai primitives di una pagina playlist, con quell’ID al posto di quello dell’esempio. Pubblica la playlist e assegna uno schermo.

{
  "id": "now-playing",
  "primitive": "card",
  "card": "crd_01EXAMPLECARD000000000",
  "layout": "full",
  "content_fit": "fill"
}