Guía de Uso del Visualizador de Audio

Uso Básico

Haz clic en el botón "Iniciar"
Permite el acceso al micrófono en el mensaje del navegador
Habla, canta o reproduce música hacia el micrófono
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.

Orquesta

[Separación Inteligente de Timbres] Análisis en tiempo real de características de audio separa automáticamente 5 familias de instrumentos:

🥁 Percusión: Detecta transitorios (picos súbitos de energía)
🎸 Bajo: Reconocimiento de estructuras armónicas de baja frecuencia
🎤 Voz/Cuerdas: Armónicos ricos en frecuencias medias (voz, violín)
🎷 Maderas: Armónicos brillantes en medias-altas (flauta, clarinete)
✨ Platillos: Detección de planitud espectral para frecuencias ruidosas

Cada pista muestra forma de onda espectral independiente, porcentaje de energía y valores en dB. Ideal para analizar música orquestal o mezclas multipista.

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 / Orquesta

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