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







配信画面にそのまま置ける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 のメッセージからどうぞ。






