OBS 締切カウントダウンタイマー|配信オーバーレイ用 HTML(ブラウザソース・オフライン)
- Digital680 JPY



配信画面に重ねて使える、締切・開始時刻までのカウントダウン表示です。OBS Studio の「ブラウザ」ソースでローカルの HTML を読み込むだけで使えます。外部CDNやWebフォントは使っていないため、オフラインでも動作します。 【できること】 ・残り時間を大きく表示(HH:MM:SS/1日以上は「○日 HH:MM:SS」) ・任意のタイトル文言(非表示にもできます) ・目標日時までのプログレスバー(ON/OFF可) ・到達後のメッセージ表示(例:TIME UP!) ・色(背景・文字・アクセント)を設定ファイルで変更 ・秒の表示ON/OFF、超過時間の表示も選択可 【使い方(かんたん)】 1. ZIPを解凍 2. OBS → ソース → ブラウザ →「ローカルファイル」にチェック 3. index.html を選択(例:幅800×高さ200) 4. 日時や見た目は同フォルダの config.js を編集 → OBSでページ更新 【カスタマイズ例(config.js)】 ・title … 見出し(空にすると非表示) ・target … 目標日時(日本時間なら末尾に +09:00 を付けるのがおすすめ) ・colors … 背景・文字・アクセント色 ・showSeconds / showProgress / finishedMessage など 【内容物(ZIP)】 ・index.html(表示本体) ・config.js(設定) ・README_使い方.txt(OBS追加手順・ライセンス) 【動作環境】 ・OBS Studio(Windows/Mac/Linux)のブラウザソース ・ネット接続不要(ローカルファイルとして動作) ・PCの時計・タイムゾーンが正しいこと(JST想定の説明付き) 【ご利用について】 ・個人利用・商用配信(画面載せ)OK。自己利用のための改変もOK ・本ファイル一式の再配布・再販・他ショップへの出品は不可 ・本商品のHTML/CSS/JS・説明文の作成には生成AIを補助的に利用し、制作者が動作確認(カウントダウン表示・設定反映)を行ったうえで公開しています 更新履歴 v1.0(2026年10月)初版公開


