作業配信・勉強配信の画面に、 「ポモドーロタイマー」「今日のタスク」「集中した回数」「いまは集中/休憩」を 1つのパーツでまとめて表示できる、OBS のブラウザソース用ウィジェットです。 背景は透明なので、配信画面の上にそのまま重ねられます。 ■ できること ・ポモドーロタイマー(初期 集中25分/休憩5分、4回ごとに長い休憩15分。分数は自由に) ・「集中」「休憩」「長い休憩」を色つきのラベルで表示(呼び名も変えられます) ・残り時間と進み具合のバー ・集中した回数(セッション数)と目標の回数「2 / 8 セッション」 ・今日のタスク(最大12個)。チェックを付けると線が引かれ、次のタスクに「いまここ」の印 ・読み込んだ瞬間から自動で回り続けるので、配信中に触らなくても大丈夫 ・止める・次へ進む・タスクにチェックするときは、OBS の「対話」画面でクリックかキー操作 (スペース=開始/一時停止、S=次へ、R=やり直し、1〜9=タスクのチェック) ・OBS を再起動したりシーンを切り替えたりしても、回数・チェック・タイマーは続きから ・切り替わりの音(任意。初期設定はオフ。音声ファイルを使わず HTML の中で鳴らします) ■ 設定ページつき 同梱の settings.html をブラウザで開き、色・レイアウト・時間・タスクを選ぶと、 OBS に貼る URL と、ブラウザソースの幅・高さの目安が出ます(プレビューつき)。 URL のパラメータを直接書いて設定することもできます(README に一覧)。 ■ 内容(製品版) ・widget.html(ウィジェット本体) ・settings.html(設定ページ) ・README.txt(使い方・設定の一覧・利用規約) 色: ミッドナイト / サクラ / ミント / モノクロ / サンセット レイアウト: 横型(通常の配信)/ 縦型(縦型配信・画面の端に) ※ 無料版は ミッドナイト・横型のみ(機能は製品版と同じです)。まず無料版でお試しください。 ■ 安心して使えるように ・インターネットに接続しません(フォント・画像・音も外部から読み込みません) ・パソコンの中のファイルだけで動きます(サーバー・アカウント登録は不要) ■ 動作について ・OBS Studio のブラウザソースで使う想定で作っています。 ・制作時の確認は Google Chrome(パソコン版)で行いました。 OBS のブラウザソースも Chrome と同じ仕組み(Chromium)で表示されます。 ■ 利用規約(要約。全文は README.txt) ・商用利用可(収益化した配信・企業案件の配信、録画・アーカイブ・切り抜き動画で使えます) ・改変可 / クレジット表記不要 ・ファイルの再配布・再販売・譲渡は禁止 ※ OBS Studio は OBS Project の製品です。本商品は OBS の公式の商品ではありません。 ※ 制作に Claude Code(AI)を利用しています。