Display Song Data in OBS Studio

We need to translate the article into Spanish, preserving all formatting, code, URLs, etc. Must keep product names unchanged. Use consistent terminology. Let's translate.

We need to keep HTML tags, markdown. The article uses

,

,

,
,
1. ,

   , , , , . We must translate only prose. So we need to translate all text inside tags but keep tags. Also keep URLs unchanged.

   Let's go through each section.

   Title: Display Song Data in OBS Studio -> "Mostrar datos de canciones en OBS Studio"

   But the title is not part of article content? The article content starts with

   Introduction

   . But we should translate the title too? The instruction: "Translate this blog article to Spanish:" and then article content. The title is separate: "Title: Display Song Data in OBS Studio". We should translate that too. But the output should only be the translated article content, keeping formatting and structure identical. So we should output the translated content, including the title? The title is separate from article content. The article content starts with

   Introduction

   . But the title is outside. The instruction says "Provide ONLY the translated article content". So maybe we should not include the title? But the title is part of the article content? The article content is the block after "Article content:" which starts with

   Introduction

   . So we should not include the title. So we translate only that block.

   Now translation:

   Introduction

   ->

   Introducción

   Want to show your viewers what song is playing during your stream? With Song Overlays Pro and OBS Studio, you can automatically display song information in real-time — no manual updates required.

   Translate: "¿Quieres mostrar a tus espectadores qué canción está reproduciéndose durante tu transmisión? Con Song Overlays Pro y OBS Studio, puedes mostrar automáticamente la información de la canción en tiempo real — sin actualizaciones manuales requeridas."

   Make sure to keep tags.

   This tutorial will walk you through setting up a "now playing" overlay that automatically detects any song playing on your Mac using Shazam technology and displays it beautifully in your OBS scene.

   Translate: "Este tutorial te guiará a través de la configuración de una superposición de 'en reproducción' que detecta automáticamente cualquier canción que se reproduzca en tu Mac utilizando la tecnología Shazam y la muestra de forma atractiva en tu escena de OBS."

   But we need to keep the quotes around "now playing" maybe as "now playing" or "en reproducción"? The original uses "now playing" in quotes. We can translate the phrase but keep quotes. The phrase "now playing" is in English; we might translate to "en reproducción" but keep quotes? The instruction: translate only prose. So we can translate "now playing" to "en reproducción". But keep quotes. So: "superposición de 'en reproducción'".

   What you'll achieve:

   Translate: "

   Lo que lograrás:

   "

   items:
   • Automatic song detection from any audio source
   -> "
   • Detección automática de canciones desde cualquier fuente de audio
   "
   • A customizable overlay that updates in real-time
   -> "
   • Una superposición personalizable que se actualiza en tiempo real
   "
   • Professional-looking "now playing" display for your stream
   -> "
   • Una visualización de 'en reproducción' con aspecto profesional para tu transmisión
   "

   -> keep unchanged.

   Prerequisites

   ->

   Requisitos previos

   Before we begin, make sure you have:

   -> "

   Antes de comenzar, asegúrate de tener:

   "
   items:
   • macOS 13.0 (Ventura) or later — Song Overlays Pro requires a recent version of macOS
   -> "
   • macOS 13.0 (Ventura) o posterior — Song Overlays Pro requiere una versión reciente de macOS
   "
   • OBS Studio installed — Download from obsproject.com if you haven't already
   -> "
   • OBS Studio instalado — Descárgalo desde obsproject.com si aún no lo has hecho
   "
   • Song Overlays Pro — Available on the Mac App Store (one-time purchase of $9.99)
   -> "
   • Song Overlays Pro — Disponible en la Mac App Store (compra única de $9.99)
   "

   Step 1: Download and Install Song Overlays Pro

   -> "

   Paso 1: Descarga e instala Song Overlays Pro

   "

   First, download Song Overlays Pro from the Mac App Store.

   -> "

   Primero, descarga Song Overlays Pro desde la Mac App Store.

   "

   unchanged.

   items:
   1. Open the Mac App Store on your Mac
   -> "
   2. Abre la Mac App Store en tu Mac
   "
   3. Search for "Song Overlays Pro"
   -> "
   4. Busca "Song Overlays Pro"
   "
   5. Click Get and then Install
   -> "
   6. Haz clic en Get y luego en Install
   "
   7. Wait for the download to complete
   -> "
   8. Espera a que la descarga se complete
   "

   The app is lightweight and installs quickly.

   -> "

   La aplicación es ligera y se instala rápidamente.

   "

   Step 2: Launch and Grant Permissions

   -> "

   Paso 2: Inicia y otorga permisos

   "

   When you first launch Song Overlays Pro, it will ask for microphone permission. This is required for Shazam to detect songs playing on your Mac.

   -> "

   Cuando inicies Song Overlays Pro por primera vez, te pedirá permiso para el micrófono. Esto es necesario para que Shazam detecte las canciones que se reproduzcan en tu Mac.

   "

   unchanged.

   items:
   1. Open Song Overlays Pro from your Applications folder
   -> "
   2. Abre Song Overlays Pro desde tu carpeta de Aplicaciones
   "
   3. When prompted, click Allow to grant microphone access
   -> "
   4. Cuando se solicite, haz clic en Allow para otorgar acceso al micrófono
   "
   5. If you accidentally denied access, go to System Settings > Privacy & Security > Microphone and enable Song Overlays Pro
   -> "
   6. Si accidentalmente negaste el acceso, ve a System Settings > Privacy & Security > Microphone y habilita Song Overlays Pro
   "

   ...

   Note: Song Overlays Pro listens to your Mac's system audio, not your physical microphone. All processing happens locally on your device — no data is sent to external servers.

   -> translate note: "

   Nota: Song Overlays Pro escucha el audio del sistema de tu Mac, no tu micrófono físico. Todo el procesamiento ocurre localmente en tu dispositivo — no se envían datos a servidores externos.

   "

   Step 3: Start Song Detection

   -> "

   Paso 3: Inicia la detección de canciones

   "

   Now let's verify that song detection is working before adding it to OBS.

   -> "

   Ahora verifica que la detección de canciones esté funcionando antes de agregarla a OBS.

   "

   unchanged.

   items:
   1. In Song Overlays Pro, make sure the Detection toggle is enabled (it's on by default)
   -> "
   2. En Song Overlays Pro, asegúrate de que el interruptor Detection esté activado (está activado por defecto)
   "
   3. Play any song on your Mac — through Apple Music, Spotify, YouTube, or any other source
   -> "
   4. Reproduce cualquier canción en tu Mac — a través de Apple Music, Spotify, YouTube o cualquier otra fuente
   "
   5. Within a few seconds, you should see the song title and artist appear in the app
   -> "
   6. En pocos segundos, deberías ver el título y el artista de la canción aparecer en la aplicación
   "

   If detection isn't working:

   -> "

   Si la detección no funciona:

   "
   items:
   • Make sure your audio is playing at a reasonable volume
   -> "
   • Asegúrate de que el audio se reproduzca a un volumen razonable
   "
   • Check that microphone permission is granted in System Settings
   -> "
   • Verifica que el permiso de micrófono esté concedido en System Settings
   "
   • Try restarting the app
   -> "
   • Intenta reiniciar la aplicación
   "

   Step 4: Copy the Overlay URL

   -> "

   Paso 4: Copia la URL de la superposición

   "

   Song Overlays Pro includes a built-in web server that generates your overlay. You'll add this as a browser source in OBS.

   -> "

   Song Overlays Pro incluye un servidor web incorporado que genera tu superposición. Añadirás esto como una fuente de navegador en OBS.

   "

   unchanged.

   items:
   1. Click the Server tab in Song Overlays Pro
   -> "
   2. Haz clic en la pestaña Server en Song Overlays Pro
   "
   3. Click Start Server if it's not already running
   -> "
   4. Haz clic en Start Server si aún no está en ejecución
   "
   5. You’ll see a URL like http://localhost:8080
   -> "
   6. Verás una URL como http://localhost:8080
   "
   7. Click the Copy URL button to copy it to your clipboard
   -> "
   8. Haz clic en el botón Copy URL para copiarla a tu portapapeles
   "

   Keep this URL handy — you'll need it in the next step.

   -> "

   Mantén esta URL a mano — la necesitarás en el siguiente paso.

   "

   Step 5: Add Browser Source in OBS

   -> "

   Paso 5: Añade una fuente de navegador en OBS

   "

   Now let's add the overlay to your OBS scene.

   -> "

   Ahora añadamos la superposición a tu escena de OBS.

   "

   unchanged.

   items:
   1. Open OBS Studio
   -> "
   2. Abre OBS Studio
   "
   3. In the Sources panel, click the + button
   -> "
   4. En el panel Sources, haz clic en el botón +
   "
   5. Select Browser from the list
   -> "
   6. Selecciona Browser de la lista
   "
   7. Name it something like "Song Overlay" and click OK
   -> "
   8. Nómbralo algo como \"Song Overlay\" y haz clic en OK
   "
   9. In the URL field, paste the URL you copied from Song Overlays Pro
   -> "
   10. En el campo URL, pega la URL que copiaste de Song Overlays Pro
   "
   11. Set Width to 1920 and Height to 1080
   -> "
   12. Establece Width a 1920 y Height a 1080
   "

   Click OK to add the source.

   -> "

   Haz clic en OK para añadir la fuente.

   "

   Step 6: Configure Browser Source Settings

   -> "

   Paso 6: Configura la configuración de la fuente de navegador

   "

   For the best