チャレンジバー｜耐久配信の「あとどれくらい？」を1本のバーで（わんコメ対応・OBS素材）

■ 「あとどれくらい？」を、1本のバーで

耐久配信で視聴者がいちばん知りたいのは、

「いま、どこまで進んだの？」です。

チャレンジバーは、その進み具合を配信画面に

1本のバーとして出しっぱなしにします。

コメントで聞かれるたびに口で答える必要がなくなり、

途中から来た人も、画面を見ただけで状況がわかります。

■ 7つの耐久に対応しています

【わんコメが無くても使える3つ】

目標まで耐久 ……「〇〇をクリアするまで終われません」＋経過タイマー

周回カウンター …「+1」で進める周回耐久。1周ごとのラップも記録します

複数目標耐久 ……「A・B・Cをぜんぶ達成するまで」（最大12件・順不同）

【わんコメ連携で自動集計される4つ】

登録者数耐久 …… 登録者数が目標に届くまで

いいね数耐久 …… 高評価の数が目標に届くまで

挨拶100耐久 …… 挨拶した人数をコメントから自動でカウント

同接数耐久 …… 同時接続数。これまでの最高記録を基準にバーが進みます

この4つは、わんコメが無くても操作パネルからの手入力で使えます。

モードはいつでも切り替えられます。切り替えても、タイマーも

それぞれのカウントもそのまま残ります。

「目標に届いたら自動で達成にするか」は、操作パネルから

モードごとに選べます。登録者数のような概数で届く数字は

「自分で押す」、周回カウンターは「自動」、といった使い分けができます。

■「みんなの予想」で、待ち時間が遊びになります

耐久配信でいちばん長いのは「まだ達成していない時間」です。

チャレンジバーは、その時間に視聴者の役割を作ります。

1. 視聴者がコメントで「!予想 5時間30分」と投稿します

（5:30 ／ 5時間 ／ 90分 ／ 5h30m ／ 5.5時間 など、書き方は自由です。

全角の数字でも読み取ります）

2. 画面に予想が並びます（見出しに 件数と平均時間）

3. 達成した瞬間、「答え合わせ」に切り替わります

4. いちばん近かった1人を大きく発表します

（3位 → 2位 → 1位 の順に現れます）

「自分の予想が当たるか見届けたい」が、最後まで見る理由になります。

予想の受付そのものは7つのモードすべてで使えます。

見せ方だけがモードで変わります。「目標まで耐久」では画面の右側を大きく

使った大きな予想ボードが出て、答え合わせもそこで発表します。

ほかのモードでは、画面下のサブ行に件数と平均を添える形になります。

配信者が代わりに入力することも、機能ごと切ることもできます。

■ 6つの見た目

可愛い ／ おしゃれ ／ モダン ／ 自然 ／ 中世ヨーロッパ風 ／ 和風

配信中に、操作パネルからいつでも切り替えられます。

どのテーマも、文字の色は「配信映像の上に重ねたときに読めるか」を

実際にコントラスト比で測って決めています。バーの背景は半透明で

下の映像が透けるため、明るい映像・暗い映像のどちらに重ねても、

いちばん小さな文字まで判別できることを確認しています。

■ 導入は3分。フォルダを置いて、URLを貼るだけです

同梱の START_HERE.html をダブルクリックすると、

OBSに貼るURLがボタン1つでコピーできる案内ページが開きます。

ファイルの場所を自分で調べる必要はありません。

1. フォルダを消えない場所に置く

2. OBSに「ブラウザ」ソースを追加して、URLを貼る（1600×220くらい）

3. カスタムブラウザドックに操作パネルのURLを貼る

4. パネルの緑ランプが点いたら準備完了

※ ブラウザソースの「ローカルファイル」チェックは【外したまま】、

URL欄に file:/// から始まるアドレスを直接入力してください。

チェックを入れるとOBSがページを別あつかいで開くため、

パネルと配信画面がつながりません（README.txt の冒頭に大きく書いています）。

START_HERE.html からコピーすれば、正しい形のURLがそのまま出ます。

■ わんコメ連携版と、単体版の両方が入っています

standalone/ …… わんコメを使わない版

onecomme/ ……… わんコメ連携版（自動集計・コメント予想が使えます）

どちらを使ってもかまいません。使わないほうのフォルダは消せます。

わんコメ連携版は、ZIPを作る必要も、わんコメにテンプレートを

登録する必要もありません。単体版とまったく同じ手順で入ります。

■ 画像ファイルを1枚も使っていません

すべて HTML + CSS + JavaScript です。

バー・旗・紙吹雪・和風の朱印・中世の封蝋まで、全部コードで描いています。

・テーマ・目標値・見出し・演出の強さなどは、config.js をメモ帳で

編集して変えられます（色や大きさそのものを変えたいときは、

style/ の CSS を書きかえます。ご自身の配信用の改変は規約でOKです）

・拡大しても粗くなりません

・外部のサーバーと通信しません（フォントも同梱していて、

Google Fonts の CDN を参照していません）

同梱フォントは8書体すべて SIL Open Font License 1.1 です。

配信者が入力する見出しや目標文言にどんな文字が来ても化けないよう、

日本語フォントは文字を絞り込む加工をしていません。

そのぶんフォルダは約29MBあります（うち28MBがフォントです）。

■ 状態は保存されます

タイマー・カウント・予想・達成状況は、ブラウザの中に保存されます。

OBSを再起動しても、うっかりソースを更新しても続きから再開できます。

