Uma grande temperatura e condição atual ficam acima das próximas horas e uma previsão de vários dias, com uma frase simples como Chuva a partir das 15h na frente, para que a mensagem seja lida claramente do outro lado da sala. Preenche a tela inteira, estica para qualquer retângulo, fica no meio, se encaixa em um canto, corre como uma linha em um canto ou como uma faixa ao longo de uma borda. Você define a localização e o fuso horário, escolhe unidades métricas ou imperiais, seleciona quantos dias de previsão mostrar e escolhe se um layout completo ou livre mostra tudo, apenas as condições atuais ou apenas a previsão.
Cartão ao vivo
Categoria: Clima. Tags: Clima e ambiente, Lobbies e recepção, Escolas e campi.
Layouts
Este cartão principal se encaixa em qualquer layout: tela cheia, centro, largo, canto, chip, faixa ou qualquer retângulo livre.
Layouts: cheio, livre, centro, largo, canto, chip, faixa. Formas: paisagem, retrato, quadrado, faixa.
Layouts, temas e publicação de cartões. Veja os cartões.
Dados e privacidade
Feed: screenrig.weather/v1.
Documentos do feed carregam atribuição da fonte. O Player fornece o feed para o cartão.
Atribuição do clima: dados climáticos por Weatherbit, conforme nomeado no documento do feed.
Propriedades
Para tema, fundo, destaque e posição, veja Propriedades comuns.
Defina as propriedades estáticas nos params do cartão ao criá-lo. O documento de dados dele contém apenas propriedades dinâmicas. Linhas aninhadas descrevem o conteúdo da propriedade pai.
Propriedades estáticas
| Nome | Tipo | Padrão | Valores e limites | Descrição |
|---|---|---|---|---|
location | object | additionalProperties: false; Obrigatório | ||
location.name | string | maxLength: 40; Obrigatório | ||
location.latitude | number | mínimo: -90; máximo: 90; Obrigatório | ||
location.longitude | number | mínimo: -180; máximo: 180; Obrigatório | ||
units | string | "metric" | "metric", "imperial" | |
show | string | "auto" | "auto", "current", "forecast" | O que uma tela cheia ou gratuita mostra: tudo (auto), apenas as condições atuais (current) ou apenas a previsão (forecast). |
days | integer | 5 | mínimo: 3; máximo: 7 | |
showDetails | boolean | true | ||
hour12 | boolean | false | ||
timeZone | string, nulo | null | ||
backgroundColor | string, nulo | null | padrão: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Substitui o fundo e a placa do cartão por uma cor plana ordenada por CSS. #RRGGBBAA fornece opacidade. background none tem precedência. |
textColor | string, nulo | null | padrão: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Substitui as cores do texto principal e secundário. As cores de destaque e status semântico mantêm seus papéis. |
Propriedades dinâmicas
Este cartão não tem propriedades dinâmicas.
Exemplo de tela
Salve as propriedades estáticas como params.json e crie o cartão. O resultado traz o id crd_ dele.
{
"theme": "neomustard",
"location": {
"name": "Vancouver",
"latitude": 49.25,
"longitude": -123.0
}
}screenrig card create --type weather --major 1 --file params.jsonAdicione este item aos primitives de uma página da playlist, com esse id no lugar do id do exemplo. Publique a playlist e atribua uma tela.
{
"id": "weather",
"primitive": "card",
"card": "crd_01EXAMPLECARD000000000",
"layout": "full",
"content_fit": "fill"
}