【OBS配信ウィジェット 全部入り28種】時計・待機画面・テロップ・進捗バー・ルーレット・ビンゴ他｜HTML31本／背景透過・インストール不要・日英

これまで出してきた配信ウィジェットを、28種まとめた「全部入り」です。

すべて単一HTML。OBSの「ブラウザ」ソースに入れるだけで動きます。

インストール・アカウント登録・APIキー・月額、どれも不要です。

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

◆ 収録内容（28種 / HTML 31ファイル）

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

【画面まわり】

・時計 4種（アナログ／パタパタ／7セグLED／ネオン）

・カメラ枠・画面枠 6デザイン（丸型カメラ枠あり）

・名前テロップ（ローワーサード）4デザイン ※ふりがな・肩書き行つき

・コメント枠 6デザイン ※コメントビューアに重ねる「枠」です

・待機画面 4デザイン（開始待ち／休憩／終了＋カウントダウン）

・エンドロール（名前をカンマ区切りで流す・最大6ブロック）

・配信レイアウト枠 4デザイン（ゲーム／カメラ／コメント欄の割付）

・お知らせバー 4デザイン（流れる・切り替わる・積む・固定）

【配信のお供】

・作業タイマー（ポモドーロ）… セット数と円形進捗つき

・スコアボード … 戦績（勝敗分＋勝率）／対戦スコアの2モード

・アンケート・投票ボード … 数字キーで手動集計、2〜8択

・進捗バー・目標ゲージ 4デザイン（バー／リング／セグメント／タンク）

・お礼アラート … フォロー／登録／支援／レイド。紙吹雪つき

・再生中の曲 4デザイン（イコライザ／レコード／カセット／ミニ）

・SNS・リンク表示 4デザイン（9サービス対応・ロゴは自前描画）

・イベントカウントダウン 4デザイン

・天気・最大5日間予報 4デザイン

・配信タイマー（経過時間）4デザイン ※耐久配信向け

・フォロー・登録の誘導ポップアップ 4デザイン（自動で出入り）

・配信スケジュール表 4デザイン（今日の行が自動で光る）

【企画・抽選】

・ルーレット（項目2〜24個）

・スロット（リール2〜5本・大当たり演出）

・サイコロ（1〜5個・2〜100面）

・おみくじ（結果1〜24個・出現比率の指定可）

・あみだくじ（2〜10列・経路をなぞる）

・チーム分け（1〜40人を2〜6チーム）

・ビンゴ抽選機（10〜99・同じ番号は二度出ない）

・カウンター（目標値・単位・上限下限つき）

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

◆ 導入（30秒）

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

1. OBSの「ソース」→「＋」→「ブラウザ」

2. 「ローカルファイル」にチェックを入れ、使いたい .html を選ぶ

3. 幅・高さを入れる（目安は各READMEに記載）

背景は透過なので、そのまま配信画面に重なります。

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

◆ 色もサイズもURLで変えられます

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

「ローカルファイル」のチェックを外し、URL欄に

file:///C:/(場所)/analog.html?theme=gold&scale=1.2

のように書きます。複数指定は & でつなぎます。

?theme= 色のテーマ（使える名前は各READMEに記載）

?accent= アクセント色（#は不要。例 ff88cc）

?color= 文字色

?scale= サイズ倍率

?lang=en 英語表示

この5つは31ファイル全部で使えます。

色のテーマは全ファイル合わせて146通り、デザイン違い（?style=）は

全ファイル合わせて64通りあります。

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

◆ 配信中の動かし方

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

・ソースの「更新」で1回実行（ホットキーに割り当てるとワンボタン）

・右クリック →「対話」でクリック操作

・キーボード操作に対応：作業タイマー／スコアボード／アンケート／進捗バー／

　配信タイマー／ビンゴ／カウンターの7種

・抽選・企画の8種（ルーレット・スロット・サイコロ・おみくじ・あみだくじ・

　チーム分け・ビンゴ・カウンター）は、画面上の⚙ボタンから項目や色を

　その場で編集できます。⚙はマウスを乗せた時だけ出るので、配信には映りません。

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

◆ 記憶する項目

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

スコアボード・アンケート・進捗バー・配信タイマー・ビンゴ・カウンターの

数値は、そのPCに保存されます。ソースの更新・シーン切替・OBSの再起動を

はさんでも消えません（?persist=off で切れます）。

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

◆ 通信について（正直に書きます）

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

・31ファイルのうち、外部と通信するのは「天気」1本だけです。

　予報の取得に Open-Meteo を使います（APIキー・登録は不要）。

・残り30ファイルは通信を一切しません。書体もHTMLに同梱しているので、

　オフラインのPCでもそのまま動きます。

・画像素材を使わない「コード製」なので、拡大してもにじみません。

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

◆ できないこと

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

配信プラットフォームとの連携機能はありません。

・お礼アラートは、名前を手で入れて出す方式です（自動検知はしません）

・再生中の曲は、曲名を手で入れる方式です（音楽アプリとは連携しません）

・コメント枠は「枠」だけで、コメントの取得・表示はしません

・お礼アラートと作業タイマーに音は入っていません

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

◆ 動作環境

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

OBS Studio 28以降のブラウザソースで動作確認済み。

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

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

◆ 同梱物

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

・ウィジェット28種（HTML 31ファイル）

・28個それぞれの取扱説明書（README.txt）

・総合説明書（日本語／English）

・利用規約（日本語／English）・フォントライセンス

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