插件效果

在浏览器中显示一个白底黑字的倒计时

在OBS“浏览器源”内插入，可以实现在直播画面内，显示一个没有背景的倒计时

按Enter开始；按C清零时间；按Q暂停；

按下Q后直接输入六位数字可以修改倒计时时间（按键不会有任何反馈，只看实际效果）

例如想要修改成1小时15分，则按照如下输入：“Q”-“0 1 1 5 0 0”

可通过#timer和#timer.ended自定义CSS，改变外观和行为。

使用方法

将压缩包内所有文件解压到同一个文件夹中；

（浏览器）双击Timer.htm，选择浏览器打开，缩放到需要的大小

（OBS）添加一个“浏览器”源，尺寸选择800*200（后续可以灵活调整大小），删除CSS窗口后插入如下自定义CSS：

#timer{color:white;}

其中“white”可以替换为任何预定义的颜色（例如black/blue/green），或者十六进制格式的色值（例如#114514 #233333）等。自行根据需要调整颜色，十六进制色值可以用PS或画图等工具取得。

如果需要更换字体？

首先你需要有字体文件（Windows系统可以从WINDOWSFonts里找到，或者自行下载，下述网站也有推荐）

在Font Squirrel（https://www.fontsquirrel.com/tools/webfont-generator）等转换网站将字体文件转换为多种格式的字体包，下载后将扩展名为.woff和.woff2的文件，以及原始字体文件（转换成.ttf格式）放到Timer.htm的同一文件夹中

简单方法：删除原来文件夹中的space_age-webfont.woff，space_age-webfont.woff2，space_age-webfont.ttf三个文件，并且将刚刚下载的文件名全部改成space_age-webfont（扩展名如.woff不要改）。如此修改完后，文件夹内应该如下图所示：

复杂方法：使用VSCode（推荐）或记事本等文本编辑器打开stylesheet.css，将“url”括号内的内容修改成刚刚放进文件夹的三个文件的名称（注意保留扩展名）。

这里也可以自定义想要的样式，需要一定html知识。了解的朋友可以自行修改使用。

例如使用严肃的字体，更大的字号并且居中，用于学校考试倒计时（也可换成瘦高形字体，如Times New Roman）：

注释或者删除掉font-face，添加如下CSS（“300px”是文本大小，可以改成更大的值如“400px”）：

#timer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:300px;}

上图深绿色部分可以全部删除，或者在原始代码中使用/* */注释来达到上图效果。显示效果如下：

其他说明&下载地址

本倒计时插件由国内知名航天博主 → SpaceLens云上天镜 ← 直播团队的我，在OBS浏览器倒计时插件（https://obsproject.com/forum/resources/browser-timer.1296/）基础上开发。原字体“Space Age”据信为免版权字体，个人建议商业使用更换为思源黑体（Noto Sans S Chinese）等开源字体使用或去除自定义字体。

下载地址：

链接：https://pan.baidu.com/s/1gs6qZ2y5qCYAN-jMav4Osg?pwd=1prc

提取码：1prc

免币下载↑↑↑，不过想要大家帮我们点个关注↓↓↓

微博@SpaceLens云上天镜

B站：SpaceLens

微信公众号和视频号：SpaceLens

国内重大发射我们会根据安排现场直播，文昌的发射可以在海滩服务站找到我们，每月也有全球航天发射总结。

本文允许在国内主流平台转载，但必须公开完整保留结尾【其他说明&下载地址】这一段信息！

禁止转载到外网！