Scheda luce diurna

Alba, tramonto, durata del giorno, percorso del sole e fase lunare — calcolati sul lettore, senza feed.

Alba, tramonto e durata del giorno calcolati appaiono insieme alla posizione del sole e alla fase lunare. Primetime aggiunge un ingresso solare delicato, promemoria silenziosi di eventi imminenti e segnali sincronizzati con alba e tramonto. Le visualizzazioni a data fissa e giorno/notte polari mantengono il comportamento esistente.

Live card

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

Categoria: Meteo. Tag: Meteo e ambiente, Orologi e calendari.

Layout

Questa scheda a schermo intero riempie tutto lo schermo in orizzontale o verticale e non è posizionata come angolo, chip o striscia.

Layout: pieno. Moduli: orizzontale, verticale.

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

Dati e privacy

Questa scheda usa le proprietà configurate e i dati live della 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

NomeTipoPredefinitoValori e limitiDescrizione
locationobjectadditionalProperties: false; Obbligatorio
location.namestringmaxLength: 40; Obbligatorio
location.latitudenumberminimo: -90; massimo: 90; Obbligatorio
location.longitudenumberminimo: -180; massimo: 180; Obbligatorio
datestringa, nullonullmodello: "^\\d{4}-\\d{2}-\\d{2}$"YYYY-MM-DD; null è oggi nella zona.
hour12booleanfalse
timeZonestringa, nullonull
backgroundColorstringa, nullonullmodello: "^#[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.
textColorstringa, nullonullmodello: "^#[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",
  "location": {
    "name": "Vancouver",
    "latitude": 49.25,
    "longitude": -123.0
  }
}
screenrig card create --type daylight --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": "daylight",
  "primitive": "card",
  "card": "crd_01EXAMPLECARD000000000",
  "layout": "full",
  "content_fit": "fill"
}