World Clockカード

複数都市の時刻を同時に表示し、昼夜、明日と昨日、各都市の現在地からの時差を示します。

提供された都市をデジタル時刻またはアナログダイヤルで表示し、昼夜、日付差、スクリーンのタイムゾーンからのオフセットを示します。選択したホーム都市が際立ちます。プライムタイムは控えめな共通導入と現地の日付・昼夜境界で静かな合図を追加します。

ライブカード

このカードはブラウザでプレーヤーと同じコードで描画され、サンプルデータを使用します。

カテゴリ:時間。タグ:時計とカレンダー、オフィスと職場、ロビーと受付。

レイアウト

この全画面カードはランドスケープまたはポートレートで画面全体を埋め、コーナー、チップ、ストリップとして配置されません。

レイアウト:フル。フォーム:ランドスケープ、ポートレート。

カードレイアウト、テーマ、公開。カードを閲覧。

データとプライバシー

このカードは設定されたプロパティとライブカードデータを使用します。

プロパティ

テーマ、背景、アクセント、位置については共通プロパティを参照してください。

カードの作成時に、静的プロパティをカードの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文字列、nullnullパターン:"^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$"カードの背景とプレートをフラットなCSS順序の色で上書きします。#RRGGBBAAは不透明度を指定します。background noneが優先されます。
textColor文字列、nullnullパターン:"^#[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"
}