Skip to content

大屏遥控

大屏遥控 是课堂评价现场的 导播台:在不进入编辑器的前提下,远程切换投屏页面、聚焦选手、控制倒计时、刷新排行榜、揭晓 Top3、切换扫码通道等。操作经 SSE 实时同步 到预览页与公开发布页。

入口

遥控 不进侧栏菜单。从 评价活动列表 行操作 遥控,或活动 详情 / 概览 顶栏 遥控大屏 进入(须已关联大屏)。


前提条件

条件说明
活动已 发布有 API Key 与评委凭证
创建并关联大屏一键建屏或手动关联
eval:read可进入遥控页
切页/焦点/生命周期操作eval:manage 且活动行 canManage
保存活动设置eval:update

投屏端请使用 预览大屏发布公开链接;编辑器内不会持续刷新评价数据。


页面布局(三 Tab)

┌──────────────────────────────────────────────────┐
│ 顶栏:活动名 | SSE 连接状态 | 打开投屏预览          │
├──────────────────────────────────────────────────┤
│ [ 现场遥控 ] [ 对象与评委 ] [ 活动设置 ]            │
├──────────────────────────────────────────────────┤
│  Tab 内容区                                       │
│  现场遥控:切页大按钮、焦点列表、倒计时、生命周期…    │
└──────────────────────────────────────────────────┘
Tab作用
现场遥控切页、定焦点、刷新榜、揭晓、扫码通道、倒计时、活动开始/暂停/结束
对象与评委与活动详情相同,现场增删改对象/评委、CSV、二维码
活动设置与活动详情相同,改时间、环节名、维度等(权限与锁定规则一致)

现场遥控 Tab

关联大屏页面切换

展示已关联大屏的 页面列表(大按钮)。点击某页:

  • 写入 config.remote.pageKey
  • 经 SSE 事件 remote 推送到所有订阅端
  • 预览 / 发布页立即切页

优先级

当遥控设置了 pageKey 时,其优先级 高于 三页叙事按活动状态自动切到「进行中」页的逻辑。现场导播以遥控为准。

定焦点(评分对象)

评分对象列表 中点击某对象:

  • 写入 focusTargetId
  • 联动大屏上 聚光灯雷达图 等读取 evalTargetId 的组件
  • 排行榜行点击联动与遥控焦点 效果一致

适合答辩现场「当前答辩组」聚焦展示。

刷新排行榜

触发一次 全量排名重算 并推送 snapshot,大屏排行榜组件即时更新。用于怀疑缓存不一致或需要强制同步时。

揭晓 Top3

  1. 选择 揭晓目标页(通常为颁奖/揭晓页)
  2. 揭晓 Top3
  3. 设置 revealPodiumAt 等状态,颁奖台/聚光灯组件播放悬念升起特效

可与三页 preset 的 eval_finale 页配合使用。

扫码通道切换

控制 扫码打分 组件(evalQrPanel)生成的 H5 入口域名:

通道典型用途
primary主域名(默认)
backup备用域名
lan内网/局域网域名

切换后二维码 即时重绘,无需改大屏 JSON。

答辩倒计时遥控

与大屏 答辩倒计时 组件(evalCountdown)同步:

操作说明
暂停 / 继续冻结或恢复倒计时
重置回到初始状态
+30s / +1min现场加时

状态经 SSE 事件 countdown 推送;断线重连后会 replay 最近状态。

与自动切页

候场页倒计时结束 不会单独 触发切页;通常需配合 事件链(活动进入进行中/已结束 + 顶栏状态文案)或导播 手动切页。详见 评价大屏与组件

评委列表与二维码

现场 Tab 展示评委 实时打分进度;行内可打开 二维码 发给迟到的评委。

评分规则摘要

只读展示当前 维度角色权重,便于导播核对规则。

活动生命周期(底栏)

按钮作用
开始进入进行中,允许 H5 打分
暂停禁止打分,大屏停止实时刷新
恢复回到进行中
结束冻结排名,推送结束态

操作前均有二次确认。

顶栏

  • 打开投屏预览:新标签打开关联大屏预览
  • SSE 连接状态:绿/红指示;断线时预览端会按 refreshInterval 降级轮询

投屏端如何消费遥控

预览页与公开发布页(/preview/:id/p/:token)会:

  1. 订阅评价 SSE
  2. 监听 remotecountdown 事件
  3. 应用 pageKeyfocusTargetIdhostChannel
  4. 刷新时从 summary 响应恢复 remote 状态

因此导播在遥控页切页后,墙上投屏 无需刷新浏览器 即可跟随(SSE 正常时)。


SSE 事件与遥控的关系

事件遥控相关字段消费方
remotepageKey, focusTargetId, hostChannel, rankRefreshAt, revealPodiumAt预览/发布切页、焦点、扫码、揭晓
countdown暂停、剩余秒、截止时间遥控页 + evalCountdown
summaryremote 快照、截止时间、环节名头图、倒计时、刷新恢复
snapshotrankings, progress, judgeStatus, tags排行榜、评委展示、词云
score增量打分、rank/prevRank动态、评语墙、打分弹条
progress活动 lifecycle进度条、进度环、头图状态

三页叙事 preset

一键建屏默认 三页

pageKey场景
eval_lobby候场
eval_live进行中
eval_finale揭晓

模板类型可能使用 defenseThreePages(答辩)、roadshowThreePages(路演)、mutualEvalThreePages(互评)等 preset。

  • 无遥控 pageKey 时,活动 进行中 可能自动切到 live 页
  • 有遥控 pageKey 时,以遥控为准

权限与协作

角色能否遥控
活动 负责人 / 可管理 成员是(须功能权限)
仅查看 协作成员
大屏 协作者(非活动成员)可编辑大屏,但 不能 进活动遥控(无 eval 管理权)

常见问题

现象处理
切页后投屏没变看 SSE 是否连接;刷新预览页;确认打开的是预览/发布而非编辑器
焦点不对确认聚光灯/雷达开启「跟随联动」;检查 focusTargetId
二维码扫错环境切换 扫码通道 primary/backup/lan
倒计时不一致看 countdown 事件;遥控与组件是否绑定同一活动
找不到遥控按钮已关联大屏;列表行需 canManage

更多见 课堂评价总览 · 常见问题


相关文档

巧曦大屏搭建平台 · 技术支持