De uma a quatro palavras em maiúsculas preenchem a tela e permanecem, respirando. O estilo escolhe a entrada: slam arremessa letras, whip traz barras, burst estoura uma explosão de estrela e cut corta rapidamente de palavra em palavra. Para uma promoção ou chamada de abertura, defina para um momento exato para que as telas explodam juntas, e use | para unir uma frase (GRANDE INAUGURAÇÃO|NESTE SÁBADO). Preenche paisagem, retrato, quadrado e faixas em nove temas, seu texto muda ao vivo e o movimento reduzido mostra o quadro parado.
Cartão ao vivo
Categoria: Mensagens. Etiquetas: Lojas, Saguões e recepção, Eventos e locais.
Layouts
Este cartão em tela cheia preenche toda a tela em paisagem ou retrato e não é colocado como canto, chip ou faixa.
Layouts: cheio. Formas: paisagem, retrato, quadrado, faixa.
Layouts, temas e publicação de cartões. Veja os cartões.
Dados e privacidade
Este cartão usa suas propriedades configuradas e dados ao vivo do cartão.
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 |
|---|---|---|---|---|
style | string | "slam" | "slam", "whip", "burst", "cut" | Como as palavras chegam: slam as joga letra por letra, whip conduz cada palavra em sua própria barra, burst as estoura de uma explosão em estrela, cut corta de palavra em palavra. Depois ficam suspensas, respirando, até a página acabar. |
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
| Nome | Tipo | Padrão | Valores e limites | Descrição |
|---|---|---|---|---|
text | string | "SMASH" | maxLength: 80 | De uma a quatro palavras, em maiúsculas. Separe frases com | para manter as palavras juntas. |
at | string, nulo | null | maxLength: 40 | Um instante ISO. Cada tela reproduz o estouro naquele instante, juntos; sem ele o estouro ocorre quando o cartão aparece. |
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"
}screenrig card create --type smash --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": "smash",
"primitive": "card",
"card": "crd_01EXAMPLECARD000000000",
"layout": "full",
"content_fit": "fill"
}Escrever dados ao vivo
Escreva o documento no cartão depois de criá-lo e depois substitua-o para atualizar a tela sem republicar. O cartão verifica cada gravação contra suas propriedades dinâmicas e recusa um documento que ele rejeita. Use o mesmo projeto da playlist.
Salve o documento como card-data.json. O CLI lê o documento em si, sem invólucro:
{
"text": "SMASH",
"at": null
}screenrig card data put crd_01EXAMPLECARD000000000 --file card-data.jsonOu chame a API diretamente. A API envolve o mesmo documento em um campo document. Um token de agente já nomeia seu projeto, então nenhum cabeçalho de projeto é enviado; se você enviar ScreenRig-Project, ele deve corresponder ao projeto do token. Forneça sua autorização de API pelo ambiente; veja Autenticação da API.
curl --request PUT "https://api.screenrig.ai/api/cards/crd_01EXAMPLECARD000000000/data" \
--header "Authorization: Bearer $SCREENRIG_TOKEN" \
--header "Content-Type: application/json" \
--data '{"document":{"text":"SMASH","at":null}}'