2つのページ
URLの #room= の後ろが「部屋キー」です。同じキーの操作パネルと表示ページがつながります。
操作パネル
PCのブラウザ・スマホで開く
テーマと項目を決めて「まわす!」を押すページ。
表示ページ
OBSのブラウザソースに貼る
背景が透明なので、ルーレットと当選発表だけが配信画面に重なります。
はじめて使うとき
OBSに一度貼れば、次からは操作パネルを開くだけです。
-
操作パネルを開く
操作パネルを開くと部屋キーが自動で作られ、URLの末尾に
#room=...が付きます。同じブラウザで次に開いたときは、同じ部屋が自動で開きます。 -
OBS用のURLをコピー
操作パネルの「OBSに追加する」にあるURLを「コピー」します。
-
OBSにブラウザソースを追加
OBSの「ソース」の+ →「ブラウザ」を追加して、次のように設定します。
- URL
- コピーしたURL
- 幅・高さ
1080×1080(配信画面に置いてから好きな大きさに縮小)。ルーレットの周りの透明な部分は当選発表の演出用の余白なので、切り取り(クロップ)しないでください- 音声
- 効果音を配信に乗せるなら「OBSで音声を制御する」をオン
-
つながったか確認
操作パネルの右上が 中継:接続中 OBS表示:接続中 になれば準備完了です。
配信中の操作
テーマ
一覧から選ぶと、OBSの表示もすぐ切り替わります。テーマ一覧で全部のテーマを見られます。
項目
1行に1つ書きます(最大100件・1項目60文字まで)。入力をやめると自動で反映されます。
まわす!
OBS側のルーレットが回り、止まると当たった内容が大きく表示されます。
当たった項目は次から外す
オンにすると、当たった項目が自動で消えます。プレゼント抽選に便利です。
リセット
OBSに残っている当選表示を消します。「次から外す」で消えた項目も、外す前の状態に戻ります。
スマホから回す
操作パネルの「スマホで操作する」のQRを読み取ると、スマホでも同じ操作パネルが開きます。PCとスマホのどちらから回しても大丈夫です。
抽選履歴
回した結果が新しい順に残ります。「クリア」で消せます。
操作パネルが使えないとき(予備)
OBSでブラウザソースを右クリック →「対話」を開き、ルーレットをクリックするか、スペースキーを押すと回せます。
設定の保存
- テーマと項目は自動で保存され、次に開いたときもそのまま使えます
- 別のPCやスマホで開いても、同じ部屋なら同じ設定で始まります
- 180日間使わなかった部屋の設定は自動で消えます
注意
操作パネルとOBS用のURLは配信画面に映さないでください
- URLを知っている人は誰でもルーレットを回せます
- URLが漏れたときは、操作パネルの「部屋を作り直す」を押してください。古いURLは使えなくなるので、OBSのブラウザソースに新しいURLを貼り直します
- 抽選はブラウザの暗号論的乱数で決めています。景品を出す企画の場合、景品の扱いは配信者の責任で判断してください
うまくいかないとき
| 症状 | 確認すること |
|---|---|
| 「中継:再接続中…」のまま | ネット接続を確認してください。数秒〜30秒おきに自動で再接続します |
| 「OBS表示:未確認/応答なし」 | OBSのブラウザソースのURLが、操作パネルの「OBSに追加する」と同じか確認してください |
| OBSで背景が透けない | ブラウザソースの「カスタムCSS」を初期値に戻してください |
| 音が配信に乗らない | ブラウザソースの「OBSで音声を制御する」をオンにしてください |
| OBSに「操作パネルで発行した…」と出る | URLの #room=... が抜けています。操作パネルからコピーし直して貼ってください |