← Todas las guías

Now Playing · Actualizado 03-06-2026

Configurar Now Playing para OBS

Muestra canción activa, portada y progreso en OBS usando Music Bridge v1.8.0 sobre SMTC en Windows.

Cómo configurar el widget Now Playing para mostrar canción activa, portada, barra de progreso y tiempos en el overlay de OBS.


Elegir una fuente de música


Prioridad de fuentes

Cuando el bridge está activo, esa es la fuente principal del widget. Si no hay una pista detectada, el overlay pasa a estado idle en lugar de mostrar la última canción congelada.

Si usas Music Bridge, mantén el programa abierto mientras emites.


Personalizar el diseño del widget

En Configuración avanzada dentro del panel Now Playing puedes definir CSS, HTML y JavaScript personalizados.

CSS básico

.np-root {
  background: rgba(0, 0, 0, 0.75);
  border-radius: 12px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: sans-serif;
}

.np-art {
  width: 48px;
  height: 48px;
  border-radius: 6px;
  object-fit: cover;
}

.np-track {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}

.np-artist {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}

HTML personalizado

<div class="np-root">
  <img class="np-art" src="{albumArt}">
  <div class="np-info">
    <div class="np-track">{track}</div>
    <div class="np-artist">{artist}</div>
  </div>
</div>

Variables disponibles: {track}, {artist}, {album}, {albumArt}, {isPlaying}.

Si el campo HTML se deja vacío, se usa el diseño predeterminado.


Solución de problemas

SíntomaCausa probableSolución
Bridge desconectado en rojoEl .exe no está corriendoEjecuta LeksimusMusicBridge-1.8.0.exe
Bridge conectado pero sin canciónEl reproductor no comparte la pista activa con WindowsReproduce algo y verifica que aparezca en los controles multimedia de Windows
Portada no apareceEl reproductor no comparte la carátulaNormal en algunos reproductores; título y artista sí funcionan
El bridge no detecta la pistaLa app no expone SMTC o no está reproduciendo audioAbre el reproductor, verifica que aparezca en los controles multimedia de Windows y vuelve a iniciar el bridge
La portada no se actualizaEl reproductor no comparte carátula con SMTCRevisa el título y el artista; si la carátula sigue ausente, el bridge no puede mostrarla desde esa app
El overlay no se actualizaWidget sin conexión activaVerifica la URL del overlay en OBS y refresca el Browser Source