Cartão Stinger

Um bumper temático em tela cheia entre duas páginas, com título da seção, subtítulo e logo.

Cartão ao vivo

Este cartão é desenhado no seu navegador pelo mesmo código que os Players executam, com dados de exemplo.

Categoria: Mídia. Etiquetas: Saguões e recepção, Escritórios e locais de trabalho.

Layouts

Este stinger toca entre duas páginas como transição de página e não é colocado em uma página.

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

Essas propriedades vão no objeto stinger de uma transição de página, não no params de um item canvas. Veja a referência CLI para transições de página.

NomeTipoPadrãoValores e limitesDescrição
titlestring""maxLength: 40O nome da seção, definido no tipo de exibição do tema.
subtitlestring""maxLength: 60Uma linha sob o título.
logostring""maxLength: 120Uma referência de mídia a um logotipo exibido com o título.
durationMsinteger3500mínimo: 1000; máximo: 6000O comprimento de todo o stinger, definido pela transição da página. O título fica totalmente exibido por 1.000 ms dentro dele.
hangMsinteger1000mínimo: 0; máximo: 6000Quanto tempo o título permanece totalmente exibido, dentro de durationMs. Uma exibição mais longa precisa de um durationMs mais longo, ou a compilação e liberação ficam mais rápidas.
atinteger0mínimo: 0; máximo: 6000Apenas visualização: uma renderização congelada mostra o stinger neste número de milissegundos. Um Player ao vivo o ignora.
backgroundColorstring, nulonullpadrã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.
textColorstring, nulonullpadrã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.