Selecciona la fuente de sonido o arrastra un archivo de audio
Elige entre el sintetizador demo, micrófono en directo, audio del sistema (Spotify/YouTube) o suelta directamente un archivo de audio local MP3, WAV, FLAC u OGG.
En espera de audio
Beat
60 FPS
Sub
Bass
Mid
Treb
Air
Fuente de sonido
Selecciona la entrada de audio o prueba las pistas de demostración
Paleta de color neón
Armonías cromáticas calibradas para postprocesado Bloom
Ajustes y dinamismo
Sensibilidad espectral, resplandor e interactividad de cámara
Guía técnica del visualizador sonoro 3D y análisis por transformada de Fourier
Comprende la segmentación frecuencial en tiempo real mediante Web Audio API, la transformada rápida de Fourier (FFT), los algoritmos de detección de transitorios de ritmo y el renderizado acelerado por GPU con Three.js y shaders de postprocesado.
| Rango de frecuencia | Banda espectral (Hz) | Instrumentación habitual | Reacción visual 3D | Tratamiento DSP / FFT |
|---|---|---|---|---|
| Subgraves (Sub-bass) | 20 Hz – 60 Hz | Bombos 808, bajos sub profundos y sintetizadores analógicos | Expansión del núcleo central y pulsación radial de la malla | Filtro paso bajo con ventana de ponderación y análisis de energía pico |
| Graves medios (Bass) | 60 Hz – 250 Hz | Líneas de bajo eléctrico, toms de batería y cuerpo rítmico | Impulso de ondas concéntricas y ligera sacudida reactiva de cámara | Promedio cuadrático RMS continuo para detonación precisa de beat |
| Medios bajos (Low-mid) | 250 Hz – 1.000 Hz | Guitarras rítmicas, cajas de batería y registros vocales graves | Elevación de columnas verticales y distorsión de túneles wireframe | Suavizado temporal con factor de decaimiento constante para evitar jitter |
| Medios altos (High-mid) | 1.000 Hz – 4.000 Hz | Voz solista, metales, sintetizadores melódicos y piano | Aceleración y densidad del enjambre de partículas orbitantes | Curva isofónica compensada para equilibrar la sensibilidad del oído humano |
| Presencia y agudos (Treble) | 4.000 Hz – 20.000 Hz | Platos de batería (hi-hats, crash), sibilancias y aire acústico | Destellos perimétricos, resplandor neón bloom y halos luminosos | Buffer FFT de 2048 muestras a 60 FPS con mapeo directo a intensidad luminosa |
Elige la geometría y el tema estético tridimensional
Alterna entre geometrías reactivas como esfera viva, túnel cuántico, barras circulares o constelación de partículas de neón con paletas cromáticas personalizadas.
Ajusta la ganancia espectral, suavizado y halo de bloom
Modula los deslizadores de reactividad de bajos, suavizado temporal FFT y brillo postprocesado UnrealBloom para calibrar la respuesta gráfica a tu gusto.
Activa la inmersión a pantalla completa y genera capturas HD
Pulsa el botón de pantalla completa para espectáculos audiovisuales en proyectores o monitores secundarios y guarda capturas en alta resolución en cualquier instante.
Preguntas frecuentes sobre visualización de audio 3D
¿Cómo puedo proyectar música desde Spotify, YouTube u otras aplicaciones?
Haz clic en el botón 'Audio del sistema'. El navegador desplegará un cuadro de diálogo para compartir pantalla o pestaña; asegúrate de activar la casilla 'Compartir audio del sistema' antes de confirmar para que el navegador capture la señal sonora en directo.
¿Mis archivos o grabaciones de audio se suben a algún servidor externo?
No. Todo el análisis de frecuencias, el cálculo FFT por transformada de Fourier y el renderizado WebGL se procesan 100 % en local en tu dispositivo mediante Web Audio API; ningún flujo sonoro sale de tu navegador.
¿Puedo conectar una guitarra, instrumento o interfaz de audio física?
Sí. Al activar la opción 'Micrófono / Línea', el navegador capturará cualquier entrada de audio activa en tu sistema operativo, incluyendo tarjetas de sonido USB, mezcladores analógicos o interfaces dedicadas.
¿Qué es la transformada rápida de Fourier (FFT) y cómo funciona en el navegador?
La FFT es un algoritmo matemático implementado en la Web Audio API que descompone una señal de audio compleja en el dominio temporal en sus componentes individuales de frecuencia (amplitud por hercios) en tiempo real a más de 60 cuadros por segundo.
¿Qué rendimiento y requisitos de tarjeta gráfica (GPU) se necesitan para 60 FPS?
Cualquier ordenador o dispositivo móvil moderno con aceleración WebGL estándar puede ejecutar la escena a 60 FPS estables. En equipos más modestos, se puede reducir la intensidad del pase de bloom o desactivar la rotación automática para maximizar la fluidez.