在国内直播平台直播时,在直播间中显示北京时间要比显示其他时区更为合适。不过,大部分OBS时钟都默认使用本地时间,并不能自由调节时间。
为了解决这一点,另外也为了提供一个精确时间,以便观众更清楚地知道直播流延迟,可以选择将Time.is网站添加到OBS的输入源。由于Time.is本身是一个网页,直接添加的话,会在画布中显示一整个网页,较为难看。不过,OBS为浏览器源提供了自定义CSS的功能,使用这个功能就可以将Time.is的默认页面修改为我们需要的样式。
首先点击OBS中源一栏下面的+,选择浏览器。选择新建,然后取一个名字,并点击确定。随后弹出浏览器源的配置窗口,在URL一栏中输入特定城市的Time.is的地址,比如北京时间为:https://time.is/clock/Beijing
随后,向下滚动配置一栏,找到自定义CSS配置,在其中填入:
/* 修改文字颜色 */
#clock {color: black}
/* 隐藏无关要素 */
#top,#dd,#lC,#menupositioner,#footer{display:none!important}
/* 背景透明化 */
body, #mainwrapper {background-color: transparent}
这一段CSS将会修改字体颜色、消除与时间无关的部分,并将背景转换为透明。修改#clock {color: black}中的black可以修改时间的颜色,更好的适应不同的画面状况。能够使用命名颜色可以参考MDN,当然也可以直接使用诸如RGB等其他方式来精确指定想要的颜色。
最后,可以再额外调整一下输入源的尺寸,减小面积。由于Time.is的文字大小与显示界面的宽度相关,因此这里只建议调整输入源高度,不建议调整宽度。这里宽度使用OBS默认的800,此时高度最低可以设置为143而不至于在源的右边显示垂直滚动条。
最后是这一方式的缺陷,由于是从网页中动态加载,而Time.is随时可能修改网页的设计。如果出现这种情况,很可能需要重新编写自定义CSS。
Comments NOTHING