Qué es
El creador de overlays con IA permite crear overlays HTML a partir de instrucciones. No es, por sí solo, la página que debes usar en OBS. Usa aiprompt.html para crear y previsualizar; después usa aioverlay.html para la página resultante.
1. Crea el overlay en la página de instrucciones
- Abrir
aiprompt.html?session=YOUR_SESSION. - Describe qué debe hacer el overlay y qué aspecto debe tener.
- Usa instrucciones concretas: diseño, comportamiento de los mensajes, colores, tiempos de animación y tipos de eventos importantes.
- Usa los controles de vista previa y simula eventos de chat, seguimiento, suscripción, regalo, raid, donación y JSON personalizado.
- Guarda el overlay con un nombre de página claro.
2. Añade la página resultante a OBS
Después de guardar, añade la página resultante como fuente de navegador de OBS. Usa la misma sesión y el mismo nombre de página guardada.
https://socialstream.ninja/aioverlay.html?session=YOUR_SESSION&overlay=chat-overlay
Si el overlay es transparente o solo aparece durante eventos, usa primero los botones de simulación del creador para comprobar que puede mostrarse.
3. Usa plantillas para configurar más rápido
Si necesitas algo fiable rápidamente, parte de una plantilla y personalízala. Usa el creador con IA cuando quieras algo más específico.
Soluciones habituales
- Vista previa en blanco: haz clic en un botón de simulación y revisa el panel de consola.
- OBS en blanco: comprueba que el nombre de la página guardada y la sesión coincidan con los del creador.
- Comportamiento incorrecto de los eventos: prueba con el tipo exacto de evento que esperas, no solo con chat normal.
- El código generado no funciona: usa Revisar y pulir (Review & polish) o simplifica las instrucciones.
- El overlay funciona en el creador pero no en OBS: abre la misma URL de
aioverlay.htmlen un navegador normal primero.