使い方ガイド
QuizJamの導入から配信までの手順を解説します
1必要なもの
2OBSの設定
2-1.ブラウザソースを追加
- 1OBSを開く
- 2「ソース」パネルの＋ボタンをクリック
- 3「ブラウザ」を選択
- 4名前を「QuizJam」にしてOK
2-2.ブラウザソースの設定
| URL | 管理画面で発行されたURLを貼り付け |
| 幅 | 1920 |
| 高さ | 1080 |
| カスタムCSS | 空欄にする（デフォルトを全削除） |
カスタムCSSにデフォルトで入っている
body { background-color: ... } は必ず削除してください。透過背景にしないとゲーム画面が見えなくなります。2-3.ソースの順序を調整
- 1QuizJamのブラウザソースをゲーム画面より上に配置
- 2これでゲーム画面の上にクイズが重なって表示されます
4管理画面の使い方
4-1.カテゴリを選ぶ
- 1出題したいジャンルをタップして選択（複数可）
- 2フリープランは5カテゴリまで、Proは全14カテゴリ
4-2.設定を調整
- 1難易度: かんたん / ふつう / むずかしい
- 2回答時間: 10〜60秒（スライダーで調整）
- 3投げ銭しきい値: Lv.1〜Lv.3の金額を設定
4-3.セッション開始
- 1「セッション開始 / URL発行」ボタンをクリック
- 2表示されたURLをコピー
- 3OBSのブラウザソースのURLに貼り付け
- 4配信中はこの管理画面から操作できます
5配信中の操作
オーバーレイ画面（ブラウザで別途開く）でキーボード操作ができます。
| キー | 動作 |
|---|---|
| N | 次の問題を表示 |
| R | 答えを表示（正解が緑色でハイライト） |
| D | 投げ銭テスト（デバッグ用） |
| C | コメントテスト（デバッグ用） |
| S | サンプル問題にリセット |
OBSでの操作方法: OBSのブラウザソースはキーボード入力を直接受け付けません。 ブラウザでオーバーレイURLを別途開き、そのウィンドウでキーボード操作してください。 OBSにも同時に反映されます。
6トラブルシューティング
コメントビューアーに接続できない▼
コメントビューアーソフトが起動しているか確認してください。設定 → APIタブでポートが11180になっていることを確認。別ポートの場合は管理画面で変更できます。
コメントが流れない▼
コメントビューアーで配信に接続しているか確認してください。テストモードでテストコメントを送ることもできます。
OBSで背景が黒くなる▼
ブラウザソースのプロパティを開き、カスタムCSSの内容をすべて削除してください。background-colorの指定があると透過されません。
オーバーレイが小さい・ずれる▼
ブラウザソースのプロパティで幅1920、高さ1080に設定してください。OBSのキャンバスサイズに合わせてリサイズも可能です。
問題が表示されない▼
管理画面でセッションを開始し、発行されたURLをOBSに設定しているか確認してください。
3コメントビューアーの接続
3-1.コメントビューアーを起動
3-2.配信と接続