投票大屏

投票大屏是把现场投票与比分投到大屏幕上的网页工具,年会选节目、知识竞赛抢答都用得上:先填 2 到 12 个选项或队伍名,一屏排开,主持人敲数字键 1 到 9 就给对应那项加一票,也可以直接点卡片。票数以大号数字和条形榜实时呈现,可按分数自动重排出名次;计分模式下每次加几分自己设,加错了逐步撤回。设了目标分就显示还差多少达成。一键全屏投到投影仪、电视或直播画面,全程浏览器本地运行,分数不上传。

模式
选项数42 到 12 项;键位只到 10 项,第 11、12 项只能点。

投票大屏

还没有人得分

已投 0 票

第 1 名
第 1 名
第 1 名
第 1 名

占比四舍五入到 1 位小数,几项加起来可能不等于 100%,这不是算错。

大屏设置:排序、版式、主题、目标分
排序
重排会等最后一次操作过去 0.6 秒再动,键位始终绑队伍、不绑位置。
版式
主题
只显示进度,不做过半、三分之二这类门槛判定;要表决结论请用 投票计数器
编辑选项:改名、直接改分
  • 键盘 1
  • 键盘 2
  • 键盘 3
  • 键盘 4
操作流水(0 步)

    键盘 1~9 给第 1~9 项加分、0 给第 10 项,按住 Shift 是减分,Ctrl+Z 撤销一步(空格与回车留给按钮,不占用)。比分仅供现场展示与记录参考,正式赛事请以主办方记录为准。

    如何使用投票大屏

    1

    先把这块现场计分大屏的底填好:写上本场比的是什么,再选模式。投票模式每次就是一票,适合年会选节目、班会选方案这类;计分模式每次加几分自己设,适合知识竞赛、运动会、小组比拼。两种模式随时可以切,切了不清分。

    2

    把选项数调到 2 到 12 项,再展开「编辑选项」把默认的甲乙丙丁改成真实队名或候选人名。名字只认这台设备里的输入,改完立刻反映在计分板上;重名会自动加序号,空着的会回落成「第 N 项」,所以不会出现两条一模一样的卡片。

    3

    现场开始大屏计票:敲键盘 1 到 9 给第 1 到 9 项加分,敲 0 给第 10 项,按住 Shift 再敲同一个键就是减分。没有键盘就直接点卡片,卡片本体就是加分按钮,做到了 64 像素高,手机和平板当遥控器用刚好。连点多快就记多快,本页刻意不合并、不去抖、不做点击去重。

    4

    需要更像一块排行榜时,展开「大屏设置」打开「按分数重排」,领先的那条会自己挪到最上面。重排不会打断你计分:最后一次操作过去 0.6 秒才真的动,动的那 0.3 秒里卡片不可点,键盘照常可用。想要更满屏的数字就把版式切到大数字宫格,主题按现场光线在投影深色、白板浅色、高对比之间挑一个。

    5

    点「投到大屏」做投屏计分:整块舞台连同上面那排控制按钮一起进全屏,所以按 Esc 或再点一次就能退出来,不会卡在全屏里出不去。进全屏时会顺手申请屏幕常亮,防止展示到一半息屏;浏览器不许全屏的话会自动降级成页内放大,不报错也不卡住。

    6

    点错了就撤销:撤销按钮可以连着点,一步一步往回退,连「本轮清零」也能撤回来。比赛收尾点「锁定比分」,所有加减和改分控件会真的禁用,大屏前有人误碰也改不动;要接着改就点「解锁」。

    7

    散场时把比分带走:「复制比分」给的是一段可以直接贴进群里的纯文本,「复制 Markdown」给的是表格,「下载 CSV」给的是带 BOM 的表格文件,Excel 双击打开中文不乱码。多轮比赛点「下一轮」,本轮分会并进累计,选项与设置都保留,一场最多记 50 轮。

    关于投票大屏的常见问题

    投票大屏怎么用?投影到大屏幕上怎么实时计票?
    三步就够:先填 2 到 12 个选项或队伍名,再点「投到大屏」让整块舞台进全屏,然后敲数字键计票。键盘 1 到 9 对应第 1 到 9 项,0 对应第 10 项,每张卡片左上角常驻一个键位角标,主持人可以盯着台下盲敲,不用低头找鼠标。没有键盘就直接点卡片,卡片本体就是加分按钮。连点多快就记多快——本页刻意不合并连击、不去抖、不做点击去重,因为现场就是要连点。要投到投影仪或电视,把浏览器窗口拖到那块屏上再进全屏即可,页面会顺手申请屏幕常亮,防止展示到一半息屏。
    计分板每次加几分能自己设吗?加错了能减回去吗?
    能。切到计分模式之后会多出一排步长档位,1 分、2 分、5 分、10 分各一档,还可以自己填 1 到 100 之间的任意整数。定好之后敲一次数字键就加一个步长,按住 Shift 再敲就减一个步长,卡片上也各有一个加分区和一个减分按钮。计分模式允许负分,最低可以到 -9999,所以当扣分制的比赛计分器用也没问题。加错了点「撤销一步」,可以连着点一路往回退,撤销还原的是当时那一步的实际落差,中途改过步长也不会算错。
    大屏按分数自动排名时,点卡片会不会点到别的队?
    不会。这正是本页做得最细的一处:开了「按分数重排」之后,分数变了并不会立刻重排,而是等最后一次操作过去 0.6 秒才整体动一次,动画走 0.3 秒,这 0.3 秒里所有卡片不可点。所以你连点的时候屏幕上的位置是稳的,点不到别人身上。更要紧的是键位绑的是队伍不是位置:第 3 项冲到第一行,它仍然是 3 键,卡片角标也仍然写 3,盲敲不会加错队。去抖的只有「屏幕上的位置」,你的连点本身一次都不会被吞掉。
    手机或平板能当投票大屏用吗?没有键盘怎么加分?
    可以,手机浏览器打开就能用,不用装应用也不用注册。没有物理键盘时页面会自动把键位角标收起来,不摆一个按不出来的提示误导你;卡片本体就是加分按钮,高度做到了 64 像素,站着单手点也不容易点偏,双击不会触发浏览器缩放。窄到 320 像素的小屏也会自动排成单列,不会把页面撑横。常见的用法是平板当遥控器、投影仪或电视出图:两台设备各开一个页面是两份互不相干的比分,不会同步,所以遥控要靠投屏或者把笔记本接到大屏上。
    投票大屏最多放几个选项?选项多了字会不会变小?
    最多 12 项,最少 2 项。字号不是写死的,页面会按选项数和舞台高度现算:以 1080p 全屏、舞台高 900 像素计,2 项和 3 项时分数字号都顶到上限 160 像素,4 项是 134 像素,6 项降到 87 像素,12 项降到 40 像素,既不会溢出也不会留大片空白。正文里有一张由本页内核现算的速查表,把每种选项数对应的行高、字号、数字实际字高和大致可辨距离都列了出来,定方案之前可以照着挑。
    年会班会现场投票,大屏上怎么让后排也看得清?
    有三个能立刻见效的办法。第一是少放几项:选项越少每行越高、数字越大,2 项和 3 项时字号是一样的,都已经顶到上限。第二是选对主题:投影仪出图用投影深色,白板或会议室电视用白板浅色,光线很杂时用高对比。第三是换更大的画面:55 英寸电视上 6 项的数字字高约 40 毫米、大致 4.8 米可辨,8 项掉到约 29 毫米、大致 3.5 米,普通教室的后排就已经吃力,这时候换投影仪比继续压字号有效得多。这些距离是经验推算值,不是标准,建议现场先站到最后一排试看一眼。
    计分板刷新页面分数会清零吗?关掉网页还在不在?
    默认不会清零。页面底部有一个「自动保存到本机」开关,默认开着,标题、选项、分数、累计、流水和全部设置都会写进这台设备浏览器的本地存储,刷新或者关掉再打开都会自动恢复,顶部还会提示一句「已恢复上次比分」。不想留痕就把开关关掉,或者点「清零重开」,本机存的那份会立刻删掉。如果浏览器开了隐私模式或者本地存储被占满,页面会提示「本机存储不可用,本次不自动保存」,功能照常能用,只是刷新之后不恢复。存档读不出来时会整份丢弃并提示一句,不会白屏。
    运动会或班级评比的计分大屏怎么多轮累计?
    用「下一轮」这个按钮:点一次,本轮分并进累计、本轮清零,选项名、模式、步长和全部大屏设置都照旧保留,一场最多记 50 轮,满 50 轮会提示先导出比分而不是静默丢掉。运动会按项目分轮、班级评比按周分轮、知识竞赛按环节分轮,都是这个用法。开了多轮之后卡片上会同时写本轮多少、累计多少,名次和占比按合计算。点错了「下一轮」也能撤销,一步退回并轮前的那个状态,本轮分和累计会一起回去。想核对中间某一步,展开「操作流水」能看到每一次加减和清零。
    计分板的比分怎么导出成表格或 CSV 文件?
    有三种带走方式,都在本机生成,不经过服务器。「复制比分」给的是一段纯文本,含标题、模式、轮次和每一项的分数与占比,可以直接贴进群里或会议纪要。「复制 Markdown」给的是一张表格,列是名次、选项、本轮、累计、合计与占比,贴进飞书、语雀这类支持 Markdown 的地方会自动变成表格。「下载 CSV」给的是带 UTF-8 BOM 的表格文件,Excel 或 WPS 双击打开中文不乱码,文件名带本场标题和时间。锁定比分之后这三个导出照常能用,锁定只禁用加减和改分。
    这个投票大屏能让观众用自己的手机扫码投票吗?
    不能,这一条必须说死:本页不联网、没有服务器、没有房间号,也没有账号,所以做不到让几十个人各自掏手机投票再汇总,纯前端做不到也不该假装能做。它的定位是「一个人操作、全场共看一块屏」——主持人举手数人、念票或者听抢答,把结果敲进去,大屏上实时显示名次和差距。两台设备各开一个页面就是两份互不相干的比分,不会同步。真要多人同时在线投票,得找带服务器的表单或投票平台。
    OBS 直播里能把计分板当浏览器源推到画面上吗?
    可以,而且这是本页认真照顾过的场景。把本页地址加成 OBS 的浏览器源,按直播画面底色在白板浅色和投影深色之间挑一个主题,再把控制条那一块裁掉或者放到另一台设备上操作即可。OBS 刷新浏览器源等于刷新页面,而本页开着自动保存时比分会原样恢复,所以刷新不会把比分弄丢。本页刻意不做「用网址参数预置选项」这种写法,一是站内已经为参数页被恶意收录做过加固,二是靠本机存档恢复比拼一长串参数更稳,也不会把队名暴露在地址里。
    投票大屏和投票计数器有什么区别?该用哪一个?
    分工很清楚:本页是给全场看的那块展示面,关心的是谁领先、领先多少、谁先到目标分,所以有大号数字、条形榜、自动重排、全屏投影和键盘盲敲。要的是一句表决结论——这次到底过没过、还差几票、剩下的票还能不能翻盘——那是投票计数器的活,它有过半、三分之二、四分之三和自定义百分比这些规则,还能切换占比分母。本页刻意不做任何门槛判定,只给目标分和差距,免得两页给出口径不同的说法。正文里有直达投票计数器的链接,两页都在浏览器本地运行,数据都不上传。
    两队分数一样时大屏怎么显示?会自动决出胜负吗?
    并列会如实标出来。名次按标准竞赛口径给:并列的同名次、后面跳号,两个第一名之后直接是第三名,顶部汇总也会写成「甲、乙 并列第一(各 18 票)」。本工具不替你决出胜负,也不提供「平局时随机选一个」的功能——比赛结果该由规则和人给出,随手替你摇一个数看着方便,实际上是把责任悄悄转移给了一个随机数。真要靠运气定,正文里有抛硬币的链接,可以当着全场开一次;更常见的做法是按赛制加赛一轮,或者按预先约定的次要指标比。
    投票大屏的分数会上传到服务器吗?断网还能用吗?
    不会上传。标题、队名、分数、累计和操作流水全部只在你自己的浏览器里,页面不会把它们发到任何服务器,导出的文本和表格也是在本机生成的。开着自动保存时这些内容写进这台设备浏览器的本地存储,别的设备读不到。页面本身是静态页,首次打开之后断网照样能用,计分、重排、全屏、导出都不依赖网络,所以在信号差的体育馆或者报告厅里也不会掉链子。站点只有一段访问统计脚本在跑,它不接触你填的任何内容。

    投票大屏能做什么:现场计分、实时名次与全屏投影

    这个在线计分板不联网、不注册、不要手机号,打开就能用,所有计算都在你自己的浏览器里完成。 它做的事只有一件:把现场这一场的比分如实记下来,并且让最后一排也看得清。

    一屏排开 2 到 12 项,字号现算。选项或队伍名一行一条,配大号分数和条形榜,字号按选项数和舞台高度实时算出来,从不溢出、也不留大片空白。敲数字键就加分。键盘 1 到 9 加第 1 到 9 项,0 加第 10 项,按住 Shift 是减分;卡片本体也是按钮,手机平板点着用一样顺。两种模式。投票模式每次一票并显示占比,计分模式每次加几分自己设,可减分、可负分,当扣分制的比赛计分器用也够。

    名次实时重排,键位不跟着动。开了按分数重排之后领先的会挪到最上面,但键位永远绑在队伍身上,盲敲不会加错队。目标分与出席进度。设了目标分,达成的那条整条高亮;投票模式填了应到人数,顶部会显示已投多少、还有几票没投。一键全屏做投屏计分。舞台连同控制条一起进全屏,所以退得出来;浏览器拒绝全屏时自动降级成页内放大。点错能撤、结束能锁、散场能导出。逐步撤销含撤销清零,锁定后加减控件真的禁用,比分可复制成文本或表格,也能下载带 BOM 的 CSV。

    适用的场合比想象中多:年会投票大屏与颁奖现场的票数展示,知识竞赛抢答计分板, 课堂小组计分加分与班级评比,运动会与团建的队伍比分,社团纳新的人气投票, 直播间当电子计分牌用的实时比分条。作为一块活动计分大屏,它不限次数、不加水印, 导出的内容里没有任何推广后缀。

    不同场合的投票大屏怎么设置:场景配置速查表

    同一块大屏,年会和运动会的设法并不一样:投票模式关心的是票数与占比,计分模式关心的是分值与领先差。 下面这张表把最常被问到的六种场合整理成一份起步配置,照着设完再按现场微调,通常比从零试快得多。

    六种现场的起步配置建议(先照着设,再按现场微调)
    现场场合模式与步长建议选项数主题按分数重排
    年会选节目、颁奖票数展示投票模式,每次一票4 到 8 项投影深色
    知识竞赛抢答计分模式,步长设成题目分值2 到 6 项投影深色
    课堂小组计分、班级评比计分模式,步长 1 分4 到 8 项白板浅色
    运动会与团建比分计分模式,步长 1 分或 5 分6 到 12 项高对比
    社团纳新人气投票投票模式,填上应到人数2 到 6 项白板浅色
    直播画面里的比分条两种模式都行2 到 4 项按直播底色挑

    有几处值得单独说明。当知识竞赛计分器用时,步长直接设成这道题的分值,答对敲一下数字键、答错按住 Shift 敲一下,比心算加减快也不容易记错;一题一换分值也没关系,撤销还原的是当时那一步的实际落差。 运动会计分大屏的参赛队常常超过 8 支,这时数字已经压得偏小,把画面换大比继续硬塞进一屏有效得多。 班级评比计分板往往一周才结一次,务必让「自动保存到本机」开着,中途关掉网页也能接着记。 直播计分板当 OBS 浏览器源用时建议把「按分数重排」关掉:画面里的条目一动,观众的注意力就被带走了。 分环节或者分项目比的场合,点「下一轮」做多轮累计计分,本轮分并进累计、设置照旧保留。

    换个语言说的还是同一件事:英文语境里这类工具一般叫 scoreboard 或 live scoreboard, 课堂上给小组加分的那种叫 classroom scoreboard,手动一格一格记的叫 tally board。 搜这几个词找到的多半和本页做的是一回事——把一块全场都看得见的比分摆到前面去。

    现场计分大屏放几项合适:字号与可辨距离速查表

    大屏计票最常被忽略的一件事不是算错分,而是后排根本看不清。下面这张表的每一个数字都由本页的计分内核现算, 舞台高按 1080p 全屏扣掉控制条的 900 像素计,屏幕按 55 英寸 16:9 计算物理尺寸。末两列是经验推算:数字字高约等于字号的 0.72 倍,字高每 25 毫米大致可辨 3 米。 这是行业里常用的经验值而不是标准,建议现场站到最后一排先试看一眼。

    不同选项数下的行高、字号、数字字高与大致可辨距离(经验推算,供选型参考)
    选项数每行高分数字号队名字号数字字高大致可辨距离
    2 项444 px160 px72 px73 mm约 8.8 m
    3 项292 px160 px72 px73 mm约 8.8 m
    4 项216 px134 px72 px61 mm约 7.3 m
    6 项140 px87 px48 px40 mm约 4.8 m
    8 项102 px63 px35 px29 mm约 3.5 m
    10 项79 px49 px27 px22 mm约 2.7 m
    12 项64 px40 px22 px18 mm约 2.2 m

    这张表里有三处值得单独记住。 第一,2 项和 3 项的分数字号一样大,都已经顶到 160 像素的上限;想让字再大只能换更大的屏,少放选项已经没有用了。 第二,拐点在 6 项6 项时数字字高还有 40 毫米、大致 4.8 米可辨,8 项掉到 29 毫米、大致 3.5 米,一间普通教室的后排就已经吃力。选项超过 8 个又必须全场看清时,办法是换投影仪把画面做大,或者拆成两轮比, 而不是硬塞进一屏。 第三,12 项是能放下,不是能看清55 英寸电视上 12 项的数字字高只剩 18 毫米,大致 2.2 米外就开始费劲,这种密度更适合手边设备遥控、投影仪出图的场合。

    计分板重排后快捷键会乱吗:键位绑队伍不绑位置

    排行榜一重排,按屏幕位置分配的快捷键就全乱了。假如最上面那条永远是 1 键,那么每一次重排所有键位都会变, 主持人刚记住的手感立刻作废,盲敲必错。所以本页把键位绑在队伍身上: 第 3 队冲到第一行,它仍然是 3 键,卡片角标也仍然写 3。 代价是屏幕从上到下不再是 1、2、3 的顺序,收益是主持人可以不看屏幕盲敲;对现场计分来说,后者重要得多。

    键位映射(按队伍在列表里的原始顺序,与它此刻排第几无关)
    按键加的是说明
    1第 1 项第 1 项,与它此刻排第几无关
    2第 2 项第 2 项,与它此刻排第几无关
    3第 3 项第 3 项,与它此刻排第几无关
    4第 4 项第 4 项,与它此刻排第几无关
    5第 5 项第 5 项,与它此刻排第几无关
    6第 6 项第 6 项,与它此刻排第几无关
    7第 7 项第 7 项,与它此刻排第几无关
    8第 8 项第 8 项,与它此刻排第几无关
    9第 9 项第 9 项,与它此刻排第几无关
    0第 10 项第 10 项;键位只到 10 项,第 11 到 12 项没有键位,只能点

    另外三组键要单独说明。按住 Shift 再敲上面任意一个数字键就是减分,减的是当前步长而不是固定 1。 按 Ctrl+Z 撤销上一步,焦点落在输入框里时它会让位给浏览器自己的撤销。 空格和回车刻意没有占用,留给用键盘操作按钮的人;全局快捷键只排除输入框是不够的, 占了空格就等于让键盘用户按不动页面上的任何按钮。

    同样的道理也用在了重排的时机上:分数一变就重排,用户正要点的那一行会被挪走,一点就加错队。 所以重排去抖 0.6 秒再动,动画那 0.3 秒里卡片不可点、键盘照常可用。 需要强调的是,被去抖的只有屏幕上的位置,连点本身一次都不会被吞掉——现场点多快就记多快。

    投票大屏的字号、条形长度与落后差怎么算

    投票大屏的四组算式
    每行高 = (舞台高 − 行间距 × (选项数 − 1)) ÷ 选项数;分数字号 = 每行高 × 0.62,夹在 28px 到 160px;队名字号 = 每行高 × 0.34,夹在 18px 到 72px;条形长度(投票)= 本项票数 ÷ 总票数;条形长度(计分)= max(0, 本项总分) ÷ 全场最高分,负分条长取 0;落后差 = 第一名分数 − 本项分数,并列第一时为 0

    有两处口径值得写清楚。一是条形长度用的是没有取整的比例,不是从显示出来的那个百分比反推的, 所以两项占比显示一样时条形长度可能有极细微的差别,那是真实差别。 二是占比只有一个分母,就是已投票数:三项各得 1 票时每项都显示 33.3%,加起来是 99.9%, 这是四舍五入的正常结果,本页不做凑整。凑整的代价是被补的那一项会显示成 33.4%,而它明明就是三分之一, 用户拿计算结果一对就对不上,比差 0.1% 更难解释。想按有效票或者应到人数换个分母算,那是投票计数器的口径。