配信用 時計オーバーレイ【OBS】7デザイン

配信画面の隅に、うさぎの枠の時計。

くも、ソーダ、いちご、よぞら。7つの枠から選べます。

やることは、設定画面で選んで、1行コピーして、OBS に貼るだけ。

画像を作ったり、合成したりはしません。5分で配信に出ます。

■ できること

・貼るだけで出る

OBS のブラウザソースに1行貼るだけ。

背景は自動で透明になります。着せ替えられる

数字と日付の色 7色、書体 6種類、日付の帯の出す／消す、秒の表示、大きさ。

同じ枠でも、色と書体で印象が変わります。

・配信中に、その場で変えられる

設定画面を OBS のパネル（カスタムブラウザドック）として置けます。

配信中でも、パネルのボタンを押すだけで時計が変わります。

パネルは配信画面には映りません。

■ 7つの枠

ミルクバニー　　にんじんを追いかけて足あとが横切り、星がちらちら光ります

もこもこくも　　星がちらちら光り、雲がゆっくり流れます

キャンディリボン　ハートがふわふわ昇り、星が光ります

おひるネコ　　　足あとが歩き、おさかながゆっくり流れます

しゅわりソーダ　泡が下から昇り、星が光ります

いちごクリーム　いちごとハートと花びらが、ゆっくり降ります

おやすみムーン　星が光り、流れ星がときどき流れます

動きはどれもゆっくり・小さめ。配信の邪魔にならない速さです。

1つずつオン・オフできます。全部止めることもできます。

黒い画面でも白い画面でも読めるよう、数字には白いフチが付いています。

■ 使い方（5分）

zip を展開して、フォルダを日本語やスペースの入らない場所に置きます（例: D:\OBS\）

フォルダの中の config.html をダブルクリックします（ふつうのブラウザで開きます）

好きな枠・色・書体を選びます。右のプレビューがその場で変わります

「この1行をコピー」のボタンを押します

OBS の「ソース」で ＋ → 「ブラウザ」 → OK

「URL」の欄に、コピーした1行を貼ります。「ローカルファイル」にはチェックを入れません

「幅」「高さ」に、設定画面に出ている数字を入れて OK

配信画面に時計が出ます。あとはドラッグで好きな場所へ。

画像つきの手引き（guide.html）を同梱しています。ダブルクリックで開けます。

■ 配信中に変えるには

設定画面に出ている「config.html?dock=1」で終わる1行をコピー

OBS の上のメニューで「ドック」→「カスタムブラウザドック」

ドック名に「時計」など、URL にコピーした1行を入れて「適用」

出てきたパネルを、OBS の好きな場所に貼り付けます

パネルの上に「OBS の時計につながっています」と緑で出れば、あとはボタンを押すだけです。

■ 単品と全部入り

単品　　　好きな枠を1つ

全部入り　7つの枠すべて。1つのフォルダで全部使えます

買い切りです。追加の支払いはありません。

■ 入っているもの

・時計本体（HTML / JS / CSS）

・設定画面（config.html）

・画像つきの手引き（guide.html）

・枠の絵（PNG）

・書体 6種類（SIL Open Font License 1.1。原文を同梱）

・README（手引きの文章版）

■ 動作確認

OBS Studio 32.2.2 / Windows 11 で確認しています。

それ以外のバージョン・OS（Mac など）では確認できていません。

■ ご注意

・「ローカルファイル」にはチェックを入れず、URL 欄に貼ってください

・フォルダは、日本語やスペースの入らない場所に置いてください

・12時間表示に AM / PM は付きません

・時刻はパソコンの時計をそのまま表示します

・時計をいくつも貼っているときは、パネルで変えると全部いっしょに変わります

■ ご利用について

・ご自身の配信・動画でお使いください

・ファイルそのものの再配布・転売はご遠慮ください

・書体は各書体のライセンス（SIL Open Font License 1.1）に従います

■ ご利用について

・収益化している配信・動画でも、そのままお使いいただけます

・クレジット表記は不要です

・色や絵を自分で変えるなど、改変も自由です

・複数のチャンネル、複数人での利用も問題ありません

・ファイルそのものの再配布・転売はご遠慮ください

・書体は各書体のライセンス（SIL Open Font License 1.1）に従います