HOW TO

OBS にカウンターを出す方法

Altolta の配信ツールは、OBS に「ブラウザ」を足して、ファイルを選ぶだけで配信画面に出せます。インストールは要りません。やることは3つ。画像の枠のところを押していけば終わります。

UPDATED2026.10.13TIME3分ほどNEEDSOBS Studio・入手したツールのフォルダ
やることは「ブラウザを足す」「ファイルを選ぶ」「大きさを入れる」の3つだけです。枠のところを押すだけだよ。最初だけ一緒にやってみよう!
STEP 1

「ブラウザ」を足す

1

右クリック →「ソース追加」→「ブラウザ」

OBS の下の「ソース」の欄で右クリックして、①「ソース追加」→ ②「ブラウザ」。

ツールによって足す数が違います
  • 配信に映る画面(overlay.html)と操作盤(control.html)の2つ:ガチャカウントカウンター・勝率カウンター・目標達成リスト・お知らせテロップ など
  • 配信に映る画面だけ:歌枠セットリスト・同時視聴シークバー(操作盤は Chrome や Edge で開く)
  • OBS を使わない:配信スケジュールメーカー

どれかは、各ツールの紹介ページの「使い方の流れ」に書いてあります。

① 右クリックのメニューで「ソース追加」
① 右クリックのメニューで「ソース追加」
② 「ブラウザ」を選ぶ
② 「ブラウザ」を選ぶ
STEP 2

名前を付けて OK

2

overlay や control など

① 名前を入れて、② OK。2つ足すときは、配信に映る画面を overlay、操作盤を control にしておくと迷いません。

① 名前を入れて ② OK
① 名前を入れて ② OK
STEP 3

ファイルを選ぶ

3

「ローカルファイル」にチェック →「参照」

① 「ローカルファイル」にチェックを入れて、② 「参照」から、ツールのフォルダの中の HTML(overlay.html や control.html)を選びます。

フォルダの置き場所
  • フォルダは動かさない場所に置きます。あとで動かすと OBS から見えなくなります(そのときは「参照」で選び直し)
  • フォルダの中のファイルの名前や場所は変えません
① ローカルファイルにチェック ② 参照でファイルを選ぶ
① ローカルファイルにチェック ② 参照でファイルを選ぶ
STEP 4

大きさを入れて OK

4

幅と高さは、ツールの指定どおり

① 幅と ② 高さに、ツールの指定の数字を入れて、③ OK。最初は 800×600 になっています。

  • 配信に映る画面:1920 × 1080(縦型の配信に対応するツールは 1080 × 1920)
  • 操作盤:600 × 900

ツールごとの数字は、各ツールの紹介ページの「仕様」にあります。

① 幅 ② 高さ
① 幅 ② 高さ
③ OK
③ OK
STEP 5

操作盤は画面の外へ

5

配信に映らない場所に置いて「対話(操作)」

操作盤(control)のソースは、配信画面の黒い枠の外へドラッグ。枠の外は配信に映りません。操作するときは、操作盤を右クリック →「対話(操作)」で開きます。

操作盤は「ブラウザ」ソースとして足します。「カスタムブラウザドック」では動きません。

操作盤を配信画面の黒い枠の外へドラッグ(動きのイメージ)
右クリック →「対話(操作)」で開いた窓に操作盤が映る(ガチャカウントカウンターの例)
右クリック →「対話(操作)」で開いた窓に操作盤が映る(ガチャカウントカウンターの例)
STEP 6

押して確かめる

6

ボタンを押すと、配信画面が変わる

「対話(操作)」の窓でボタンを押して、配信画面のカードが変わればできあがりです。

配信画面に出るカードの例(ガチャカウントカウンター)
配信画面に出るカードの例(ガチャカウントカウンター)
TROUBLE

うまく出ないとき

TOOLS

この手順で使えるツール

MORE GUIDES

ほかの記事