Configuración de Overlays en OBS Studio / Streamlabs
Todos los efectos visuales y sonoros de Core Deck (reloj extensible, botonera de audio, metas neón, contadores PXG, sorteos, trivias y Wordle) se integran en tu transmisión mediante Fuentes de Navegador (Browser Source) con fondo 100% transparente.
🗂️ Catálogo de Overlays Disponibles en Core Deck
Cada módulo cuenta con su propia URL independiente para que puedas acomodar y redimensionar cada elemento libremente en tus escenas de OBS:
| Overlay / Widget | Dónde Copiar la URL | Uso en Escena |
|---|---|---|
1. Reloj Extensible (Timer) | Config → Ajustes | Muestra la cuenta regresiva en vivo (STACK o FLIP). |
2. Receptor de Audio (Deck & Chat) | Config → Ajustes | Reproduce los sonidos disparados desde el Dashboard, el Sound Deck y los Comandos de Chat (!comando). |
3. Metas del Stream (Goals) | Config → Metas (botón COPIAR en cada meta) | Muestra la barra de progreso o silueta neón rellenable de esa meta específica. |
4. Proyectos Pokémon (PXG) | Config → Juegos (botón COPIAR LINK OBS) | Muestra la tarjeta o píldora con el contador DROP o CATCH del Pokémon. |
| 5. Sorteo — Modo Ruleta | Sorteos → Ruleta Clásica | Muestra la ruleta animada, el giro y el cartel del ganador con confeti. |
| 6. Sorteo — Modo Chat | Sorteos → Sorteo por Chat | Muestra la palabra clave activa, los usuarios anotados en vivo y la cuenta regresiva de 5s al elegir ganador. |
| 7. Quizz (Trivia en Vivo) | Quizz (botón OBS URL en la cabecera) | Muestra las preguntas, temporizador, respuestas correctas, tabla y podio final. |
| 8. Wordle en Vivo | Wordle (botón Copiar URL OBS en la cabecera) | Muestra la palabra oculta, pistas, banco de letras desordenadas y tabla de posiciones. |
💻 Cómo Añadir un Overlay en OBS Studio (Paso a Paso)
Paso 1: Copiar la URL desde Core Deck
Dirígete al módulo correspondiente en Core Deck y pulsa el botón Copiar URL.
Importante: Tu URL incluye tu identificador privado
?room=.... No la muestres en pantalla mientras estás transmitiendo.
Paso 2: Crear la Fuente de Navegador en OBS
- En OBS Studio, dirígete al panel Fuentes (
Sources) y haz clic en el botón+. - Selecciona Navegador (
Browser). - Escribe un nombre identificativo (por ejemplo:
Core Deck - Audio,Core Deck - RelojoCore Deck - Ruleta) y pulsa Aceptar. - En la ventana de propiedades, configura los siguientes valores recomendados:
• URL: [Pega aquí la URL copiada desde Core Deck]• Ancho (Width): 1920• Alto (Height): 1080• Controlar audio mediante OBS: Activado (Recomendado para el Overlay de Audio)• Actualizar el navegador cuando la escena se active: Opcional (Déjalo desmarcado en el Overlay de Audio para no cortar sonidos)🔊 Recomendación Especial para el Overlay de Audio
Para que los sonidos de tu Sound Deck y de tus Comandos de Chat suenen siempre sin interrupciones:
- Agrega la URL del Overlay de Audios (
/overlay/audio?room=...) en tu escena principal (o como fuente global). - Marca la casilla “Controlar audio mediante OBS”: esto creará un deslizador de volumen propio en el Mezclador de Audio de OBS para que puedas regular los decibelios o aplicar filtros a los sonidos de Core Deck.
- Si deseas escuchar los sonidos de OBS por tus propios auriculares además de enviarlos al stream, abre las Propiedades de Audio Avanzadas en el mezclador de OBS y cambia la Monitorización de audio de esa fuente a “Monitorización y salida”.