Time Overlay 指南

如何为 Twitch 添加透明倒计时叠加(OBS/Streamlabs)

要为 Twitch 添加透明倒计时叠加,从 Time Overlay 导出 WebM(带 alpha),并在 OBS 或 Streamlabs 中作为媒体源添加。背景已经被抠除,因此它能清楚叠在游戏画面或摄像头场景上。Twitch 已在 2024 年 5 月 30 日后停止支持 Twitch Studio,因此本指南不再把它列为当前生产路径。视觉质量优先时,可保留 PNG 序列作为源文件。

推荐的 Time Overlay 导出: 直播软件使用 WebM(带 alpha)。质量比文件体积更重要时使用 PNG 序列。

作者
yansoul
发布
复核

工作流图

把计时器当作直播场景系统的一部分

节点 01

按场景设计

节点 02

添加媒体源

节点 03

测试直播输出

先生成本地素材,放入开播前或休息场景,再验证完整直播画面,而不是只查看透明文件本身。

本页核验范围

本页已在 2026-08-28 依据当前 Time Overlay 输出行为和所列第一方资料复核。没有在当前设备完成的编辑器导入测试会明确说明,不把文档核验表述为实机结论。

  • 计时器先由直播软件合成,Twitch 接收到的是最终节目画面。
  • OBS 官方资料记录了来源顺序、尺寸、本地媒体和支持 alpha 的 PNG 图片源。
  • 可读性必须在实际输出分辨率和码率下验证,不能只看本地画布。

步骤 01

选择匹配场景切换的时长

BRB 场景通常适合 60 到 180 秒。开播前倒计时可以是 5 到 10 分钟。先用默认 30 秒测试,再调整到符合你直播流程的长度。

步骤 02

导出带 alpha 的 WebM

选择符合直播风格的样式预设,然后在导出面板选择“WebM(带 alpha)”。

步骤 03

添加到 OBS 或 Streamlabs

添加媒体源,指向下载的 WebM 文件。如果倒计时需要循环,启用循环。调整来源尺寸,让计时器清楚可读,但不要挡住摄像头画面。

步骤 04

开播前用本地录制测试

先录制 30 秒 OBS 本地视频。确认 alpha 被保留,并且在你的直播码率下仍然可读。必要时调整透明度或位置。

常见问题排查

案例 01

现象

本地很清楚,但 Twitch 画面看不清

处理

按实际输出分辨率和码率录制,增大数字、减少发光和细线,并避开细节复杂的游戏画面。

案例 02

现象

计时器遮挡聊天、字幕或摄像头

处理

选择安全角落模板,显示所有字幕与摄像头层后测试,并为移动端裁切保留边距。

案例 03

现象

离开场景后倒计时仍在循环

处理

检查来源的循环与可见性行为,并在直播前用本地录制测试进入和离开场景。

第一方参考资料

以下链接用于核对软件支持边界。第三方软件升级后可能改变行为,重要项目仍应在当前版本中重新测试。

Time Overlay 使用提示

如果直播软件播放 WebM 时卡顿,可以改用 PNG 序列,并通过图片幻灯片源载入。透明效果相同,CPU 负载会转向图像解码,许多系统在直播时处理这种方式更稳定。

不确定该选哪种导出格式?按剪辑软件和浏览器支持对比所有透明叠加格式。

系统栏

公开状态

身份

Time Overlay

Time Overlay 是面向创作者的免费倒计时叠加工具,适合在录屏、剪辑和直播中制作清晰易读的计时器素材。

产品

一个本地优先的 Time Overlay 页面,包含倒计时素材生成器、精简 FAQ 和透明导出格式说明。