Stinger 卡片

两个页面间的主题全屏过渡，包含章节标题、副标题和标志。

直播卡片

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

类别：媒体。标签：大厅与接待，办公室与工作场所。

布局

此过渡动画在两个页面之间播放，作为页面切换，不放置在页面上。

布局：全屏。表单：横向，纵向，方形，条带。

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

数据与隐私

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

属性

这些属性放在页面切换的 stinger 对象中，而不是画布项的 params 中。有关页面切换，请参阅 CLI 参考。

名称	类型	默认	数值和限制	描述
`title`	string	`""`	maxLength：`40`	章节名称，使用主题显示字体。
`subtitle`	string	`""`	maxLength：`60`	标题下方一行。
`logo`	string	`""`	maxLength：`120`	与标题一起显示的标志媒体引用。
`durationMs`	integer	`3500`	最小值：`1000`；最大值：`6000`	整个过渡动画的长度，由页面切换设定。标题完全显示持续1000毫秒。
`hangMs`	integer	`1000`	最小值：`0`；最大值：`6000`	标题完全显示的时间，位于durationMs内。更长的停留需要更长的durationMs，否则构建和发布会更快。
`at`	integer	`0`	最小值：`0`；最大值：`6000`	仅预览：冻结渲染显示此时长的刺针。实时播放器忽略它。
`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})?$"`	覆盖主文本和次要文本颜色。强调色和语义状态色保持原有功能。