PotatoHotDog Dynamic Browser Sources は、OBS Studio内で直接 TTS（Text-to-Speech）音声を生成・再生できるようにします。このガイドでは、ダイナミック ブラウザー ソースを作成し、それを OBS Studio に追加し、Streamer.bot の Fetch URL サブアクションを使って再生をトリガーする方法を紹介します。
ウェブフックリクエストが呼び出されるたびに、PotatoHotDog は静的な声またはクローン声を使って自動的に音声を生成し、ブラウザソースの再生キューに追加します。ブラウザソースにある組み込みの JavaScript エディタを使って、動作をさらにカスタマイズできます。たとえば、Playing Static Voice Script フィールドや Playing Cloned Voice Script フィールドなどです。
動的なブラウザーソースを作成
PotatoHotDogのダッシュボードにログインし、Dynamic Browser Sourcesのページへ移動します。後で自分が識別できる名前を新しいブラウザソースにつけてください。たとえば "Streamer.bot TTS" のような名前にしてください。その後、作成をクリックします。
ダイナミック ブラウザ ソースへ
OBS StudioにブラウザソースのURLを追加する
作成したブラウザソースを開き、その Browser Source URL をコピーしてください。
それから OBS Studio を開き、シーンに新しいブラウザソースを追加し、URL を貼り付けてください。
ウェブフックリクエストを作成する
再生したい音声の種類に応じて、Play Static Voice API ページまたは Play Cloned Voice API ページを開きます。APIキー、ブラウザー ソース ID、そしてボイス ID を入力しますが、テキスト欄には %potatoText% を入力してください。これは次のステップで設定する Streamer.bot の引数です。
スタティック・ボイス API を再生 クローンボイス API を再生するすべてのフィールドに入力が完了したら、ページの下部に表示される生成済みのリクエストURLをコピーしてください。後のステップでStreamer.botに貼り付けます。
Streamer.bot で Set Argument のサブアクションを作成します
Streamer.botを開き、Actionsタブに移動します。新しいアクションを作成するか、既存のものを開きます。その後、Sub Actionsを右クリックして、Add、Core、Arguments、そして最後にSet Argumentを選択します。
引数キーを potatoText に設定し、値をテストメッセージ（例: "Hello world"）にします。これは、WebhookリクエストURLで参照した同じ $potatoText 引数です。
Streamer.bot で Fetch URL のサブアクションを作成
Set Argument サブアクションの下で、もう一度 Add をクリックし、今回は Core、Network、Fetch URL を選択します。先ほどコピーした webhook リクエスト URL を貼り付けてください。
アクションを保存してからテストしてください。TTS（テキスト読み上げ）音声が生成され、OBS Studio のブラウザソースを通じて自動的に再生されるはずです。
追加のカスタマイズ
ダイナミックブラウザーソースの編集ページでは、Playing Static Voice Script と Playing Cloned Voice Script のフィールドを見つけることができます。これらは、音声指示が再生されるたびに自動的に実行されるカスタム JavaScript を記述できるようにし、デフォルトを超えた動作を完全にカスタマイズできるようにします。
このガイドは初出が2026-07-13で、最終更新は2026-07-13です。
ほかの類似ガイド
ほかにも、役に立つ使い方ガイドをいくつかご紹介します。
