OBSと連携する

もりあげログをOBSにつなぐと、コメントや演出を配信画面に出せるようになります。 URLを手で貼らなくても、ボタンひとつでOBSにソースを追加できるようになります。

OBS側の設定

1. WebSocketサーバー設定を開く

   OBSのメニューから「ツール」→「WebSocket サーバー設定」を選びます。

   

2. サーバーを有効にして、接続情報を開く

   「WebSocketサーバーを有効にする」にチェックを入れ、「接続情報を表示」を押します。

   

3. パスワードをコピーする

   「サーバーパスワード」の右にある「コピー」を押します。コピーしたら、この小さな窓は閉じて構いません。

   

   このパスワードは、次のもりあげログ側の設定で貼り付けます。

4. 「適用」→「OK」で閉じる

   設定を確定します。OBSは起動したままにしておいてください。

   

もりあげログ側の設定

5. 設定を開く

   もりあげログの左上にある「設定」を押します。

   

6. 「連携」でパスワードを貼り、接続テスト

   左のメニューから「連携」を選びます。「パスワード」の欄に、さきほどコピーしたものを貼り付けてください。
   「接続先URL」は ws://127.0.0.1:4455 のままで大丈夫です。貼れたら「接続テスト」を押します。

   

7. 「接続成功」を確認して保存

   「接続成功（OBS ○○）」と出れば、つながっています。
   「保存」を押し、続けて左下の「保存して適用」を押してから、「ダッシュボード」に戻ります。

   
   つながらないときは
   ・OBSが起動しているか確認してください
   ・パスワードを貼り直してみてください（前後に空白が入っていることがあります）
   ・OBS側で「適用」を押し忘れていないか確認してください

配信画面を作ってOBSに追加する

8. 「機能」→「配信画面一括設定」を開く

   ダッシュボード右上の「機能」を押し、一覧から「配信画面一括設定」を選びます。

   

9. 使う機能を選んで、見た目を整える

   左の一覧で、使いたい機能のスイッチをONにします。名前を押すと、その機能の細かい設定を開けます。
   整ったら上の「全体プレビュー」に切り替えます。

   

10. OBSの画面を背景にして位置を決める

    「OBS画面」を押すと、いまのOBSの映像がプレビューの背景に出ます。 実際の配信画面を見ながら、各機能をドラッグして置き場所を決められます。

    

    背景にOBSの映像が映れば、連携できています。

11. 「OBSに追加」を押す

    右上の「＋ OBSに追加」を押すと、OBSの今のシーンに「もりあげログ」のブラウザソースが追加されます。 URLを手で貼る必要はありません。

    

    OBSの「ソース」に「もりあげログ」が増えていれば成功です。

ちゃんと出るか試す

12. テストのコメントを送る

    ダッシュボードの下にある入力欄から、コメントを送ってみます。

    

13. 配信画面にコメントが出れば完了

    OBSの画面に、送ったコメントが表示されれば設定は完了です。