配信用の目標カウンターを作る（OBS のブラウザソース用・無料・登録不要）

配信中に、ボタンやキーボードで数字を増減する、目標カウンターです。タイトル・目標・テーマを選ぶと、OBS のブラウザソースに貼る URL ができます。下の画面で、そのまま試せます。

別のタブで大きく開く

OBS Studio での使い方

ブラウザソースの基本（URL・幅と高さ・透過・停止と更新の設定）は、OBS のブラウザソースの使い方にまとめています。

1. 上の設定ページで、タイトル・目標・テーマを選びます（右のプレビューで、見た目を確かめられます）
2. 「OBS に貼る URL」の［コピー］を押します
3. OBS の［ソース］の［＋］→［ブラウザ］を追加し、URL 欄にその URL を貼り付けます
4. 幅・高さを調整します（目安: 幅 300 × 高さ 210 ほど。目標に届いたときの表示で横に広がるので、少し大きめに）。背景は透過です
5. 操作するときは、ブラウザソースを右クリック →［インタラクト］を開き、ボタン・キー・数字のダブルクリックで増減します

ここで作った URL は、このサイトのページを OBS が開く形になります（インターネットにつながっている必要があります）。オフラインで使いたいときは、BOOTH の無料版の ZIP を保存して、ファイルの場所を指定してください。

操作のしかた

• ＋（または =、PageUp、↑、→）… 増やす／－（または _、PageDown、↓、←）… 減らす／Shift を押しながら ↑ ↓ ← → … 10 回分／r … はじめの数に戻す
• 表示にマウスを重ねる（または URL に &controls=1）と、［－］［＋］［⟲］のボタンが出ます
• 数字をダブルクリックすると、直接入力できます（全角の数字も可。Enter で確定、Esc で取り消し）
• 目標に届くと、「達成!」の表示になり、光る枠の演出が 1 回出ます（数を戻して、もう一度届くと、また出ます）

よくある質問

数字は、どこに保存されますか？

使っているブラウザ（OBS の内蔵ブラウザを含む）の中だけで、サーバーには送りません。Chrome では、ページを開き直しても、前の数から続けられることを確認しました。OBS でのシーンの切り替え・再起動での保持は、確認できていません。

コメントや視聴者数を、自動で数えられますか？

いいえ。数字を変えるのは、配信者の操作だけです。配信サービスやコメントビューアとは連携しません。

複数のカウンター（死亡回数と、ガチャ回数など）を出したいです。

無料版は、カウンターが 1 つです。別々の URL（設定ページの「保存の名前」を変える）を 2 つのブラウザソースとして追加すれば、2 つ並べられるはずです（別の名前の数字が、別々に保存されることは Chrome で確認しました。OBS での確認はできていません）。1 つの表示に 4 つまとめて出すのは、有料版です。

OBS で動きますか？

OBS 本体での動作は、確認できていません（作成環境に OBS がないため）。確認できたのは、Chrome 157（Windows 11）での自動テストと画面の目視です。大切な配信の前に、必ず事前にお試しください。

同じ店の、配信向けの商品