本文へスキップ

【2026年版】OBSで透過ルーレットを表示する方法

配信でプレゼント企画やリスナー参加型イベントをやりたいけど、ルーレットの設定方法がわからない...そんな方向けに、OBS Studioで透過ルーレットを表示する方法を画像付きで解説します。無料で始められます。

設定は5分。まずURLをコピーするところから。

今すぐ試す →

キメトクとは?

キメトクは配信者向けの無料抽選アプリです。名前ルーレット、スロット、シャッフルカード、くじ引き、ランキング発表など5種類の抽選モードを搭載しており、OBSで透過表示することで配信画面にそのまま重ねられます。

5種類の抽選モード
ルーレット・スロット・カード・くじ・ランキング
OBS透過対応
配信画面にそのまま重ねられる
紙吹雪エフェクト
当選時に華やかな演出
無料で始められる
ブラウザですぐに使える

キメトクのルーレットを体験

OBSに表示される実際のルーレットをここで試せます。

グリーンバック

※ デモ版です。キメトクで試す →

OBSでの設定手順

1

OBSでブラウザソースを追加

OBS Studioを開き、「ソース」パネルの下にある「+」ボタンをクリックします。表示されるメニューから「ブラウザ」を選択し、新規作成でわかりやすい名前(例:「ルーレット」)を付けます。

2

キメトクのURLを設定

プロパティ画面で以下のように設定します:

  • URL: https://kime-toku.com
  • 幅: 1280
  • 高さ: 720
3

透過設定を有効化(重要)

同じプロパティ画面で、以下の設定を行います:

  • 「カスタムCSS」欄の内容をすべて削除して空にする
  • 「背景を透過させる」にチェックを入れる

これで背景が透明になり、ルーレットだけが配信画面に表示されます。

図: ブラウザソースのプロパティ画面。ゴールドで示した箇所だけ触ります。
項目設定値この値にする理由
URLhttps://kime-toku.com抽選画面をそのまま読み込む
幅 / 高さ1280 / 720配信解像度に合わせる。小さすぎるとルーレットが潰れる
カスタムCSS初期値が入ったままだと背景色が上書きされ、透過が効かない
背景を透過させる✓ ONこれを外すと白背景ごと配信に乗る。透過の可否はここで決まる
表示されていないときにソースをシャットダウンOFF 推奨ONだとシーンを切り替えるたびにページが再読み込みされ、画面に出ている抽選結果や再生中の演出が消える(参加者リストはブラウザに保存されるので残る)
4

キメトクを操作して抽選開始

配信画面でキメトクを操作するには、ブラウザソースを右クリックして「対話」を選択します。これでキメトクの画面を直接操作できるようになります。

  1. 左側のテキストエリアに参加者名を入力(1行1人)
  2. 抽選モードを選択(ルーレット、スロットなど)
  3. 「スタート」ボタンをクリック

💡 配信用の透過ルーレットに、もう財布もセットアップも悩まない
配信用の透過ルーレットは有料配布のものも少なくありませんが、キメトクはブラウザを開いた瞬間から無料で、アカウント登録もインストールも要りません。「やってみたい」と思った配信のその日に、課金も準備も気にせず本番の演出だけに集中できます。OBS透過は標準対応で、追加プラグインも不要です。

設定は5分。次の配信から、抽選のたびに画面を切り替える必要がなくなります。

キメトクを開いてURLをコピーする →

ブラウザソースを「対話」で操作する方法には、ひとつ弱点があります。参加者リストを打ち込んでいる最中の画面も、配信に乗ってしまうことです。当選者を入力し直したいときや、次の企画の名前を仕込みたいときに困ります。

キメトクには、抽選の描画だけを別ウィンドウに切り出す「配信画面」があります。操作は手元のウィンドウ、配信に映るのは抽選だけ、という分担ができます。

1

手元のブラウザでキメトクを開く

OBSではなく、いつも使っているブラウザで開きます。ここが操作用の画面になります。

2

右下の「配信画面を開く」を押す

抽選の描画だけを表示する別ウィンドウが開きます。設定パネルもボタンも映りません。

3

OBSの「ウィンドウキャプチャ」で取り込む

「ソース」→「+」→「ウィンドウキャプチャ」で、開いた配信画面のウィンドウを選びます。以降は手元で操作するだけで、配信側に反映されます。

元の画面をリロードしても同期は切れません。配信中にうっかり再読み込みしても、配信画面はそのまま生きています。

比較ブラウザソース配信画面+ウィンドウキャプチャ
背景の透過◯ そのまま透過△ クロマキーが必要な場合あり
操作画面が映るか映る(対話中)映らない
向いている使い方設定して置いておくだけ配信中に何度も抽選する

💡 補足: 配信画面は、手元のブラウザで開いている間だけ同期します。OBS へはウィンドウキャプチャで取り込んでください。OBS のブラウザソースに popup.html のURLを直接入れる方法は、OBS が手元のブラウザとは別のブラウザとして動くため、手元の操作が届かないことがあります。

グリーンバックを使う方法

透過設定がうまくいかない場合や、他のソフトウェアでクロマキー合成する場合は、グリーンバックモードを使用できます。

  1. キメトクのサイドバーで「グリーンバック」をONにする
  2. OBSで「フィルタ」→「クロマキー」を追加
  3. 「色キータイプ」で「緑」を選択

⚠️ 注意: グリーンバックモードは透過設定より画質が劣化する場合があります。可能な限り「背景を透過させる」設定の使用をおすすめします。

よくあるトラブルと解決方法

背景が透過されない

「カスタムCSS」欄にデフォルトのCSSが残っていると透過されません。欄の内容をすべて削除してください。また、「背景を透過させる」にチェックが入っているか確認してください。

ルーレットが表示されない

URLが正しく入力されているか確認してください。https://を含めた完全なURL(https://kime-toku.com)を入力する必要があります。

操作ができない

ブラウザソースを右クリックして「対話」を選択すると操作できるようになります。「対話」モードを終了するには、Escキーを押すか、他の場所をクリックしてください。

よくある質問

配信用のルーレット・抽選ツールはありますか?

キメトクは配信者向けの無料抽選ツールです。OBS Studioの透過背景に対応しており、配信画面にルーレットをそのまま重ねて表示できます。YouTube Live、Twitch、その他の配信プラットフォームに対応しています。

VTuberの配信でもルーレットを使えますか?

はい、キメトクはVTuberの配信でも使えます。OBSの透過背景モードを使えば、アバターの上にルーレットを重ねて表示できます。紙吹雪エフェクトやドラムロール演出で視聴者参加型企画を盛り上げられます。

配信中にルーレットが表示されない場合は?

OBSの設定で「カスタムCSS」欄を空にし、「背景を透過させる」にチェックが入っているか確認してください。また、ブラウザソースの幅と高さが適切に設定されているか確認してください。

次の配信、視聴者と一緒に、『あの瞬間』を。