Configurer l'overlay OBS
Prérequis
- DJ Live Playlist est lancé (le serveur WebSocket démarre avec l'application)
- OBS Studio est installé
Ajouter la source navigateur
- Dans OBS, cliquez sur + dans la liste des Sources
- Choisissez Navigateur (Browser Source)
- Donnez-lui un nom, par exemple
DLP Overlay
Paramètres de la source
| Paramètre | Valeur |
|---|---|
| URL | http://localhost:9876/dlp |
| Largeur | 800 px (ajustable) |
| Hauteur | 150 px (ajustable) |
| FPS | 30 |
Cochez "Actualiser le navigateur quand la scène devient active" pour garantir une reconnexion automatique.
Positionner l'overlay
Dans votre scène OBS, déplacez et redimensionnez la source selon vos préférences. L'overlay est transparent par défaut — il s'intègre proprement sur votre vidéo ou votre fond.
L'overlay ne s'affiche pas ?
Vérifiez que DJ Live Playlist est lancé avant OBS. Si OBS était ouvert en premier, faites un clic droit sur la source → Actualiser.
Personnaliser l'apparence
Dans DJ Live Playlist → Configuration → onglet Overlay :
| Option | Description |
|---|---|
| Thème | Plusieurs visuels disponibles |
| Pochette | Afficher / masquer l'image de l'album |
| QR code | Afficher / masquer le QR code |
| Badge de platine | Afficher / masquer le nom de la platine |
| Animation | Vitesse et style du fade in/out |
Toute modification est appliquée en temps réel dans OBS via le message CONFIG_UPDATE.