Tengo un boceto de P5js que quiero convertir en un visualizador sensible al audio. Vea abajo.
https://editor.p5js.org/Kghj/full/fn2N0xrF1
Cuando hay graves intensos, el control deslizante debe moverse hacia la izquierda y la opción Fuzzy debe estar marcada; luego, cuando un sonido nuevo o un cambio de tono repentino, la forma debe cambiar y el trazo debe activarse y desactivarse. Tengo experiencia usando java, ruby on rails y react. Esta no es realmente una pregunta específica del código, sino que solicita un punto en la dirección correcta.
Querrá usar FFT.analyze y luego verificar los valores en diferentes cubos de frecuencia para determinar los cambios en el tono o el conjunto de notas que se están reproduciendo. Los golpes de bajo/batería tienden a aparecer como un pulso de energía en una amplia gama de frecuencias. La forma exacta en que detecta cambios en el audio y los relaciona con los efectos visuales es bastante abierta. Para algunas cosas, es posible que desee usar simplemente la cantidad de energía a una frecuencia precisa, para otras, es posible que desee tomar la derivada de la energía a una frecuencia particular a lo largo del tiempo (la tasa de cambio) y activar algo cuando la pendiente alcance algún valor. límite.
Además de p5.sound , también puede usar Tone.js. Es similar pero más avanzado/extenso, y funcionará igual de bien con p5.js.