セットアップガイド

OBSのメニュー「ドック」→「カスタムブラウザドック」を開きます。 ドック名（例: つぎまち）と、下のダッシュボードURLを入力して「適用」を押してください。

追加したドックはドラッグで好きな位置に配置できます。縦長（画面の右端など）に置くと使いやすいです。

追加したドックに、ログイン用のコードとQRコードが表示されます。 スマホや普段お使いのパソコンのブラウザでtwitch.tv/activateを開き、表示されたコードを入力してログインしてください。

一度ログインすれば、使い続けている限り自動で維持されます（30日以上OBSを起動しなかった場合のみ再ログインが必要）。

ドック右上のボタン（オーバーレイ編集）を開きます。 表示されたウィンドウ上部のURLをコピーし、OBSの「ソース」→「＋」→「ブラウザ」を追加して、 URL欄に貼り付けてください。幅・高さも設定します。

色・フォント・レイアウトなどの見た目も、このオーバーレイ編集ウィンドウで調整できます。 変更はリアルタイムでプレビューに反映されます。

ドック右上のボタン（設定）を開きます。 参加人数・交代回数・優先順位・チャットコマンド・参加制限・チャンネルポイントを設定できます。

ドックの「受付を開始」を押すと、視聴者がチャットコマンド（!join / !leave）や チャンネルポイントで参加できるようになります。 交代させたいときは「次のゲームへ」を押すだけです。

Stream Deckのキー1つで「次のゲームへ」を実行できます。 まず専用プラグインをダウンロードし、ダウンロードした.streamDeckPluginファイルをダブルクリックしてStream Deckにインストールします。

次にOBSの「ツール → WebSocketサーバー設定」で「WebSocketサーバーを有効にする」をオンにします。 Stream Deck側で「つぎまち → 次のゲームへ」をキーに配置し、OBSのホスト・ポート・パスワードを入力すれば完了です。

つぎまちオーバーレイのブラウザソースが読み込まれている必要があります。