Visualizador de Audio

Captura sonido mediante micrófono en tiempo real y transfórmalo en gráficos dinámicos impresionantes. Soporta barras de espectro, forma de onda, espectro circular y modos de visualización de partículas.

Visualizador de Audio

Captura sonido mediante micrófono en tiempo real y transfórmalo en gráficos dinámicos impresionantes. Soporta barras de espectro, forma de onda, espectro circular y modos de visualización de partículas.

Haz clic en el botón "Iniciar" de abajo para comenzar

Tema

Guía del Visualizador de Audio

Guía de Uso del Visualizador de Audio

Uso Básico

  1. Haz clic en el botón "Iniciar"
  2. Permite el acceso al micrófono en el mensaje del navegador
  3. Habla, canta o reproduce música hacia el micrófono
  4. Observa los gráficos dinámicos en tiempo real

Cuatro Modos de Visualización

Barras de Espectro

Muestra la distribución de frecuencias de audio como un gráfico de barras: frecuencias bajas a la izquierda, altas a la derecha, con la altura de cada barra reflejando la energía de esa banda de frecuencia.

Forma de Onda

Muestra la forma de onda en el dominio del tiempo estilo osciloscopio, con líneas brillantes simétricas de doble capa que visualizan cambios de amplitud y frecuencia.

Circular

Expande el espectro en un anillo de 360 grados. El círculo central pulsa con el volumen, las barras exteriores rebotan con la frecuencia: el modo más espectacular.

Partículas

150 partículas fluyen por la pantalla, cada una asignada a una banda de frecuencia. Sonidos más fuertes hacen que las partículas se muevan más rápido y crezcan, con conexión automática entre partículas cercanas.

Controles

  • Sensibilidad: Ajusta la amplificación de la señal de audio (0.3–3.0); valores más altos producen visuales más dramáticos
  • Suavizado: Ajusta el coeficiente de suavizado espectral (0–0.95); valores más altos producen transiciones más suaves
  • Tema: Cinco esquemas de color — Neón, Fuego, Océano, Bosque, Púrpura

Atajos de Teclado

  • Espacio: Iniciar/Detener captura
  • 1 / 2 / 3 / 4: Cambiar entre modos Barras / Onda / Circular / Partículas

Principios Técnicos

Web Audio API

Esta herramienta está construida sobre la Web Audio API del navegador. Obtiene el flujo de audio del micrófono mediante getUserMedia, usa AnalyserNode para análisis FFT en tiempo real, convirtiendo señales del dominio del tiempo al dominio de la frecuencia, y luego renderiza la visualización en un contexto Canvas 2D.

Análisis de Frecuencia

  • Tamaño FFT: 2048, correspondiente a 1024 bins de frecuencia
  • Tasa de muestreo: Típicamente 44100Hz o 48000Hz
  • Resolución de frecuencia: Tasa de muestreo / tamaño FFT, ~21–23Hz por bin
  • Rango de audición humana: ~20Hz–20000Hz

Consejos

  • Se recomienda Chrome o Edge para un mejor rendimiento
  • Usa auriculares o altavoces externos para evitar retroalimentación del micrófono
  • Menos ruido ambiental produce visuales más limpios
  • El modo de pantalla completa ofrece una experiencia más inmersiva