世界时钟卡片

同时显示多个城市的时间,包含昼夜、明天和昨天,以及每个城市相对于此地的时差。

将提供的城市显示为数字时间或模拟表盘,含昼夜、日期差异及与屏幕时区的偏移。选定的主城市突出显示。黄金时段添加克制的共享进入动画和在本地日期及昼夜边界的静默提示。

直播卡片

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

类别:时间。标签:时钟和日历,办公室和工作场所,大堂和接待处。

布局

此全屏卡在横屏或竖屏时填满整个屏幕,不作为角落、芯片或条带放置。

布局:全屏。表单:横向,纵向。

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

数据与隐私

此卡使用其配置的属性和实时卡数据。

属性

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

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

静态属性

名称类型默认数值和限制描述
citiesarrayminItems:2;maxItems:12;必填
cities[].labelstringminLength:1;maxLength:40;必填
cities[].timeZonestringminLength:1;maxLength:64;必填IANA 时区。
hour12booleanfalse
showSecondsbooleanfalse
showDatebooleantrue在每个城市下方显示明天、昨天或星期几。
facestring"digital""digital", "analog"
highlightinteger-1最小值:-1;最大值:11强调的家乡城市索引;无则为 -1。
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",
  "cities": [
    {
      "label": "Example",
      "timeZone": "Example"
    },
    {
      "label": "Example",
      "timeZone": "Example"
    }
  ]
}
screenrig card create --type world-clock --major 1 --file params.json

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

{
  "id": "world-clock",
  "primitive": "card",
  "card": "crd_01EXAMPLECARD000000000",
  "layout": "full",
  "content_fit": "fill"
}