【OBSブラウザソース】配信ウィジェット集 11種|るか|タイマー・目標カウンター・通知・待機画面
- Digital980 JPY



OBSのブラウザソースにローカルファイルを指定するだけで使える、動く配信ウィジェット集です。 淡いピンクのテーマと、ヘッドセットをつけたキャラクター「るか」が入っています。 ■ 入っているもの 01 配信タイマー(経過時間) 02 ポモドーロ(作業25分/休憩5分を自動切替・通知音つき) 03 カウントダウン(指定日時まで) 04 待機画面(カウントダウン+進捗バー+キャラ) 05 目標カウンター(フォロワー数の進捗バー) 06 ダッシュボード(タイマー+目標をまとめて表示) 07 時計(時刻と日付) 08 通知ポップアップ(showAlert(name, label) で呼び出し) 09 スクロールテロップ(下部を流れるお知らせ) 10 スケジュール(今週の配信予定) 11 リンク一覧(SNSバッジ) + キャラクター「るか」(アニメーション付き) ■ テーマ 7種 cute / sakura / midnight / mono / neon / retro / gamer URLに ?theme=sakura を付けるだけで切り替わります。 ■ こだわったところ ・インストール不要。HTMLファイルを開くだけ ・ネット接続不要。配信中に通信が切れても止まりません ・画像はアップロードされません。すべて端末内で処理 ・通知音はブラウザ内で生成(音源ファイルなし) ・色・ラベル・目標値はURLパラメータか設定画面で変更でき、端末に保存されます ■ こんな方に ・配信画面をかわいく整えたい ・タイマーや目標バーを出したいけど、素材を探すのが面倒 ・無料素材を集めたらデザインがバラバラになった ■ 動作環境 OBS Studio(Windows / Mac)のブラウザソース Streamlabs OBS でも同じ手順で使えます ■ 使い方 1. ZIPを解凍 2.「はじめにお読みください.html」を開く(図解入り) 3. OBSで「ブラウザ」ソースを追加し、「ローカルファイル」にチェック → index.html を選ぶ 4. URLの末尾に ?w=timer などを付ける ■ ご利用について ・個人/法人を問わず、収益化している配信・動画でも使えます ・色や文字の変更は自由 ・クレジット表記は不要 ・ファイル自体の再配布・再販売は禁止 ■ 制作について キャラクター画像はAI生成(Grok Imagine)を使用し、背景処理と調整を加えています。ウィジェットと素材(SVG)は自作です。 ■ サポート 表示されない場合はメッセージでご連絡ください。


