以列表、网格或行显示提供的社交账号,带可选二维码链接。区块大小根据内容调整:一两个账号大而平静,少数账号填满二维码旁的清晰列表,超出则分页轮换,字体不低于底线。黄金时段添加错落的账号进入动画、青色网络标记、下三分之一勾选和缓慢的@符号背景。二维码保持原始黑白模块和静默区不动。
直播卡片
类别:媒体。标签:社交与观众,二维码,商店,餐厅与咖啡馆。
布局
此全屏卡在横屏或竖屏时填满整个屏幕,不作为角落、芯片或条带放置。
布局:全屏。表单:横向,纵向。
数据与隐私
此卡使用其配置的属性和实时卡数据。
属性
有关主题、背景、强调色和位置,请参见通用属性。
创建卡片时,在卡片的params中设置静态属性。其数据文档仅包含动态属性。嵌套行描述其父属性的内容。
静态属性
| 名称 | 类型 | 默认 | 数值和限制 | 描述 |
|---|---|---|---|---|
handles | array | minItems:1;maxItems:8;必填 | ||
handles[].network | string | "instagram"、"facebook"、"x"、"linkedin"、"tiktok"、"youtube"、"threads"、"whatsapp"、"pinterest"、"spotify"、"snapchat"、"discord"、"email"、"web";必填 | ||
handles[].handle | string | minLength:1;maxLength:80;必填 | ||
handles[].url | string | "" | maxLength:2048 | |
title | string | "Follow us" | maxLength:60 | |
qr | string | "" | maxLength:1024 | 设置后,二维码显示在控件旁,打开此链接。 |
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",
"handles": [
{
"network": "instagram",
"handle": "Example"
}
]
}
screenrig card create --type follow-us --major 1 --file params.json
将此项目添加到播放列表页面的primitives中,并用该 ID 替换示例中的 ID。发布播放列表并分配屏幕。
{
"id": "follow-us",
"primitive": "card",
"card": "crd_01EXAMPLECARD000000000",
"layout": "full",
"content_fit": "fill"
}