Scheda maree per schermi di digital signage

Costruito dagli estremi forniti della stazione nel feed screenrig.tides/v1, con la sua serie densa opzionale se fornita, questa vista mostra la curva giornaliera, l’altezza attuale e il prossimo massimo e minimo. Tra gli estremi, la linea segue un coseno; interpolazione e conversione delle unità rispettano le regole del feed esistente. Il Primetime introduce l’altezza dolcemente e aggiunge segnali discreti e sincronizzati agli estremi forniti e agli aggiornamenti del feed. Tabelle obsolete restano contrassegnate come tali.

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, Grafici e indicatori, Trasporti e viaggi.

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

Feed: screenrig.tides/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
`location`	object		additionalProperties: `false`	Il luogo a cui si riferisce la marea: la stazione di previsione delle maree NOAA più vicina entro 100 km alimenta la bacheca quando `station` è vuoto. {screen.location} usa il luogo dello schermo stesso.
`location.name`	string		maxLength: `40`; Obbligatorio
`location.latitude`	number		minimo: `-90`; massimo: `90`; Obbligatorio
`location.longitude`	number		minimo: `-180`; massimo: `180`; Obbligatorio
`station`	string	`""`	modello: `"^([0-9A-Za-z]{7})?$"`	Un ID di stazione di previsione delle maree NOAA, di sette caratteri (per esempio 9449880). Prevale su `location`.
`units`	string	`"auto"`	`"auto"`, `"m"`, `"ft"`	Altezze in metri o piedi. auto usa le unità del feed.
`hour12`	boolean	`false`
`timeZone`	stringa, nullo	`null`		Zona IANA per il giorno mostrato; null usa la zona dello schermo.
`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",
  "location": {
    "name": "Vancouver",
    "latitude": 49.25,
    "longitude": -123.0
  }
}

screenrig card create --type tides --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": "tides",
  "primitive": "card",
  "card": "crd_01EXAMPLECARD000000000",
  "layout": "full",
  "content_fit": "fill"
}