配信で使えるルーレット OBSオーバーレイ
ルーレットを作って、オーバーレイURLをOBSのブラウザソースに貼るだけ。ホットキーやモデレーターのチャットコマンドで、配信中にそのまま回せます。透過背景、アカウント不要、ボットの導入も不要です。
https://randompickerwheel.app/ja/stream-mode/overlay?items=%E3%83%8E%E3%83%BC%E3%83%80%E3%83%A1%E7%B8%9B%E3%82%8A%2C%E3%83%AA%E3%82%B9%E3%83%8A%E3%83%BC%E3%81%8C%E3%82%B2%E3%83%BC%E3%83%A0%E9%81%B8%E6%8A%9E%2C%E5%88%9D%E6%9C%9F%E8%A3%85%E5%82%99%E7%B8%9B%E3%82%8A%2C%E9%AB%98%E9%9B%A3%E5%BA%A6%E3%83%A2%E3%83%BC%E3%83%89%2C10%E5%88%86%E3%82%BF%E3%82%A4%E3%83%A0%E3%82%A2%E3%82%BF%E3%83%83%E3%82%AF%2C%E3%82%BB%E3%83%BC%E3%83%95&bg=transparent&size=mOBSのブラウザソースのURL欄に貼り付けてください。設定はすべてリンクに含まれ、サーバーには保存されません。
オーバーレイを新しいタブで開く- 縛りプレイ・罰ゲーム次の縛りや罰ゲームをルーレットで決めて、リスナーと一緒に盛り上がれます。
- 配信内のプレゼント企画応募者をルーレットに並べて、当選者をその場で公平に決められます。
- 次に遊ぶゲーム決めゲーム、マップ、キャラ、歌枠のリクエスト曲選びに。
- 耐久配信・記念配信目標達成ごとに1回転。モデレーターがチャットから回せます。
5ステップでOBSにルーレットを追加
ブラウザソースを追加
シーンのソース欄で + を押し、ブラウザ を選択。ルーレットなど分かりやすい名前を付けてOKを押します。
URLとサイズを入力
オーバーレイURLを貼り付け、1080p配信なら幅1920・高さ1080に設定します。カスタムCSSはそのままで構いません。
常に動かしておく
表示されていないときにソースをシャットダウン と シーンがアクティブになったときにブラウザの表示を更新 のチェックを外すと、シーンを切り替えても接続や結果が保たれます。
必要ならクロマキー
透過ならそのままでOK。グリーンやマゼンタの場合は、ソースを右クリックして フィルタ からクロマキーを追加し、同じ色を選びます。
対話で回す
ソースを右クリックして 対話 を開くと、そのウィンドウにフォーカスがある間は回すキーが使えます。OBSで音声を制御する にチェックを入れると効果音をミキサーで調整できます。
OBS Studio、Twitch、YouTube などの名称は各社の商標です。本ツールはこれらの企業と提携・承認関係にありません。
配信モードの使い方
ルーレットを作る
項目を入力し、背景・大きさ・位置を選びます。左の16:9プレビューで配信画面での見え方を確認できます。
回し方を決める
対話ウィンドウ用のキーを設定し、モデレーターにチャットで回してもらいたい場合はTwitchのチャンネル名を入力します。
OBSに貼り付け
オーバーレイURLをコピーしてブラウザソースに貼り、このページのOBS設定に従います。本番前に一度テストしましょう。
ライブ配信のための設計
配信サイトごとの回し方
OBSが映像に合成するので、ルーレット自体はどの配信サイトでも表示されます。違うのは回し方です。チャットコマンドはTwitchのチャットだけを読み取ります。それ以外のサイトでは、対話ウィンドウでキーを押すかクリックで回してください。
| 配信サイト | チャットコマンド | 回し方 |
|---|---|---|
| Twitch | 対応(配信者とモデレーター) | チャットコマンド、キー、クリック |
| YouTube Live | 非対応 | 対話ウィンドウでキーかクリック |
| ニコニコ生放送 | 非対応 | 対話ウィンドウでキーかクリック |
| ツイキャス | 非対応 | 対話ウィンドウでキーかクリック |
| Streamlabs Desktop | Twitchのみ | 同じくブラウザソースとして追加 |
オーバーレイURLのパラメータ
設定はすべてURLに入っているので、ブラウザソースのプロパティでリンクを直接書き換えて調整することもできます。
| パラメータ | 値 | 意味 |
|---|---|---|
| items | カンマ区切り、URLエンコード | ルーレットの項目。2つ以上必要。 |
| bg | transparent、green、magenta | ルーレットの背景。 |
| size | s、m、l | 画面の高さに対するルーレットの大きさ。 |
| pos | left、center、right | 横方向の位置。 |
| key | space、enter、none、または1文字 | ソースにフォーカスがあるときに回すキー。 |
| channel | Twitchのチャンネル名 | そのチャンネルでチャットコマンドを有効にします。 |
| cmd | 初期値は !spin | 回すためのチャットの単語。 |
| mods | 0 | チャットから回せるのを配信者だけにします。 |
| confetti | 0 | 紙吹雪をオフにします。 |
うまく動かないとき
ほとんどの場合、原因はルーレットではなくブラウザソースの設定です。
| 症状 | 考えられる原因 | 対処 |
|---|---|---|
| キーを押しても回らない | ソースにフォーカスがない | ソースを右クリックして 対話 を開き、そのウィンドウ内でキーを押します。 |
| チャットコマンドが効かない | チャンネル名の誤り、または送信者がモデレーターでない | URLのチャンネル名を確認し、配信者アカウントで試してください。 |
| シーン切替でリセットされる | シーンがアクティブになったときに更新 がオン | ソースのプロパティでチェックを外します。 |
| 縁に緑が残る | クロマキーの類似性が低い | 類似性を少し上げるか、透過背景に切り替えます。 |
| ルーレットがぼやける | ソースを拡大している | 幅と高さをキャンバスに合わせ、ルーレットの大きさを大にします。 |
Twitch側の仕様変更でチャット接続が使えなくなる可能性があります。その場合もキーでの回転は引き続き使えます。
よくある質問
ログインやボットの導入は必要ですか？
不要です。オーバーレイは匿名・読み取り専用のゲストとしてTwitchチャットに接続するので、パスワードもトークンもボット用アカウントもいりません。投稿やモデレーションもできません。
リスナーがルーレットを回せますか？
直接は回せません。チャットから回せるのは配信者とモデレーター(自分のみ を選んだ場合は配信者だけ)です。リスナーのリクエストを受けてモデレーターがコマンドを打つ運用がおすすめです。
YouTube Liveやニコ生でも使えますか？
オーバーレイとしては使えます。OBSが映像に合成するためです。チャットコマンドはTwitchのみなので、他のサイトでは対話ウィンドウのキーかクリックで回してください。
OBSが裏にあるとホットキーが効かないのはなぜ？
ブラウザソースがキー入力を受け取れるのは、対話ウィンドウにフォーカスがあるときだけです。OBSのグローバルホットキーではページ内のキーを押せないので、サブモニターに対話ウィンドウを開いておくと便利です。
回転の音はリスナーに聞こえますか？
ルーレットはカチカチという効果音を鳴らします。OBSで音声を制御する をオンにすると音声ミキサーに入り、音量調整やミュートができます。
配信中に項目を変更できますか？
できます。ここで新しいルーレットを作ってURLをコピーし、ブラウザソースのプロパティに貼り替えるとソースが再読み込みされます。
結果は本当にランダムですか？
はい。止まる位置は crypto.getRandomValues で決まるため、どの項目も同じ確率です。チャットから結果を操作することもできません。