タイマーは絶対時刻を基準にしているので、PCがスリープしても狂いません。

翌日の配信に向けては、操作パネルの「新しい配信を始める」を押すだけです。

タイマー・達成・予想・周回カウント・挨拶の集計・同接の最高値が消えて、

目標値やテーマなどの設定はそのまま残ります。

■ 確認状況について（正直に書きます）

【確認できていること】

・macOS版 OBS Studio 32.2.2 での実機動作

・YouTube Live の実配信での、わんコメ経由の自動集計

（登録者数・いいね数・挨拶・同接数）

・5時間半の実配信をまるごと記録して、値の届き方を実測しています

【確認できていないこと】

・Windows版 OBS での実機動作

OSごとに処理を分けるような作りにはしていないので同じように動くはず

ですが、制作者がWindows機を持っていないため確認できていません。

「Windowsで確認済み」とは書けない状態です。

もし動かないことがあれば、ショップのメッセージからご連絡ください。

可能な範囲で対応いたします。

・YouTube Live 以外の配信サービスでの自動連携

わんコメが受け取る情報の形がサービスごとに違うため、

正しく取れない場合があります。その場合は手入力モードでお使いください。

【自動集計の制約（実測にもとづく開示）】

・登録者数は概数です。YouTubeが公開している丸めた値がそのまま届きます。

刻みはチャンネルの大きさで変わります。

実測 …… 登録者 3,770人の枠 → 10人きざみ

登録者22,500人の枠 → 100人きざみ

3,770人の枠では、5時間半の配信をまるごと記録しても値は一度も

変わりませんでした。「登録者＋5人耐久」のような細かい目標は

自動では動かないことがあります。目標は刻みより十分大きく取るか、

達成はパネルの「達成！」ボタンで手動確定してください。

・自動の数字は、10分以上動かないことがあります。

実測（YouTube Live・5時間半）では、5分以上まったく届かないことが

20回あり、いちばん長いときで17.8分止まりました。その間もコメントは

届いていたので、故障ではありません。しばらく待つとまとめて追いつきます。

すぐ動かしたいときは手入力してください。

・配信の途中から起動した場合、それより前のコメントは全部は遡れません。

挨拶のカウントは、わんコメが持っている直近ぶんまでです

（実測では接続した瞬間に75件。別の枠では100件でした）。

配信開始と同時にOBSシーンに置いておく運用をおすすめします。

同じ内容は同梱の README.txt にも書いてあります。

■ 視聴者から届いた情報の扱い（わんコメ連携版）

保存先はお使いのパソコンのブラウザの中だけです。

制作者や外部のサービスには送信しません

（わんコメ以外の外部サービスとは一切通信しません）。

・挨拶の判定用の符号

同じ人を二重に数えないために使います。視聴者のアカウント識別子は

そのままの形では保存しません。この端末だけで作った合言葉と混ぜて

短い符号に変えてから保存します。符号から元の識別子を計算で

取り出すことはできず、他の端末の符号とそのまま並べて

突き合わせることもできません。

※ これは「生の識別子を保存場所に置かない」ための変換です。

匿名化や、再識別できないことを保証するものではありません

（同梱の README.txt にも同じ注意を書いています）。

・挨拶の直近の投稿者名（安全な形に加工した表示名のみ・1件だけ）

・コメントでの予想（名前・予想時間）

・登録者数・いいね数・同接数などの数値と、その取得時刻

コメント本文そのものは、配信画面にもパネルにも表示せず、保存もしません。

視聴者のアカウント識別子はどこにも表示されません。

わんコメを使わない版（standalone）は、視聴者の情報をまったく

受け取らないため、保存もしません。

■ 同梱内容

START_HERE.html …… ダブルクリックで始める案内ページ

README.txt ………… 説明書（導入・設定・困ったとき・開示事項）

LICENSE.txt ……… 利用規約

CHANGELOG.txt …… 更新履歴

themes-preview.html … 6テーマの見本をブラウザで見比べられます

standalone/ ……… わんコメを使わない版

onecomme/ ………… わんコメ連携版

start/ ………… START_HERE.html が使うCSSとJavaScript

fonts/ …………… 同梱フォント8書体（OFL.txt にライセンス全文）

ZIP約29MB / 62ファイル

■ 動作環境

・OBS Studio（ブラウザソースとカスタムブラウザドックが使えるもの）

macOS版 32.2.2 で確認しています

・わんコメ連携版を使う場合は、わんコメ（OneComme）

・単体版（standalone）はインターネットに繋がっていなくても動きます

・わんコメ連携版は、わんコメが配信サービスから情報を受け取るために

インターネット接続が必要です（チャレンジバーとわんコメの間の

やりとりは、同じPCの中だけで完結します）

■ 利用規約

販売者： Lunaris Works

OK …… 個人・法人の配信での利用（収益化配信を含みます）／自分用の改変

NG …… 素材そのもの（改変したものを含む）の再配布・販売・共有

チャレンジバーのクレジット表記は不要です。

※ わんコメ連携版をお使いで、かつ わんコメを無料版でお使いの場合は、

わんコメ側の利用規約で、配信の概要欄などへのクレジット記載が

求められています（これはチャレンジバーとは別のお話です）。

記載例（わんコメ公式の例）:

配信者のためのコメントアプリ「わんコメ」https://onecomme.com

わんコメのFANBOX支援者の方は任意です。最新の条件は

https://onecomme.com/terms/ をご確認ください。

くわしくは同梱の LICENSE.txt をご覧ください。