panda-kaihatsu

80'sシティポップ風のネオングロー配信タイマーです！ネオンピンク・エレクトリックシアン・ウルトラバイオレット・サイバーライム・サンセットオレンジ・シャンパンゴールド・モノクロホワイト・さくらピンクの8色から選べます。 ■ この商品の特徴 ・カウントダウン／カウントアップ（経過時間）をワンクリックで切り替え ・開始・一時停止・リセット、時間の直接入力＆プリセットボタン ・動作中でも±30秒／±1分の微調整が可能 ・残り時間が少なくなると赤く点滅して知らせます ・わんコメ連動（任意）：視聴者が合言葉コメントやギフトを送ると、残り時間が少し延長される参加型の仕掛けつき ■ 変えられるところ ・テーマ8色の切り替え、数字の大きさ、ラベル文字 ・背景パネル・進捗バーの表示／非表示 ・警告演出が始まる残り秒数 ・わんコメ連動のON/OFFと、延長する合言葉・延長秒数・延長回数の上限・ギフト時の延長秒数 パネルで変更すると、OBSの表示に即座に反映されます。保存ボタンはありません。 ■ 導入（3ステップ・1分） 1. zipを展開して、フォルダごと好きな場所に置きます 2. OBSで「ソース」→「＋」→「ブラウザ」を追加し、 　「ローカルファイル」にチェックを入れて view.html を選びます 3. panel.html をブラウザで開いて時間をセットし「開始」を押すだけです ■ 買う前に動きを確認できます view.html を直接ブラウザで開き、URLの末尾に ?demo を足すと、20〜40秒のカウントダウンが自動で動く様子を確認できます。 ■ 動作確認 OBS 30.x（Windows・macOS）、わんコメ 5.x（連動を使う場合） 外部サーバーへの通信はありません。アカウント登録も不要で、オフラインでも動きます。 ■ ライセンス 個人・法人を問わず配信での使用は自由です（商用可）。改変も自由です。 ファイルそのものの再配布・販売はご遠慮ください。 ■ 更新履歴 v1.0（2026-08-12）新規公開 ■ うまく動かないとき OBSのブラウザソースが真っ白になるときの確認手順をまとめています。 https://panda-hq-7af784ab.pages.dev/guide/standalone-widget-not-showing ほかの商品はこちら https://panda-kaihatsu.booth.pm/ ── この色違いでは足りない、というとき 配信の世界観に合わせて、あなた専用のコメント欄をお作りしています。 選択式のシートを埋めて送るだけで、3日以内にお届けします（修正2回まで無料）。 https://panda-kaihatsu.booth.pm/items/8621384 ■ 入っているもの・できること zipの中身は 5 ファイルです。 フォルダ: onecomme-neontimer それぞれのファイルの役割 ・view.html … OBSに映すほうの画面 ・panel.html … 操作パネル（ブラウザで開きます） ・lib/ … わんコメ連動ライブラリ できること ・カウントダウン／カウントアップ（経過時間）の切り替え ・開始・一時停止・リセット ・時間の直接入力（分・秒）とプリセットボタン（1/3/5/10/15/30分） ・動作中でも±30秒・±1分の微調整が可能 ・残り時間が少なくなると赤く点滅して知らせます（秒数は変更できます） ・開始／一時停止／リセット ・モード（カウントダウン／カウントアップ）の切り替え ・時間の直接入力・プリセット・微調整 ・警告演出が始まる残り秒数 ・テーマ8色の切り替え、数字の大きさ、ラベル文字 ・背景パネル・進捗バーの表示／非表示 ・わんコメ連動のON/OFFと各種設定 入っているテーマ ・ネオンピンク（マゼンタ） ・エレクトリックシアン ・ウルトラバイオレット ・サイバーライム ・サンセットオレンジ 買う前に動きを確かめられます ・view.html をブラウザで開いて、URLの末尾に ?demo を足すと、 　実際の動きをその場で見られます。OBSに入れる前に確認できます。 同梱のREADMEに、導入の手順とカスタマイズの方法をもう少し詳しく書いています。