【配信】投票の板 12デザイン|アンケート結果をOBSに出す|票はクリックか1〜9キーで手入力(コメント自動集計なし)|票数と%・1位が光る・締め切りで結果表示・背景透過・設定ボタン(⚙)つき
- Digital500 JPY







配信画面に出す「アンケートの結果表示」です。「どっちがいい?」の選択肢を並べて、票が入るとバーが伸びます。同じ機能のまま、見た目だけ違うものを12デザインそろえました。 ━━━━━━━━━━━━━━━━━━ ◆ 先にお読みください(いちばん大事なところ) ━━━━━━━━━━━━━━━━━━ このツールは、視聴者のコメントを読みません。自動集計もしません。 票は配信者が手で入れます。OBSの「対話」で選択肢をクリックするか、キーボードの 1〜9 を押すだけです。 「コメントを数えて自動で反映する」ものをお探しの場合は、これは違います。ご購入前に必ずご確認ください。 そのかわり、外部サービスにも配信サイトにもいっさい繋ぎません。アカウントもAPIキーも要りません。向こうの仕様が変わっても、このファイルだけで同じように動きます。 単一HTML・インストール不要・アカウント不要・オフライン動作。OBSのブラウザソースに入れるだけ。背景は透過。日本語/English 切替対応。 ━━━━━━━━━━━━━━━━━━ ◆ できること ━━━━━━━━━━━━━━━━━━ ・選択肢は自分で書けます(1行に1つ、2〜9件。長い文は折り返します) ・クリックか 1〜9 キーで +1(Shift を押しながらで −1) ・票数と%の両方を出せます。票数だけ・%だけにもできます ・いちばん多い選択肢が差し色で光ります(同数なら両方) ・締め切ると «結果» の見た目になり、票が止まって1位に印が付きます ・まだ0票のときも「まだ票がありません」と出て、板として成立します ・1回で増える票は 1 / 5 / 10 … と変えられます(コメントを目で読んで まとめて入れる用) ━━━━━━━━━━━━━━━━━━ ◆ 票の保存について ━━━━━━━━━━━━━━━━━━ 入れた票は、OBSのブラウザの中に保存されます。ソースを更新しても、シーンを切り替えても、OBSを再起動しても残ります。 ただし、OBSのキャッシュを消すと票も消えます。消えても取り戻せるように、次の3つを用意しています。 ・⚙の「いまの票」に、票の数をカンマ区切りで打ち込んで保存する ・⚙の「この結果をURLで持ち出す」に出ている1行を、ブラウザソースのURL欄に貼り直す ・URLに ?votes=18,7,4,2 と書く ⚙を開くと «いまの票» がそのまま欄に出ています。その1行を控えておけば、別のPCでも同じ票から続けられます。 ━━━━━━━━━━━━━━━━━━ ◆ 収録している12デザイン ━━━━━━━━━━━━━━━━━━ ・bar.html … 横バー(見出しの下に帯が横へ伸びます。いちばん素直な形) ・column.html … 縦の棒グラフ(目盛りの線と下の軸つき。棒が下から伸びます) ・pill.html … 丸い帯(番号が丸バッジ。帯の角が完全に丸い) ・neon.html … ネオン(文字も帯も光ります。1位の帯だけゆっくり明滅します) ・terminal.html … ターミナル(CLI風。帯はブロックの連なり。下にカーソルが点滅) ・pixel.html … ドット絵(角を丸めません。帯が段でカクカク伸びます) ・paper.html … 紙の投票用紙(明朝体・罫線・左に四角いチェック欄) ・chalk.html … 黒板(木枠つき。チョークのように少しにじみます) ・card.html … カード(選択肢ごとのカード。数字が主役で、細い帯が下に付きます) ・minimal.html … 極細(板を敷きません。細い線と文字だけ) ・pop.html … 丸文字パステル(白い縁取りの明るい板に、太くて丸い帯) ・ballot.html … 投票箱と札(縦の箱に、札が下から積み上がります) 縦に並ぶのは column / card / ballot の3種、あとの9種は横バーの形です。中身と機能は12種とも同じです。 ━━━━━━━━━━━━━━━━━━ ◆ 票の入れかた ━━━━━━━━━━━━━━━━━━ OBSのソース一覧で右クリック →「対話」を開いてから操作します。配信画面そのものはクリックを受け取らないので、誤って票が入ることはありません。 ・選択肢をクリック … +1 / Shift+クリック … −1 ・1〜9 キー … その番号の選択肢に +1 / Shift+1〜9 … −1 ・Enter キー … 締め切る/受付に戻す(押すたびに入れ替わります) ・0 キー … 票を全部 0 に戻す(1回では戻りません。確認が出るので、もう一度 0 を押します) ・S キー … ⚙ の設定を開く ━━━━━━━━━━━━━━━━━━ ◆ こんな使いかたに ━━━━━━━━━━━━━━━━━━ ・次に何をするか、その場で決める(ゲーム/雑談/歌枠/作業配信) ・2択でどっちか決める(延長する/しない) ・企画の途中経過を出しっぱなしにする ・締めて «結果発表» の画にする ・コメントを目で読んで、5票ずつまとめて入れる ・板を敷かずに、文字とバーだけ配信画面に乗せる ━━━━━━━━━━━━━━━━━━ ◆ 設定ボタン(⚙) ━━━━━━━━━━━━━━━━━━ 見出しも、選択肢も、色も、いまの票も、URLを書き換えずに設定できます。 1. ソース一覧の投票の板を右クリック →「対話」を選ぶ 2. 画面にマウスを乗せると、右上に ⚙ が出ます(出ないときは S キー) 3. 変更して「保存して閉じる」 ・普段 ⚙ は見えないので、配信画面には映りません ・設定は保存され、OBSを再起動しても残ります ・「設定を初期化」で購入時の状態に戻せます(このとき入れた票も 0 に戻ります) ・?key=a ?key=b を付けると、同じデザインでもシーンごとに別の票を持てます ※ 設定と票の保存先はブラウザごとに別々です。Chromeで開いて票を入れてもOBS側には反映されません。OBSで使うぶんは、必ずOBSの「対話」画面の中で入れてください。 ━━━━━━━━━━━━━━━━━━ ◆ 12デザインすべてに共通の設定 ━━━━━━━━━━━━━━━━━━ ・?options=ゲーム|雑談|歌枠 … 選択肢(| 区切り。2〜9件) ・?votes=18,7,4 … いまの票(カンマ区切り) ・?step=5 … 1回で増える票(1〜1000。初期は1) ・?show=both … 数字の出しかた(both=票数と%(初期)/ count=票数だけ / pct=%だけ) ・?bar=total … バーの長さ(total=全体に対する割合(初期)/ max=1位を満杯にする) ・?closed=on … 締め切った状態にする ・?title=次は何をする? … 見出し(空にすると消えます) ・?keys=off … 選択肢の左の番号を消す / ?foot=off … 下の合計の行を消す ・?pos=br … 画面のどこに置くか(tl / tc / tr / ml / mc(初期)/ mr / bl / bc / br) ・?scale=1.6 … 大きさ(0.3〜4)/ ?alpha=0 … 板の下地の濃さ(0で文字とバーだけ) ・?anim=off … バーが伸びる動きを止める ・?theme=mint … 配色(デザインごとに3〜4色) ・?color= / ?accent= / ?bgcolor= … 色を自分で指定(#は不要) ・?lang=en … 英語表示 / ?key=a … 設定と票の保存先を分ける ・?mode=stream … 表示専用(クリックもキーも⚙も効かない) ━━━━━━━━━━━━━━━━━━ ◆ OBSへの入れ方 ━━━━━━━━━━━━━━━━━━ 1. ソース →「+」→「ブラウザ」 2.「ローカルファイル」にチェック → 使いたい .html を選ぶ 3. 幅・高さは 700 x 480 くらいから(column / card / ballot は横に伸びるので 900 x 480 くらい) 4. 背景は透過しているので、そのまま画面のすみに置けます 選択肢を増やすと板が伸びますが、枠からはみ出しそうなときは板ごと自動で縮んで収まります(切れません)。 ━━━━━━━━━━━━━━━━━━ ◆ ご注意 ━━━━━━━━━━━━━━━━━━ ・視聴者コメントの集計はしません。票は配信者が手で入れます ・外部アプリ・API・配信サイトとの連携機能はありません ・効果音はありません(表示のみです) ・票はこのPCのこのOBSに保存されます。OBSのキャッシュを消すと消えます(戻し方は上に書いてあります) ・配信画面そのものはクリックできません。票を入れるときは必ず「対話」を開いてください ・選択肢は2〜9件です。1件では成立しないので初期の選択肢に戻ります ・%は四捨五入して出しています。合計が 99% や 101% になることがあります ━━━━━━━━━━━━━━━━━━ ◆ 特長 ━━━━━━━━━━━━━━━━━━ ・文字もバーもHTMLの図形。どの解像度でもにじみません ・外部への通信は一切ありません(ネット接続不要・Webフォントなし) ・画面に出しているのは «いまの票» だけで、履歴を溜め込みません。長時間つけっぱなしでもメモリが増えません ・動画ではないので容量はごくわずかです ・Chrome/Edge で動作確認済み ・配信可・商用利用可(同梱の利用規約参照) ◆ こんな方に ・アンケート結果を、画像の差し替えで手作業していた方 ・外部サービスに繋ぐタイプの投票ツールが、仕様変更で止まって困った方 ・「どっちがいい?」を、その場で画面に出したい方 万が一素材に不備がありましたらメッセージまでお願いします。 不具合・ご要望は BOOTH のメッセージからどうぞ。






