【MAC/Windows対応】OBSで現在時刻表示ツール

紹介する現在時刻表示ツールはOBSのブラウザ機能を利用します。一部フォントの設定も可能です。使いづらい部分や不具合ありましたらこちらでご連絡いただければと思います。

09:22:22

使い方

1. OBSのソースに「ブラウザ」を追加する
2. URLに下のテキストをコピー&ペースト
3. カスタムCSSに下のテキストをコピー&ペースト: body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; overflow-y: scroll; -ms-overflow-style: none; /* IE, Edge 対応 */ scrollbar-width: none; /* Firefox 対応 */ } body::-webkit-scrollbar { /* Chrome, Safari 対応 */ display:none;}
4. その他お勧めの設定: ・幅:500 高さ:100; ・FPS: 10

貼り付ける「URL」によってストップウォッチをカスタマイズすることができます。

自動スタート

黒背景

「秒」表示

「ミリ秒」表示

文字の太さ

文字色

フォント

09:22:22

※利用するフォントによって文字太さが変更ができない場合があります。

下のテキストをOBSの[ブラウザソース]の[URL]へコピー&ペーストしてください。

制作&著: ほげ

MAC OBS使い都内某所 Webエンジニアのサラリーマン

2021-11-23

Obs現在時刻ツール・フォント選択できない不具合修正・フォント追加・秒表示設定追加・文字の太さ修正

2020-10-21

Obs現在時刻ツール公開

またいかなる不具合が生じた場合でも自己責任でお願いします。