如何在OBS直播中添加日期或时间? 您所在的位置:网站首页 直播源码录制怎么弄的 如何在OBS直播中添加日期或时间?

如何在OBS直播中添加日期或时间?

2023-10-30 03:39| 来源: 网络整理| 查看: 265

    我之前有做过相关的技术分享,只不过让这次略有不同的是时间显示样式的不同。

教程:

新建一个文本文档,将下列代码复制进去;

保存后将文本文档的后缀 ".txt" 更改为 ".html";

将该 html 文件视为图层拖入OBS或其他直播软件的画面即可。

自定义样式修改:

如果你没有CSS基础,但想进一步自定义样式,请参考下面参数:

"#clock" 这个项是整个时钟的主题样式,可以进行修改但不要删除大括号。

颜色,可以修改为RGB格式,例:

color: rgb(249, 249, 249, 0.75);

括号中前三个数值对应的是颜色不用解释,而末尾 "0.75" 表示的是不透明度,"1" 表示完全不透明。

字体,可以修改为本地字体。

(如果需要导入其他未安装字体,可以选择从 Google Font 获取 link 或 import 链接。)

字体属性,常见的参数为:"bold" 加粗;"bolder" 更粗。

设置是否让时间行相较于日期行居中。如需要开启,请删除开头横杠 "-"

(居中)(不居中)

字体阴影,可以参考颜色参数进行设置。(如不需阴影,可将该行删除。)

定位,目前的参数是绝对位置,不推荐更改。

边距,如果觉得时钟的位置距离屏幕边框太近,可以适当调高该参数。

也可将 "1%" 的百分比单位,修改为 "1px" 像素单位进行微调。

控制时间行字体大小,可自行将数字调高或调小。

控制日期行字体大小,可自行将数字调高或调小。

其他参数如没有CSS基础请勿轻易修改。

如果失效,多半是因为你误删了某行最后的分号 ";" 导致的,分号决定是否让代码继续运行。

如果想要浏览其他时间样式,请访问我的上一篇教程:OBS 显示时间日期 (无需插件)

欢迎分享,转载请注明作者。

欢迎一切良性讨论!



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有