React-P5.js Audio Visualization

Audio visualization made with P5.js, webGL, webAudio API, P5.js sound, and React

To install and run

To install and run locally follow these steps

1. git clone [email protected]:kevinqtogitty/p5js-audio-vis.git
2. cd p5js-audio-vis
3. yarn install
4. yarn dev

Usage

Dashboard at the bottom controls playback, volume, and displays song metadata.

Click the visualization to toggle between three gradients.

Supports several keyboard controls

'o'         switch to orthographic view
'p'         switch to perspective view
'space'     pause/play
'<-'        previous song
'->'        next song