PotatoHotDog Dynamic Browser Sources te permiten generar y reproducir audio TTS (Texto a Voz) directamente dentro de OBS Studio, sin escribir código C# en Streamer.bot. Esta guía te muestra cómo crear una fuente de navegador dinámica, añadirla a OBS Studio y activar la reproducción desde Streamer.bot con una simple subacción de URL Fetch.
Cada vez que se llama a la solicitud de webhook, PotatoHotDog genera automáticamente la voz, ya sea estática o clonada, y la pone en cola para reproducirse en la fuente del navegador. También puedes personalizar aún más el comportamiento utilizando los editores de JavaScript integrados en la fuente del navegador, como los campos Playing Static Voice Script y Playing Cloned Voice Script.
- Crear una fuente de navegador dinámica
- Agregar la URL de la fuente del navegador a OBS Studio
- Prepara una clave API
- Generar la solicitud de webhook
- Crear una subacción Establecer Argumento en Streamer.bot
- Crea una subacción de obtención de URL en Streamer.bot
- Personalización adicional
- Otros Guías Similares
Crear una fuente de navegador dinámica
Inicia sesión en tu panel de PotatoHotDog y ve a la página de Fuentes Dinámicas del Navegador. Dale a tu nueva fuente del navegador un nombre que reconocerás más adelante, como "Streamer.bot TTS", y luego haz clic en Crear.
Ir a Fuentes Dinámicas del Navegador
Agregar la URL de la fuente del navegador a OBS Studio
Abre la Fuente de Navegador que acabas de crear y copia su URL.
Luego abre OBS Studio, crea una nueva fuente de navegador en tu escena y pega la URL.
Prepara una clave API
Si aún no tienes una, genera una clave API desde tu panel de control y tenla a mano; la necesitarás en el siguiente paso.
Ir a las claves de API
Generar la solicitud de webhook
Abre la página de la API de Voz Estática de Play o la página de la API de Voz Clonada de Play, según el tipo de voz que quieras reproducir. Completa tu clave de API, tu ID de fuente del navegador y el ID de la voz, pero en el campo de texto introduce %potatoText%, que es el argumento de Streamer.bot que configurarás en el siguiente paso.
Reproducir API de Voz Estática Reproducir API de Voz ClonadaUna vez que todos los campos estén completos, copia la URL de la solicitud generada al final de la página; la pegarás en Streamer.bot en un paso posterior.
Crear una subacción Establecer Argumento en Streamer.bot
Abre Streamer.bot y ve a la pestaña Acciones. Crea una acción nueva, o abre una existente; luego haz clic derecho en Sub Acciones y selecciona Añadir, Núcleo, Argumentos y, por último, Establecer Argumento.
Configura la clave del argumento en potatoText, y el valor en un mensaje de prueba, como "Hello world". Este es el mismo argumento $potatoText al que hiciste referencia en la URL de la solicitud del webhook.
Crea una subacción de obtención de URL en Streamer.bot
Debajo de la subacción Establecer Argumento, haz clic en Añadir de nuevo y esta vez selecciona Core, Network y Fetch URL. Pega la URL de solicitud del webhook que copiaste antes.
Guarda la acción, luego pruébala. El audio TTS debería generarse y reproducirse automáticamente a través de la fuente del navegador en OBS Studio.
Personalización adicional
En la página de edición de tu fuente de navegador dinámico, encontrarás los campos Playing Static Voice Script y Playing Cloned Voice Script. Estos te permiten escribir JavaScript personalizado que se ejecuta automáticamente cada vez que se reproduce una instrucción de voz, lo que te permite personalizar por completo el comportamiento más allá de los valores predeterminados.
Esta guía fue publicada por primera vez el 2026-07-13 y fue modificada por última vez el 2026-07-13.
Otros Guías Similares
Aquí tienes otras guías paso a paso que podrían resultarte útiles.
