配信用デジタル時計（OBSオーバーレイ対応）

🕐 OBSの配信画面に時計を表示する方法

配信画面に現在時刻を出したいとき、OBSには標準の時計ソースがありません。このページで生成されるURLを「ブラウザソース」として追加すれば、プラグインを入れずに透明背景の時計を配信画面へ重ねられます。YouTube Live・Twitch・ツイキャスなど配信先は問いません。

主な特徴

文字サイズを段階的に変更でき、離れた場所からでもはっきり読み取れます。24時間表示と秒数表示の切り替えや、日付・曜日の表示にも対応しています。

OBSへの追加手順（3分）

1. 左の設定パネルでスタイル・色・サイズを決める（配信画面に合わせて「背景：透明」のまま）
2. 「OBSオーバーレイURL」の URLをコピー
3. OBS Studio の「ソース」→「＋」→「ブラウザ」を選び、URL欄に貼り付け
4. 幅・高さを入力（時刻のみ 420×110、日付つき 420×150 が目安）→ OK
5. プレビュー上でドラッグして位置を決める。画面の右上か左上に置くと、ゲーム画面やカメラ映像と干渉しにくくなります

Streamlabs Desktop も同じ「ブラウザソース」があるので手順は同じです。設定を変えたらURLも変わるため、変更後は新しいURLをOBS側に貼り直してください。

透明背景にならないとき

ブラウザソースの「カスタムCSS」欄に body { background-color: rgba(0,0,0,0) !important; } を追加してください。それでも黒く出る場合は、このページの背景設定が「透明」以外になっていないかを確認し、URLを生成し直します。

配信で見やすい設定の目安

ゲーム配信のように画面が動く場合はネオンかミニマルで文字を太めに、雑談・作業配信のように背景が落ち着いている場合はレトロやシンプルが馴染みます。秒表示はオフにすると視聴者の目が時計に引っ張られにくくなります。海外向け配信では、タイムゾーンを視聴者側の地域に合わせて表示することもできます。

フルスクリーン・卓上時計として

フルスクリーン表示にすれば、使っていないノートPCやタブレットを置き時計代わりに活用できます。デスクワーク中の時刻確認や、勉強・作業スペースの卓上時計としても便利です。