Tarjeta Reproduciendo ahora

La pista que se reproduce ahora, con arte del álbum, título, artista y álbum, una barra de progreso desde su inicio y lo que se reproduce a continuación.

La pantalla muestra la pista que se reproduce ahora con arte del álbum, el título, el artista y el álbum, una barra de progreso desde el inicio de la pista y lo que sigue, con el arte y texto claros desde lejos. Ocupa la pantalla, se sitúa en el centro, se oculta en una esquina, se muestra como una línea o como una banda a lo largo de un borde. Usted configura el título, elige si listar las pistas siguientes, si mostrar el álbum, si un disco gira detrás de la funda en pantalla completa y si la tarjeta permanece en pantalla cuando no hay reproducción o solo aparece mientras se reproduce una pista.

Tarjeta en vivo

Esta tarjeta se dibuja en su navegador con el mismo código que ejecutan los Players, con datos de ejemplo.

Categoría: Medios. Etiquetas: Restaurantes y cafés, Tiendas, Bares y pubs.

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, 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.nowplaying/v1.

Los documentos del feed llevan atribución de la fuente. El Player suministra el feed a la tarjeta.

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
`title`	string	`"Now playing"`	maxLength: `40`
`showNext`	boolean	`true`		Liste las pistas próximas.
`showAlbum`	boolean	`true`
`vinyl`	boolean	`false`		Un récord gira detrás de la manga en pantalla completa.
`presence`	string	`"always"`	`"always"`, `"playing"`	siempre: la tarjeta está en pantalla incluso cuando no se reproduce nada. reproduciendo: está ausente entre pistas y mientras el feed no informa pista.
`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"
}

screenrig card create --type now-playing --major 1 --file params.json

Agregue 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": "now-playing",
  "primitive": "card",
  "card": "crd_01EXAMPLECARD000000000",
  "layout": "full",
  "content_fit": "fill"
}