【OBS】カウントダウンタイマー|配信開始・締切・作業時間に(背景透過・8テーマ・設定ページ付き)
- Digital500 JPY






OBSのブラウザソースで使う、背景が透明なカウントダウンタイマーです。「配信開始まで」「締切まで」「作業時間」などに。設定ページ(settings.html)でプレビューを見ながら選び、URLをコピーしてOBSに貼るだけで使えます。 ■ こんな人に ・待機画面に「配信開始まであと○分」を出したい ・締切やイベント当日までのカウントダウンを配信や作業画面に置きたい ・作業配信・耐久配信で経過時間を表示したい ■ できること ・4つの動き方:日時を指定/毎日の時刻(例:毎晩21:00)/○分タイマー/経過時間(カウントアップ) ・8つのテーマ:ガラス・ライト・ネオン・パステル・ポップ・レトロ・フチ文字・ミニマル ・3つのレイアウト:カード/帯/数字だけ ・アニメーション:数字が切り替わるときの動き、残り10秒で脈打つ、0で「START!」がポンと登場(すべてON/OFF可) ・残り時間のバー、超過時間(+00:12)の表示、アクセント色・文字サイズ・配置の変更 ・ソースの大きさに合わせて文字サイズを自動調整 ・タイマーを複数置いて、それぞれ別の設定にできる ■ 中身(ZIP) ・index.html(タイマー本体) ・settings.html(設定ページ) ・config.js(設定ファイル。メモ帳で直接書き換えてもOK) ・README_使い方.txt ■ 使い方(3ステップ) ① ZIPを展開して、フォルダを置き場所に置く ② settings.html をブラウザで開いて選び、「OBS用URLをコピー」 ③ OBSの「ソース」→「+」→「ブラウザ」で、URL欄に貼り付け(ローカルファイルのチェックは外したまま) ■ 動作環境 ・OBS Studio 28以降(ブラウザソースが使えるもの) ・Windows/Mac ・インストール不要・インターネット接続不要(パソコンの中のファイルだけで動きます) ・設定ページは Chrome/Edge/Firefox/Safari などのブラウザで開けます ■ よくある質問 Q. 背景は透明になりますか? A. はい。OBSのブラウザソースではそのまま透過されます。 Q. 毎日同じ時間に配信しています A. 「毎日の時刻」にすると、毎日その時刻まで自動でカウントダウンします(0になったあと30分は終了時の文字を表示)。 Q. フォルダを移動したら表示されなくなりました A. URLにフォルダの場所が入っているため、設定ページでURLを作り直してください。 Q. Streamlabs など他の配信ソフトでも使えますか? A. ブラウザソース(ローカルのHTMLを表示できる機能)があれば使える可能性がありますが、動作確認はOBS Studioで行っています。 ■ 利用規約 ・個人利用・商用配信(投げ銭・メンバーシップ・広告収益のある配信を含む)での使用OK ・配信・動画への使用、色や文字などの改変OK。クレジット表記は不要です ・ファイル一式を、そのまま/改変して再配布・再販売・他サイトへ出品することは禁止です ・本素材の使用によって生じた損害について、制作者は責任を負いかねます ※本素材のプログラム・デザイン・説明文・画像の作成には生成AIを補助的に利用し、制作者が全画面の表示と設定の反映を確認したうえで公開しています。 ■ 更新履歴 v2.0(2026年10月)毎日の時刻・○分タイマー・経過時間モード、8テーマ・3レイアウト、アニメーション、設定ページ、URLでの設定を追加 v1.0(2026年10月)初版





