デジタル時計
ネオン・ミニマルなど4スタイル対応のカスタマイズ可能な時計。
フルスクリーン表示・OBS/Streamlabs配信オーバーレイURL自動生成付き。
⚙️ スタイル設定
📺 OBSオーバーレイURL
OBSへの設定手順
- OBS Studio を開く
- 「ソース」パネルの 「＋」 をクリック
- 「ブラウザ」 を選択して名前をつけてOK
- 上のURLを 「URL」欄 に貼り付け
- 幅・高さを調整（目安：時刻のみ → 420×110、日付あり → 420×150）
- 透明にならない場合は「カスタムCSS」に
body { background-color: rgba(0,0,0,0) !important; }
を追加 - 「OK」 を押して完了
🎯 デジタル時計の活用シーン
OBSにURLを貼るだけ。ネオンスタイルで配信画面に映えるオーバーレイ時計を設置。
ミニマルスタイルで画面隅にシンプルな時計を表示。集中力を保ちながら時間を把握。
フルスクリーンボタンで大画面表示。会場モニターに時計を映して時間管理に活用。
タイムゾーン切替でニューヨーク・ロンドンなど現地時間を表示。時差の把握に便利。
レトロスタイルで会場モニターに表示。エントリー受付・チームの待機画面に。
タブで常時開いておくだけ。作業中でもいつでも正確な時刻を確認できます。
📖 使い方・豆知識
左の設定パネルでデザイン・文字色・サイズを変更すると、右のプレビューにリアルタイムで反映されます。気に入った設定になったら「OBSオーバーレイURL」のURLをコピーしてOBSに貼り付けましょう。
OBS Studioの「ソース」→「＋」→「ブラウザ」にURLを貼り付けるだけで時計が配信画面に重なります。透明背景に対応しているため、ゲーム画面に馴染む自然なオーバーレイが作れます。設定を変えたら新しいURLを再設定してください。
ゲーム・Vtuber配信には発光感のある「ネオン」が人気。作業・勉強配信にはすっきりした「ミニマル」がおすすめです。「レトロ」はレトロゲーム風のイベント配信にも映えます。「シンプル」はグラデーション背景でスタイリッシュな印象に。
「フルスクリーン」ボタンを押すと時計が画面全体に拡大されます。プレゼン・発表会・イベントのカウントダウン表示として会場モニターに映す際に便利です。Escキーまたは画面上の「閉じる」ボタンで通常表示に戻ります。
🛒 配信・デスク環境グッズ
OBS配信や作業環境の強化に役立つアイテム
💬 よくある質問
body { background-color: rgba(0,0,0,0) !important; } を追加してください。