メインコンテンツにスキップ
バージョン: 3.5.0

OBSブラウザソース

v3.5.0 から、VRCTはOBS用の字幕ページを配信する小さなHTTPサーバーを内蔵しています。OBSに ブラウザソース を1つ追加してVRCTのローカルURLを指定するだけで、文字起こし／翻訳の結果を配信・録画の画面上に表示できます。外部のオーバーレイツールは不要です。

概要​

  • VRCTがローカル（127.0.0.1 上のHTTPサーバー）で字幕ページを配信します。
  • ページは WebSocket連携 と同じリアルタイムデータで駆動されるため、OBSに表示される内容はVRCTが文字起こし・翻訳した結果と一致します。
  • 文字色とサーバーのポートを設定できます。
情報

これは、生のWebSocketストリームから自作オーバーレイを組む従来の方法を置き換えるものです。従来の方法も引き続き利用できます（WebSocket連携 を参照）が、OBSに表示する用途では内蔵ページが最も簡単です。

有効化方法​

  1. VRCTを開き、コンフィグウィンドウ に移動します。
  2. 詳細設定（または その他）の設定内で、OBS／HTTPサーバーのセクションを見つけて有効にします。ページへのデータ供給にWebSocketサーバーを使うため、WebSocketサーバーも有効なままにしてください。
  3. 設定画面に表示されるURLとポートを確認します（デフォルトのホストは 127.0.0.1）。

Screenshot pending

OBSにブラウザソースを追加する​

  1. OBSの ソース で ＋ → ブラウザ をクリックします。
  2. URL にVRCTの設定画面で表示されたアドレスを設定します（例: http://127.0.0.1:<ポート>/）。
  3. 字幕を表示したい範囲に合わせて 幅 / 高さ を設定します。
  4. OK をクリックします。VRCTが文字起こし・翻訳結果を出力すると字幕が表示されます。

Screenshot pending

設定項目​

設定説明
OBSブラウザソースを有効化内蔵HTTPサーバーを起動／停止します。
ポートページを配信するTCPポート。デフォルトが既に使用中の場合は変更します。
文字色ブラウザソースに表示される字幕テキストの色。
WebSocketサーバー有効にしておく必要があります。ページへリアルタイムデータを供給します。
注記

正確なラベルとデフォルトのポートはコンフィグウィンドウに表示されます。OBSのソースが真っ白になる場合は、HTTPサーバーとWebSocketサーバーの両方が有効で、ポートがOBSのURLと一致しているか確認してください。

トラブルシューティング​

  • ブラウザソースが真っ白: HTTPサーバーとWebSocketサーバーの両方が有効で、設定したポートを他のアプリが使用していないか確認してください。
  • 文字が表示されない: VRCTが文字起こし／翻訳を実行中である必要があります。Voice2ChatboxまたはSpeaker2Logを有効にして確認してください。
  • 文字が読みにくい: VRCT側で文字色を調整するか、OBSでソースの背後にフィルターや背景を追加してください。

関連機能​