空気質カード

インデックスは大きな数字とそのカテゴリ、平易な文、マーク付きスケール、UV指数で表示されます。

画面は大きな空気質数値とカテゴリ名、単純な文、読み取り位置にマーカーがあるスケール、隣にUV指数を表示し、部屋の向こうからも読みやすくします。画面全体を使い、中央に配置、隅に小さく表示、一行で表示、または端に帯状に伸ばします。測定場所、タイトルまたは場所名、UV指数の表示有無、読み取り時間の書式、常時表示か設定レベル以上のみ表示を選択します。

ライブカード

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

カテゴリ:天気。タグ:天気と環境、数値と指標。

レイアウト

このコアカードはすべてのレイアウトに適合します:全画面、中央、ワイド、コーナー、チップ、ストリップ、または任意の自由な長方形。

レイアウト:フル、センター、ワイド、コーナー、チップ、ストリップ。フォーム:ランドスケープ、ポートレート、スクエア、ストリップ。

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

データとプライバシー

フィード:screenrig.airquality/v1。

フィードドキュメントは情報源の帰属を含みます。プレーヤーがカードにフィードを提供します。

プロパティ

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

カードの作成時に、静的プロパティをカードのparamsに設定します。データドキュメントは動的プロパティのみを保持します。ネストされた行は親プロパティの内容を説明します。

静的プロパティ

名前タイプデフォルト値と制限説明
titlestring""maxLength:40空の場合は場所の名前を使用します。
showUvbooleantrue空気質指数の横にUV指数を表示します。空気質の読み取りがない場合はUV指数が主役です。
hourCyclestring"24""12", "24", "military"読み取り時刻の書き方:12時間制(AM/PM付き)、24時間制(13:00)、または軍用時間(1300)。
timeZone文字列、nullnull
presencestring"always""always", "unhealthy"常に:カードは常に表示。不健康:空気質指数がpresenceFromを超えている間のみ(古いまたは欠落した読み取り値でも表示)。
presenceFrominteger100最小値:0;最大値:500プレゼンスが不健康の場合、カードが表示されるインデックスの上限(100:敏感なグループの不健康から)。
locationobjectadditionalProperties:false読み取り対象の場所です。フィードを選択します。
location.namestringmaxLength:40;必須
location.latitudenumber最小値:-90;最大値:90;必須
location.longitudenumber最小値:-180;最大値:180;必須
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",
  "location": {
    "name": "Vancouver",
    "latitude": 49.25,
    "longitude": -123.0
  }
}
screenrig card create --type air-quality --major 1 --file params.json

このアイテムをプレイリストページのprimitivesに追加し、サンプルの ID をその ID に置き換えます。プレイリストを公開してスクリーンに割り当ててください。

{
  "id": "air-quality",
  "primitive": "card",
  "card": "crd_01EXAMPLECARD000000000",
  "layout": "full",
  "content_fit": "fill"
}