¿Qué es Visualizador de Audio?

Mira tu audio en tiempo real como forma de onda, barras de frecuencia, espectro circular o espectrograma con desplazamiento. Cada visualización reacciona a la música mientras se reproduce.

El visualizador toma audio de un archivo o del micrófono, lo pasa por un AnalyserNode de Web Audio y dibuja los datos de frecuencia o tiempo en un canvas a 60 fps. Elige forma de onda, barras de frecuencia, barras reflejadas, espectro circular o un espectrograma con desplazamiento; ajusta el lienzo a panorámico, cuadrado o vertical para cualquier plataforma; usa un color de fondo predefinido o personalizado; cambia el esquema de color entre naranja, neón, océano, monocromo y arcoíris; ajusta la sensibilidad y el número de barras; guarda un fotograma como PNG; o pulsa el botón de vídeo para exportar un clip WebM con el audio ya incrustado.

Cómo usar

1. Sube un archivo de audio o utiliza la entrada del micrófono
2. Elige un estilo de visualización: forma de onda, barras de frecuencia, barras reflejadas, espectro circular o espectrograma con desplazamiento
3. Reproduce el audio y observa cómo reacciona la visualización en tiempo real

Cuándo usar

• Hacer la portada de un single con una captura del espectro de barras en el pico más fuerte.
• Grabar un clip WebM compartible de tu pista con el visualizador sincronizado para publicaciones en redes o subidas a YouTube.
• Mostrar a alumnos de diseño sonoro cómo los ajustes de EQ cambian la forma espectral de un tema.

Resultado

Un streamer añade un visualizador de audio en directo a su transmisión musical, mostrando barras de frecuencia de colores que pulsean con el ritmo.

Preguntas frecuentes

¿Cómo se eligen los colores del degradado en las barras y la onda?

Cada esquema asocia el valor de frecuencia o amplitud a una rampa de color. Arcoíris recorre el HSL completo, neón usa rosa y cian saturados, océano permanece en azules, monocromo es escala de grises y naranja casa con la paleta del sitio.

¿Por qué el navegador me pide permiso de micrófono cada vez?

El navegador bloquea el micro hasta que aceptas explícitamente. Si lo concedes una vez durante la sesión, suele mantenerse; si lo denegaste antes, hay que borrar el permiso de micrófono del sitio en la configuración del navegador y recargar.

¿Cómo grabo la visualización completa, no solo un fotograma?

Pulsa el icono de vídeo sobre el canvas para grabar la visualización en vivo con el audio incrustado en formato WebM. Para archivos capturamos la pista completa desde el principio; para el micrófono grabamos un clip de 30 segundos. El botón PNG junto a él guarda un único fotograma si solo necesitas una imagen fija.

¿Qué hace exactamente el deslizador de sensibilidad?

Escala la amplitud antes de dibujar. Valores bajos mantienen las barras dentro del cuadro con másteres muy fuertes; valores altos exageran fuentes silenciosas, como un susurro o una guitarra acústica con limpieza.

¿Por qué se ven solo unas pocas barras al reproducir un tono puro?

Una senoide pura tiene una sola fundamental y un par de armónicos, así que la mayoría de los bins de la FFT marcan casi cero. Es el espectro comportándose como debe. Prueba con música o voz y verás todo el rango activarse.

Herramientas relacionadas