Una temperatura grande y condición actual se sitúan sobre las próximas horas y un pronóstico de varios días, con una frase sencilla como Lluvia desde las 3 PM al frente, para que el mensaje se lea claramente desde el otro lado de la habitación. Ocupa toda la pantalla, se estira a cualquier rectángulo, se sitúa en el centro, se coloca en una esquina, corre en una línea en una esquina o corre como una banda a lo largo de un borde. Usted configura la ubicación y zona horaria, elige unidades métricas o imperiales, selecciona cuántos días de pronóstico mostrar y elige si un diseño completo o libre muestra todo, solo condiciones actuales o solo el pronóstico.
Tarjeta en vivo
Categoría: Clima. Etiquetas: Clima y medio ambiente, Vestíbulos y recepción, Escuelas y campus.
Diseños
Esta tarjeta principal se adapta a cualquier diseño: pantalla completa, centro, ancho, esquina, chip, tira o cualquier rectángulo libre.
Diseños: completo, libre, centrado, ancho, esquina, chip, tira. Formularios: horizontal, vertical, cuadrado, tira.
Diseños, temas y publicación de tarjetas. Explorar las tarjetas.
Datos y privacidad
Feed: screenrig.weather/v1.
Los documentos del feed llevan atribución de la fuente. El Player suministra el feed a la tarjeta.
Atribución del clima: datos meteorológicos por Weatherbit, según se indica en el documento del feed.
Propiedades
Para tema, fondo, acento y posición, consulte Propiedades comunes.
Establezca las propiedades estáticas en los params de la tarjeta al crearla. Su documento de datos solo contiene propiedades dinámicas. Las filas anidadas describen el contenido de su propiedad principal.
Propiedades estáticas
| Nombre | Tipo | Predeterminado | Valores y límites | Descripción |
|---|---|---|---|---|
location | object | additionalProperties: false; Requerido | ||
location.name | string | maxLength: 40; Requerido | ||
location.latitude | number | mínimo: -90; máximo: 90; Requerido | ||
location.longitude | number | mínimo: -180; máximo: 180; Requerido | ||
units | string | "metric" | "metric", "imperial" | |
show | string | "auto" | "auto", "current", "forecast" | Lo que muestra una pantalla completa o libre: todo (auto), solo las condiciones actuales (current) o solo el pronóstico (forecast). |
days | integer | 5 | mínimo: 3; máximo: 7 | |
showDetails | boolean | true | ||
hour12 | boolean | false | ||
timeZone | cadena, nulo | null | ||
backgroundColor | cadena, nulo | null | patrón: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Sobrescribe el fondo y la placa de la tarjeta con un color plano ordenado por CSS. #RRGGBBAA suministra opacidad. background none tiene prioridad. |
textColor | cadena, nulo | null | patrón: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Sobrescribe los colores de texto principal y secundario. Los colores de acento y estado semántico mantienen sus roles. |
Propiedades dinámicas
Esta tarjeta no tiene propiedades dinámicas.
Ejemplo de lienzo
Guarde las propiedades estáticas como params.json y cree la tarjeta. El resultado incluye su id crd_.
{
"theme": "neomustard",
"location": {
"name": "Vancouver",
"latitude": 49.25,
"longitude": -123.0
}
}screenrig card create --type weather --major 1 --file params.jsonAgregue este elemento a los primitives de una página de la lista de reproducción, con ese id en lugar del del ejemplo. Publique la lista de reproducción y asigne una pantalla.
{
"id": "weather",
"primitive": "card",
"card": "crd_01EXAMPLECARD000000000",
"layout": "full",
"content_fit": "fill"
}