指南

如何在 OBS Studio 中显示倒计时

用浏览器源在 OBS Studio 中添加实时 OBS 倒计时,无需插件。调整到适合你的场景,并在直播中用另一台设备控制。

阅读约 1 分钟8 个步骤obs 倒计时
剩余时间
01:00

直播画面里的 OBS 倒计时能让节目按计划推进,也让观众知道接下来会发生什么:开播时间、环节剩余时长、挑战还剩多久。这不需要任何插件。OBS 内置了可以显示任意网页的浏览器源,而基于浏览器的计时器本质上就是一个网页。

本指南使用 MaestroTimer 创建计时器。把它的查看器链接添加到 OBS 一次,之后就能在任何其他设备上启动、暂停和调整倒计时——OBS 中的浏览器源会实时更新。

01

往 OBS 里加计时器需要插件吗?

不需要。OBS Studio 自带浏览器源,显示倒计时有它就够了。基于浏览器的计时器运行在普通网页上,OBS 可以直接渲染——没有东西要安装,OBS 更新时也没有东西会坏。

免插件的计时器还有第二个好处:同一个计时器页面可以在任何接受网页输入的工具中使用,还能同时在手机或平板上打开。计时器不会被锁死在 OBS 里面。

02

创建计时器并复制查看器链接

先创建你要显示的计时器。在 MaestroTimer 中创建一个房间,往里面添加计时器,然后复制房间的查看器链接——查看器是为屏幕和叠加层准备的干净输出视图。

步骤:

  1. 打开 MaestroTimer 并创建房间。房间是所有设备接入的容器。
  2. 添加一个计时器。设置名称和时长——名称可以描述环节,比如“第一轮”。
  3. 如果希望时间快到时显示发生变化,设置一个收尾阈值。颜色变化会直接出现在直播画面里,无需额外操作。
  4. 打开房间的查看器并复制 URL。在 MaestroTimer 中每个视图都是一个链接,OBS 需要的只有这个 URL。
03

把计时器作为浏览器源添加到 OBS

计时器以指向查看器 URL 的浏览器源进入场景。添加后它和其他源一样:可以移动、缩放、按场景显示或隐藏。

在 OBS Studio 中:

  1. 选择要显示计时器的场景,或新建一个。
  2. 在来源面板点击“+”,选择“浏览器”。
  3. 给来源命名,比如“倒计时”,然后确认。
  4. 把查看器 URL 粘贴到 URL 栏。
  5. 设置宽度和高度。计时器适合 1200 × 400——宽而矮的方框,而不是完整的视频画面;查看器会适配你给的尺寸。
  6. 点击“确定”,计时器出现在场景中。
  7. 拖动来源确定位置,拖动四角调整大小。
04

让计时器融入场景

为了让计时器叠加层干净地压在画面上,OBS 提供三种手段:裁剪、混合和滤镜。三者对任何浏览器源都有效,不依赖计时器本身的功能。

要裁掉页面上不需要的部分,按住 Alt(macOS 上是 Option)拖动来源边缘。这是只保留数字的最快方式。

想让背景消失,先试混合模式:右键来源,选择“混合模式”,再选“叠加”。加法混合会让暗色像素变透明——如果计时器页面是深色背景上的亮色数字,数字会保留,背景会消失。

如果混合效果不干净,改用色键滤镜:右键来源打开“滤镜”,添加“色值键”,把键控颜色设为计时器页面的背景色,逐步提高相似度直到背景消失。

05

边直播边控制计时器

OBS 场景里的计时器是实时视图,不是录像——你在任何其他设备的控制器视图里操作,叠加层立即更新。把控制器开在手机或副屏上,OBS 就永远不用退出全屏。

启动、暂停和调整时间都在控制器完成。设置了收尾阈值后,时间快到时画面里的计时器会自己改变外观,不需要手动提醒任何人。

还可以向同一个查看器发送消息:加粗、彩色或闪烁的提示会出现在场景中计时器旁边。用于“马上开始”“最后一轮”等你想让观众看到的信号。

开播前打开房间的实时连接视图。它列出接入房间的每台设备——OBS 的浏览器源连接后会出现在列表里,开播前你就能确认叠加层在正常接收。

06

正计时而不是倒计时

OBS 里的秒表和倒计时的用法完全相同:MaestroTimer 的计时器既能倒计时也能正计时,同一个查看器链接两种都能显示。正计时适合开放式环节——速通挑战、录制会话,任何以已用时间为核心的场景。

创建计时器时切换到正计时模式即可。本指南的其他内容全部不变:浏览器源、场景设置和远程控制的用法完全一样。

07

在固定时刻开始倒计时

“马上开播”场景需要一个自己会启动的计时器,MaestroTimer 支持把计时器安排在一天中的某个时刻开始。把查看器放进开播前场景,把计时器安排在你公布的开播时间,倒计时就会自动运行,你什么都不用碰。

如果直播有多个计时环节,把计时器串联起来:上一个结束的瞬间下一个自动开始。流程自己往前走,你专注于直播本身。

08

常见问题

在 OBS 里显示倒计时需要插件吗?

不需要。OBS Studio 内置浏览器源,可显示任意网页。把它指向基于浏览器的 OBS 倒计时,倒计时就出现在场景里——无需安装任何东西。

Streamlabs Desktop 也能用吗?

能。Streamlabs Desktop 同样有浏览器源。方法相同:创建来源,粘贴计时器的查看器 URL,设置尺寸。

怎么把 OBS 里计时器的背景变透明?

用 OBS 自己的工具:把来源的混合模式设为叠加,让暗色像素消失;或添加色值键滤镜,键掉页面背景色。两种方法对任何浏览器源都有效。

直播时间拉长后计时器会不同步吗?

不会。计时器运行在房间里,不在 OBS 内部。浏览器源只负责显示,所有接入的视图——OBS、手机、第二块屏幕——显示的是同一状态。来源刷新后会重新连接并显示当前时间。

给下一场直播加个实时计时器

MaestroTimer 在浏览器中运行:创建房间,把查看器作为浏览器源加入 OBS,在任何设备上控制倒计时。收尾变色、舞台消息、实时连接视图,全部内置。

试用 MaestroTimer
参考资料
  1. Browser Source — OBS Knowledge Baseobsproject.com
有问题、功能建议或发现了 bug?
欢迎联系!
© 2026 maestrotimer.com