.

He bastantes menciones a Web Audio pero eso no significa que me deje de interesar cuando me encuentro con algo como la web de Ableton para aprender a utilizar un sintetizador que vi señalada en Hacker News.

Captura de la interfaz de learningsynths.ableton.com.

Curioseando en el código de la página parece que tira de three.js, tone.js, lodash, algunos componentes de node.js para el navegador y react, aunque no he llegado a ver bien cómo está montado todo. Me ha pasado igual que con el sintetizador multi-toque que veía hace unos años: sin una vista clara del código fuente y/o una explicación del autor tendría que ponerme a diseccionar cómo funciona, y me falta tiempo para dedicarle a esta clase de distracciones.

.

ThreeAudio.js es una librería JavaScript creada por Steven Wittens que permite crear visualizaciones en Three.js, exponiendo los datos del audio como shaders GLSL. Puede leer de una fuente de sonido y proveer datos de tiempo y frecuencia en forma de texturas, al igual que valores derivados de volumen, bajos, medios y agudos. Incluye además un detector de pulsos en tiempo real basado en autocorrelación. Usa MicroEvent.js y DSP.js. Un ejemplo de lo que permite hacer se puede ver en su demo aunque sólo funciona en Google Chrome.

Hace una temporada señalaba un artículo donde se explicaba cómo visualizar sonidos con WebGL, para el que pueda tener interés en este tipo de ejercicios.

.

Los que tengan algún interés por hacer cosas como lo que aparecía por aquí ayer disponen de bastantes recursos para informarse y formarse. A falta de tiempo, yo sólo he podido echar un vistazo rápido a un artículo en Learning Three.js con un ejemplo sencillo de visualización de sonidos con WebGL:

This post is about producing a 3D Vuemeter for real time sound. We gonna walk thru the code of a webaudio.js example. This example will show you how to create a WebGL vuemetter with webaudio.js. It should be simple to understand, only 40-lines of javascript. webaudio.js is a web audio library for game. We gonna use it to reach Web Audio API. We gonna use tQuery to reach three.js 3D engine.

Sí, el inglés podría estar algo más pulido pero el contenido parece interesante.