再生中カード

現在再生中のトラックで、アルバムアート、タイトル、アーティスト、アルバム、開始からの進行バー、次に再生される曲を表示します。

画面は現在のトラックをアルバムアート、タイトル、アーティスト、アルバム、開始時間からの進行バー、次に再生される曲と共に表示し、部屋の向こうからも明瞭に見えます。画面全体を使い、中央に配置、隅に小さく表示、一行で表示、または端に帯状に伸ばします。タイトル、次のトラックのリスト表示、アルバム表示、フルスクリーンでレコードがスリーブの後ろで回転するか、再生中のみカードを表示するか常時表示かを設定します。

ライブカード

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

カテゴリ: メディア。タグ: レストランとカフェ、店舗、バーとパブ。

レイアウト

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

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

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

データとプライバシー

フィード:screenrig.nowplaying/v1。

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

プロパティ

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

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

静的プロパティ

名前タイプデフォルト値と制限説明
titlestring"Now playing"maxLength:40
showNextbooleantrue今後のトラックを一覧表示します。
showAlbumbooleantrue
vinylbooleanfalseレコードがフルスクリーンでスリーブの後ろに回転します。
presencestring"always""always", "playing"常に:何も再生していなくてもカードは画面に表示。再生中:トラック間およびフィードがトラックなしを報告している間は非表示。
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"
}
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"
}