词云
提交词语或短语，实时观看动画词云形成。
活动类型：word_cloud
配置
| 属性 | 类型 | 描述 | 默认值 |
|---|---|---|---|
maxWordsPerUser | number | 每位参与者可提交的最大词语/短语数。 | 3 |
prompt | string | 可选引导提示（例如"用一个词描述你理想的假期"）。 | "" |
行为
- 参与者输入词语或短语并提交。
- 每次提交都出现在词云中。
- 被多位参与者提交的词语在云中显示得更大。
- 随着新词的添加，云会动画并重新排列。
- 每位参与者最多可提交
maxWordsPerUser个词语。 - 这是一个多操作活动。
聚合状态
| 字段 | 类型 | 描述 |
|---|---|---|
words | array | 包含 text 和 count（提交次数）的词语。 |
totalSubmissions | number | 词语提交的总数。 |
CSS 选择器
.fuse-word-cloud、.fuse-cloud、.fuse-word、.fuse-input、.fuse-submit-btn、.fuse-hint、.fuse-status
词云特别适合破冰、头脑风暴和快速收集群体印象。云的视觉特性使其在演示中非常有吸引力。
热辣观点
同意或不同意一个大胆的声明。实时拔河可视化展示分歧。
活动类型：hot_takes
配置
| 属性 | 类型 | 描述 | 默认值 |
|---|---|---|---|
statement | string | 需要同意或不同意的声明。 | "" |
agreeColor | string | "同意"侧的颜色。 | "#27ae60"（绿色） |
disagreeColor | string | "不同意"侧的颜色。 | "#e74c3c"（红色） |
agreeLabel | string | 同意按钮的自定义标签（例如"喜欢"）。 | ""（默认为"Agree"） |
disagreeLabel | string | 不同意按钮的自定义标签（例如"讨厌"）。 | ""（默认为"Disagree"） |
行为
- 大胆的声明被突出显示。
- 展示两个按钮：同意和不同意。
- 参与者点击一个按钮投票。
- 拔河条可视化展示同意和不同意之间的实时百分比分布。
- 这是一个单操作活动。
聚合状态
| 字段 | 类型 | 描述 |
|---|---|---|
statement | string | 声明文本。 |
agreeCount | number | 同意票数。 |
disagreeCount | number | 不同意票数。 |
agreePercentage | number | 同意票百分比（0-100）。 |
disagreePercentage | number | 不同意票百分比（0-100）。 |
totalVotes | number | 总投票数。 |
CSS 选择器
.fuse-hot-takes、.fuse-statement、.fuse-tug-bar、.fuse-percentage--agree、.fuse-percentage--disagree、.fuse-vote-btn--agree、.fuse-vote-btn--disagree、.fuse-total-count
问答板
提交和点赞问题。非常适合 AMA、活动和课堂。
活动类型：qa_board
配置
| 属性 | 类型 | 描述 | 默认值 |
|---|---|---|---|
maxReplyDepth | number | 问题的最大回复/线程深度。 | 2 |
行为
- 参与者以文本形式提交问题。
- 所有参与者可以点赞或点踩任何问题。
- 问题按净分数排序（最多点赞的排在前面）。
- 这使最热门的问题浮出水面。
- 这是一个多操作活动。
聚合状态
| 字段 | 类型 | 描述 |
|---|---|---|
questions | ListItem[] | 所有提交的问题，按分数排序。 |
CSS 选择器
.fuse-qa-board、.fuse-list-item、.fuse-item-text、.fuse-item-author、.fuse-score、.fuse-upvote、.fuse-downvote、.fuse-input、.fuse-submit-btn、.fuse-hint
问答板非常适合现场活动、网络研讨会和全员会议。点赞机制确保最重要的问题上升到顶部，方便主持人优先处理。
预测
做出预测并查看群体共识。可选稍后揭晓结果。
活动类型：predictions
配置
| 属性 | 类型 | 描述 | 默认值 |
|---|---|---|---|
question | string | 预测问题（例如"谁会赢得冠军？"）。 | "" |
predefinedOptions | array | 可选的预定义选项，包含 id 和 label。如提供，参与者从中选择。 | [] |
allowCustom | boolean | 参与者是否可以输入自定义预测（替代或补充预定义选项）。 | true |
行为
- 显示预测问题。
- 如果提供了预定义选项，参与者从中选择。
- 如果
allowCustom为 true，参与者可以输入自己的预测。 - 提交后，参与者看到聚合结果。
- 预测按值分组，最热门的排在前面。
- 这是一个单操作活动。
聚合状态
| 字段 | 类型 | 描述 |
|---|---|---|
predictions | array | 唯一预测，包含 value、count 和 percentage。 |
totalPredictions | number | 提交的预测总数。 |
CSS 选择器
.fuse-predictions、.fuse-option、.fuse-option-label、.fuse-option-percentage、.fuse-input、.fuse-submit-btn、.fuse-hint、.fuse-consensus
等级列表
将项目拖入 S、A、B、C、D、F 等级，查看社区平均排名。
活动类型：tier_list
配置
| 属性 | 类型 | 描述 | 默认值 |
|---|---|---|---|
items | array | 需要分等级的项目。 | [] |
tiers | string[] | 等级标签（从最好到最差）。 | ["S", "A", "B", "C", "D", "F"] |
项目对象
| 字段 | 类型 | 描述 |
|---|---|---|
id | string | 唯一标识符。 |
label | string | 项目的显示文本。 |
imageUrl | string | 可选的项目图片 URL。 |
mediaUrl | string | 可选的媒体 URL。 |
mediaType | string | 媒体类型：image、video、icon 或 qrcode。 |
iconName | string | React-icons 图标名称（mediaType 为 icon 时）。 |
iconColor | string | 图标颜色（mediaType 为 icon 时）。 |
qrCodeUrl | string | 二维码 URL（mediaType 为 qrcode 时）。 |
行为
- 项目显示在"未排名"池中。
- 参与者将项目拖入他们选择的等级。
- 所有项目放置完毕后，提交排名。
- 提交后，参与者看到每个项目的社区平均等级。
- 这是一个单操作活动。
聚合状态
| 字段 | 类型 | 描述 |
|---|---|---|
items | array | 包含 id、label、imageUrl、avgTier（社区平均）和 tierCounts（每个等级的放置次数）的项目。 |
tiers | string[] | 等级标签。 |
totalParticipants | number | 提交等级排名的参与者总数。 |
CSS 选择器
.fuse-tier-list、.fuse-tier-row、.fuse-tier-label、.fuse-tier-item、.fuse-tier-badge、.fuse-consensus
等级列表支持富媒体项目。您可以为被排名的项目使用图片、图标甚至二维码，使产品比较、角色排名或任何分类练习更具视觉吸引力。
看图说话
为图片提交有趣的标题并点赞最佳的。喜剧金矿。
活动类型：caption_this
配置
| 属性 | 类型 | 描述 | 默认值 |
|---|---|---|---|
mediaUrl | string | 需要配标题的媒体 URL。 | "" |
mediaType | string | 媒体类型：image、video、icon 或 qrcode。 | "image" |
imageUrl | string | 向后兼容的旧字段（请使用 mediaUrl）。 | 无 |
iconName | string | React-icons 图标名称（mediaType 为 icon 时）。 | "" |
iconColor | string | 图标颜色。 | "" |
qrCodeUrl | string | 二维码 URL（mediaType 为 qrcode 时）。 | "" |
行为
- 图片（或其他媒体）被突出显示。
- 参与者输入并提交标题。
- 所有参与者可以点赞或点踩标题。
- 标题按净分数排序，最佳标题浮出水面。
- 这是一个多操作活动。
聚合状态
使用标准的 ListAggregatedState：
| 字段 | 类型 | 描述 |
|---|---|---|
items | ListItem[] | 按分数排序的已提交标题。 |
totalItems | number | 提交的标题总数。 |
CSS 选择器
.fuse-caption-this、.fuse-list-item、.fuse-item-text、.fuse-item-author、.fuse-score、.fuse-upvote、.fuse-downvote、.fuse-input、.fuse-submit-btn
对决
锦标赛式对决，群体投票每场比赛以加冕冠军。
活动类型：bracket
配置
| 属性 | 类型 | 描述 | 默认值 |
|---|---|---|---|
participants | array | 对决参与者数组。每个包含 id 和 label。 | [] |
行为
- 参与者按锦标赛对决格式配对。
- 每场对决中，所有参与者为他们偏好的选项投票。
- 一轮投票完成后，获胜者晋级下一轮。
- 对决持续多轮直到产生冠军。
- 这是一个多轮活动：参与者需要在每一轮继续投票。
- 对决根据参与者数量自动确定轮次。
聚合状态
| 字段 | 类型 | 描述 |
|---|---|---|
matchups | BracketMatchup[] | 所有轮次的所有对决。 |
currentRound | number | 当前活跃轮次。 |
totalRounds | number | 锦标赛总轮次。 |
对决对象
| 字段 | 类型 | 描述 |
|---|---|---|
id | string | 唯一对决标识符。 |
optionA | object | 第一个选项，包含 id、label 和 votes。 |
optionB | object | 第二个选项，包含 id、label 和 votes。 |
round | number | 此对决属于哪一轮。 |
winner | string | 获胜选项的 ID（轮次完成后设置）。 |
CSS 选择器
.fuse-bracket、.fuse-matchup、.fuse-matchup-entry、.fuse-matchup-label、.fuse-matchup-votes、.fuse-round-label、.fuse-champion
要获得正确的锦标赛对决，参与者数量理想情况下应为 2 的幂次（4、8、16、32）。如果不是 2 的幂次，某些参与者可能在第一轮获得"轮空"。
地图标记
在地图上标记你的位置，实时查看其他人来自哪里。
活动类型：map_pins
配置
| 属性 | 类型 | 描述 | 默认值 |
|---|---|---|---|
mapCenter | object | 地图的初始中心，包含 lat 和 lng。 | { lat: 40, lng: -95 }（美国中心） |
mapZoom | number | 地图的初始缩放级别。 | 3 |
prompt | string | 可选提示（例如"标记你来自哪里！"或"标记你最喜欢的度假地点"）。 | "" |
行为
- 显示一个交互式地图。
- 参与者在地图上点击以放置标记。
- 所有标记对所有参与者实时显示。
- 悬停时每个标记显示参与者的显示名称。
- 这是一个单操作活动。
聚合状态
| 字段 | 类型 | 描述 |
|---|---|---|
pins | array | 所有标记，包含 participantId、displayName、lat 和 lng。 |
totalPins | number | 放置的标记总数。 |
CSS 选择器
.fuse-map-pins、.fuse-hint、.fuse-status
地图标记非常适合分布式团队、会议观众或任何想要可视化群体地理分布的场景。初始中心和缩放可以调整以聚焦任何区域。
活动指示器样式
所有互动活动都支持活动指示器——当参与者互动时出现的浮动通知。您可以在 Fuse 设置中配置样式：
| 样式 | 描述 |
|---|---|
pill | 从侧面滑入的胶囊型通知。 |
float_up | 向上浮动并淡出的通知。 |
spark | 在互动点出现的火花/闪光效果。 |
none | 完全禁用活动指示器。 |
活动指示器可以通过 .fuse-activity-indicator CSS 选择器和 --fc-indicator-bg、--fc-indicator-text、--fc-font-indicator CSS 变量进行样式设置。