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

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

10:10:17

使い方

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」によってストップウォッチをカスタマイズすることができます。

文字の太さ

細い太い

10:10:17

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

制作&著: ほげ

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

2020-10-21

Obs現在時刻ツール公開

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