Visualizador de Audio y Espectrograma
Visualiza frecuencias en tiempo real: barras, espectrograma y forma de onda.
Qué es un visualizador de audio
Un visualizador convierte el sonido en imagen en tiempo real. Detrás está la Transformada Rápida de Fourier (FFT), el algoritmo que descompone una señal de audio en las frecuencias que la componen. El AnalyserNode de la Web Audio API ejecuta esa FFT decenas de veces por segundo y nos da, en cada instante, cuánta energía hay en cada banda de frecuencia. Con esos datos dibujamos las barras, el espectrograma o la forma de onda sobre un canvas.
Los tres modos de visualización
Barras de frecuencia: la vista clásica de un ecualizador. Cada barra representa una banda (graves a la izquierda, agudos a la derecha) y su altura es la energía instantánea. Ideal para ver de un vistazo el balance tonal de lo que suena.
Espectrograma de cascada: añade el eje del tiempo. Cada columna vertical es una «foto» del espectro en un instante, y las columnas se desplazan hacia la izquierda según pasa el tiempo. El color indica intensidad (de azul oscuro a rojo). Es la vista que usan los ingenieros de sonido para detectar resonancias persistentes, ruidos de fondo o el «techo» de frecuencia de un MP3 comprimido.
Forma de onda: muestra la amplitud de la señal en el dominio del tiempo, no de la frecuencia. Es la línea ondulada típica de los editores de audio. Útil para ver el ritmo, los silencios y los transitorios (golpes secos).
Micrófono o archivo
Puedes alimentar el visualizador de dos formas. Con el micrófono ves en directo tu voz, un instrumento o el sonido ambiente — perfecto para comprobar la afinación, practicar canto o experimentar. Con un archivo de audio reproduces una canción y la visualizas mientras suena, lo que sirve para analizar mezclas, comprobar la calidad de un MP3 o simplemente disfrutar de la representación visual de tu música.
Truco: detectar MP3 de baja calidad
Uno de los usos más prácticos del espectrograma es verificar la calidad real de un archivo de audio. La compresión con pérdida (MP3, AAC) descarta las frecuencias más altas para ahorrar espacio. Si reproduces un archivo en modo espectrograma y ves que el contenido se corta bruscamente con una franja negra en la parte superior (por ejemplo sobre los 16 kHz), es señal de que el archivo fue comprimido a bitrate bajo. Un audio sin pérdida o un MP3 a 320 kbps llega limpio hasta los 20 kHz. Es la forma más fiable de descubrir un «MP3 disfrazado»: un archivo renombrado a FLAC o subido como «alta calidad» que en realidad procede de un MP3 de 128 kbps.
Privacidad
Todo ocurre en tu navegador. El sonido del micrófono se analiza al vuelo y se descarta sin grabarse; el archivo que subas se reproduce localmente. No hay subida a servidores, ni grabación, ni almacenamiento. El permiso de micrófono (si lo usas) se libera al pulsar «Detener».
Preguntas frecuentes
Las «barras» muestran el espectro de frecuencias en este instante: cada barra es una banda de frecuencia y su altura es la energía actual (graves a la izquierda, agudos a la derecha). El «espectrograma» es una vista de cascada que añade el eje del tiempo: cada columna nueva se dibuja a la derecha y el contenido se desplaza a la izquierda, con colores que indican intensidad (azul = bajo, rojo = alto); permite ver cómo evolucionan las frecuencias a lo largo de los segundos. La «onda» muestra la forma de onda en el dominio del tiempo (la amplitud de la señal), útil para ver el ritmo y los transitorios.
Solo si eliges la opción «Usar micrófono». El navegador te pedirá permiso la primera vez. Ese permiso se usa exclusivamente mientras visualizas y se libera automáticamente al pulsar «Detener». Si prefieres no usar el micrófono, puedes subir un archivo de audio: en ese modo no se solicita ningún permiso de captura.
No, en ningún caso. Todo el análisis se hace en tiempo real con la Web Audio API de tu navegador. El sonido del micrófono se analiza al vuelo y se descarta (no se graba ni se guarda), y el archivo que subas se reproduce localmente. No hay subida a servidores ni almacenamiento. Puedes comprobarlo en la pestaña Network de las DevTools: no verás ninguna petición de red mientras visualizas.
Tiene muchos usos reales: los productores y técnicos de sonido lo usan para detectar resonancias, ruidos o frecuencias problemáticas en una mezcla; los músicos comprueban el rango de frecuencias de un instrumento o de su voz; quien compra altavoces o auriculares puede ver hasta qué frecuencia llega su equipo reproduciendo un barrido; los estudiantes de acústica visualizan conceptos como armónicos y formantes; y cualquiera puede comprobar si un archivo de audio realmente contiene altas frecuencias (un truco para detectar MP3 de baja calidad recomprimidos: si el espectrograma se corta bruscamente sobre los 16 kHz, el archivo perdió información).
Reproduce el archivo en modo espectrograma y fíjate en la parte superior (frecuencias altas). Un audio sin pérdida (WAV, FLAC) o un MP3 a 320 kbps muestra contenido hasta los 20 kHz (el borde superior). Un MP3 a 128 kbps suele cortarse sobre los 16 kHz, y uno muy comprimido o re-comprimido se corta antes, sobre los 11-15 kHz, dejando una franja negra arriba. Ese «techo» visible es la huella de la compresión con pérdida. Es la forma más rápida de saber si un archivo es realmente de alta calidad o un MP3 disfrazado.
Sí, tanto el modo micrófono como el de archivo funcionan en navegadores móviles modernos (Chrome y Safari recientes). Ten en cuenta que en iOS el audio requiere una interacción del usuario para empezar (pulsar el botón), lo cual ya está contemplado. La visualización es algo menos fluida en móviles antiguos por la potencia de la GPU, pero es perfectamente usable.