【無料配布】配信ウィジェット 入門3点｜待機画面・画面フレーム・動く背景｜HTML1枚ずつ・背景透過・設定ボタン(⚙)つき・インストール不要・オフライン・登録不要

配信画面にそのまま置ける3点の無料配布です。

・動きます（画像やAPNGではなく、その瞬間の絵をコードで描いています）

・設定できます（⚙ボタンから、色も文字も大きさも変えられます）

・軽いです（HTMLが1枚ずつ・3枚あわせて約90KB。インストールもアカウントもネット接続も不要）

━━━━━━━━━━━━━━━━━━

◆ 収録（3点）

━━━━━━━━━━━━━━━━━━

■ 待機画面（standby.html）「ひろがる輪」

　開始時刻を入れておくと、そこまでの残り時間が大きく出る全画面です。

　真ん中から輪が静かに広がり、文字を囲む輪が「いま何秒か」を示します。

　開始時刻を過ぎたら、数字が好きな文字に変わります。

　「この画面を開いてから10分後」にもできるので、休憩の画面としてもそのまま使えます。

■ 画面フレーム（frame.html）「ビューファインダー」

　真ん中は完全に透明な枠です。枠の内側には何も描いていないので、

　ゲーム画面やカメラの上に重ねるだけで使えます。

　内側の角丸に沿って、光の線が8秒で1周します。

　太さ・角丸・帯の濃さ・四隅の鉤・文字（「配信中」など）を変えられます。

■ 動く背景（bgloop.html）「流れる菱形格子」

　画面いっぱいに敷く背景です。斜めの菱形格子が2枚、反対向きにゆっくり流れ、

　同じ向きの光の帯が通り過ぎます。24秒でちょうど元の絵に戻ります。

　動画ではないので、つなぎ目もカクつきもありません。

3点とも配色が4色ずつあります。

━━━━━━━━━━━━━━━━━━

◆ 使い方

━━━━━━━━━━━━━━━━━━

・OBS：ソース →「ブラウザ」→ ローカルファイルで .html を指定

　　幅・高さは配信画面と同じ大きさ（例 1920 x 1080）を入れてください

・重ねる順番：動く背景を いちばん下、画面フレームを いちばん上に置きます

・単体：ファイルをダブルクリックしてブラウザで表示

━━━━━━━━━━━━━━━━━━

◆ 設定（⚙）

━━━━━━━━━━━━━━━━━━

・画面にマウスを乗せると右上に ⚙ が出ます（普段は見えないので配信画面には映りません）

・OBSでは、ソースを右クリック →「対話」を開いてから設定してください

・設定は保存され、OBSを再起動しても残ります。「設定を初期化」で元に戻せます

・URLパラメータでも同じ設定ができます（例 standby.html?goalh=21&goalm=30&theme=paper）

・?key=a のように付ければ、同じファイルをシーンごとに別々の設定にできます

・日本語／English 切替（ブラウザの言語で自動判定。⚙やURLで固定もできます）

━━━━━━━━━━━━━━━━━━

◆ ご注意

━━━━━━━━━━━━━━━━━━

・効果音はありません（表示のみです）

・待機画面の開始時刻は「時と分」だけです。日付の指定はできません

・視聴者コメントの集計や、外部アプリ・APIとの連携機能はありません

・画像や動画を差し替えて入れる仕組みはありません

━━━━━━━━━━━━━━━━━━

◆ 動作環境

━━━━━━━━━━━━━━━━━━

・Chrome / Edge で動作確認済み。OBS Studio 28以降のブラウザソース（Chromium）や、

　Streamlabs など、ブラウザソースがある配信ソフトでも同じように使えます

・ネット接続は不要です。外部へは一切通信しません（Webフォントも広告も入っていません）

・書体はお使いのPCに入っているものを使います

・文字はHTMLの文字なので、どんな大きさでもにじみません

・過去のコマを溜め込まないので、長時間つけっぱなしにしてもメモリが増えていきません

━━━━━━━━━━━━━━━━━━

◆ 同じ作りの有料パック

━━━━━━━━━━━━━━━━━━

待機画面は9デザイン入り、画面フレームは16デザイン入りの有料パック（各 ¥500）も

同じ店に置いています。この3点はそれらの抜き出しではなく、別に作ったものです。

━━━━━━━━━━━━━━━━━━

◆ 利用規約

━━━━━━━━━━━━━━━━━━

配信・動画での使用は個人／法人・収益化の有無を問わずOKです。色や大きさの調整も自由です。

データそのものの再配布・転売・共有、および素材としての再販はご遠慮ください。

詳しくは同梱の「利用規約.txt」をご覧ください。

不具合・ご要望は BOOTH のメッセージからどうぞ。