Visualizador de audio — 8 escenas WebGL reactivas

Aplica una transformada de Fourier a rebanadas cortas del sonido que entra y lee el resultado como un conjunto de bandas de frecuencia: cada barra o anillo es la energía de una banda, no el volumen de la señal entera. Por eso el bombo enciende el extremo izquierdo y el platillo el derecho, y por eso un sonido fuerte pero estrecho mueve solo una parte del dibujo. Dos ajustes moldean lo que ves más que la elección del estilo: el número de bandas, que cambia detalle por estabilidad, y el suavizado, que promedia cada banda con su valor anterior para que la imagen no parpadee al ritmo de los fotogramas. Baja el suavizado y el dibujo se vuelve nervioso y literal; súbelo y fluye, pero se retrasa respecto al pulso.

Asegúrate de haber permitido el acceso al micrófono en tu navegador. Comprueba que el micrófono no esté silenciado. Sube el deslizador de sensibilidad. Si usas un archivo, asegúrate de que se está reproduciendo.

Sí. Presiona S o haz clic en el botón Salvapantallas. El visualizador entra en pantalla completa y va recorriendo automáticamente las 8 escenas cada 30 segundos. Presiona Esc o haz clic en cualquier sitio para salir.

Cada escena es un fragment shader en la GPU, así que necesita WebGL con la aceleración por hardware activada: un rectángulo negro casi siempre significa que la aceleración está desactivada en los ajustes del navegador, no que la escena esté rota. El tirón es el otro extremo de lo mismo: fuego y lava son las más pesadas de las ocho, así que cambia a una escena más ligera, sal de pantalla completa o cierra las pestañas que compiten por la misma GPU.

Sí. Cambia al modo Subir archivo y selecciona cualquier archivo de audio (MP3, WAV, OGG, FLAC). La música suena por tus altavoces mientras los visuales reaccionan en tiempo real.