Configurar el overlay OBS
Requisitos previos
- DJ Live Playlist está en ejecución (el servidor WebSocket se inicia con la app)
- OBS Studio está instalado
Añadir la fuente de navegador
- En OBS, haz clic en + en la lista de Fuentes
- Elige Navegador (Browser Source)
- Dale un nombre, p.ej.
DLP Overlay
Parámetros de la fuente
| Parámetro | Valor |
|---|---|
| URL | http://localhost:9876/dlp |
| Anchura | 800 px (ajustable) |
| Altura | 150 px (ajustable) |
| FPS | 30 |
Marca "Actualizar el navegador cuando la escena se active" para garantizar la reconexión automática.
Posicionar el overlay
En tu escena OBS, mueve y redimensiona la fuente según tus preferencias. El overlay es transparente por defecto — se integra limpiamente sobre tu vídeo o fondo.
¿El overlay no aparece?
Verifica que DJ Live Playlist esté lanzado antes que OBS. Si OBS estaba abierto primero, haz clic derecho en la fuente → Actualizar.
Personalizar la apariencia
En DJ Live Playlist → Configuración → pestaña Overlay:
| Opción | Descripción |
|---|---|
| Tema | Varios estilos visuales disponibles |
| Portada | Mostrar / ocultar imagen del álbum |
| Código QR | Mostrar / ocultar código QR |
| Badge de plato | Mostrar / ocultar nombre del plato |
| Animación | Velocidad y estilo del fade in/out |
Cualquier cambio se aplica en tiempo real en OBS mediante el mensaje CONFIG_UPDATE.