Comparte este código entre el panel (Chrome) y el overlay (OBS).
2 Idioma de tu voz
¿En qué idioma hablas?
3 Traducción automática
¿Quieres traducir los subtítulos?
Activar traducción
Los subtítulos se mostrarán en otro idioma en tiempo real
4 Diseño del subtítulo
¿Cómo quieres que se vean?
36px
Color de tus palabras
Color del texto traducido
Fondo semitransparente
Facilita leer los subtítulos sobre cualquier imagen
Vista previa
❤ 3.4KEN VIVO⏱ 01:23:45
Hola, ¿cómo están todos?
Hello, how is everyone?
URL para OBS Browser Source
Overlay URL — pegar en OBS
OBS Browser Source
Generando URL...
En OBS: Fuentes → + → Navegador (Browser Source)
Pega la URL en el campo "URL"
Ancho: 1920, Alto: 1080
En "CSS personalizado" agrega: body { background-color: rgba(0,0,0,0) !important; }
¡Listo! Habla en Chrome (esta pestaña) y los subtítulos aparecen en OBS
Modo local: El panel de voz funciona en esta misma pestaña de Chrome.
Los subtítulos se envían al overlay en OBS mediante BroadcastChannel (comunicación entre pestañas del mismo Chrome).
Si el micrófono en OBS no funciona, abre también
panel.html en Chrome y habla desde ahí.
URLs para Render + OBS
Panel URL — abrir en Google Chrome
Chrome
Generando URL...
Overlay URL — pegar en OBS
OBS Browser Source
Generando URL...
Abre la URL del Panel en Google Chrome en tu PC y presiona "Iniciar subtítulos"
En OBS: Fuentes → + → Navegador (Browser Source)
Pega la URL del Overlay en OBS
Ancho: 1920, Alto: 1080
En "CSS personalizado" agrega: body { background-color: rgba(0,0,0,0) !important; }
¡Listo! Habla en Chrome → servidor Render → subtítulos en OBS
Modo Render: El código de sala
ABC123
conecta el Panel (Chrome) con el Overlay (OBS) a través del servidor.
Ambos deben usar el mismo código.
Si cambias de código, regenera ambas URLs y vuelve a pegarlas.