正在播放卡片

当前播放曲目,带专辑封面、标题、艺术家和专辑,进度条显示从开始到当前位置,下方显示下一曲目。

屏幕显示当前播放曲目,含专辑封面、标题、艺术家和专辑名,从曲目开始时间起的进度条及下一曲目,封面和文字远距离清晰。可全屏、居中、角落、一行或边缘横幅显示。设置标题,选择是否列出后续曲目,是否显示专辑,是否全屏时唱片转动,及卡片是否在无播放时持续显示或仅播放时显示。

直播卡片

此卡由浏览器绘制,使用与播放器相同的代码,带示例数据。

类别:媒体。标签:餐厅与咖啡馆,商店,酒吧与酒馆。

布局

此核心卡适用于所有布局:全屏、居中、宽屏、角落、芯片、条带或任何自由矩形。

布局:全屏,居中,宽屏,角落,芯片,条带。表单:横向,纵向,方形,条带。

卡片布局、主题和发布。浏览卡片。

数据与隐私

信息源:screenrig.nowplaying/v1。

信息源文档带有来源归属。播放器向卡片提供信息源。

属性

有关主题、背景、强调色和位置,请参见通用属性。

创建卡片时,在卡片的params中设置静态属性。其数据文档仅包含动态属性。嵌套行描述其父属性的内容。

静态属性

名称类型默认数值和限制描述
titlestring"Now playing"maxLength:40
showNextbooleantrue列出即将播放的曲目。
showAlbumbooleantrue
vinylbooleanfalse记录在全屏幕中在袖子后翻转。
presencestring"always""always", "playing"始终:即使无播放内容,卡片也显示。播放中:曲目间隙及无曲目时卡片缺席。
backgroundColor字符串,空值null模式:"^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$"用纯色 CSS 顺序覆盖卡片背景和底板。#RRGGBBAA 提供透明度。背景无则优先。
textColor字符串,空值null模式:"^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$"覆盖主文本和次要文本颜色。强调色和语义状态色保持原有功能。

动态属性

此卡无动态属性。

画布示例

将静态属性保存为 params.json 并创建卡片。结果中包含它的 crd_ ID。

{
  "theme": "neomustard"
}
screenrig card create --type now-playing --major 1 --file params.json

将此项目添加到播放列表页面的primitives中,并用该 ID 替换示例中的 ID。发布播放列表并分配屏幕。

{
  "id": "now-playing",
  "primitive": "card",
  "card": "crd_01EXAMPLECARD000000000",
  "layout": "full",
  "content_fit": "fill"
}