soheimam / visualiser-music

different music visualisers

Live https://waveform.live/

what was my goal with the project?

To combine the web audio api data with visualisation libraries.

what tools did I learn creating this project?

-THREE.js -P5.js -Web audio API

What resources did I use to build this project?

-Web Audio API documentation -P5.js documentation -THREE.js documentation

Microphone animation

Using the p5 library we create a new microphone object. We then take the live audio input from that object to animate the volume received. Please note due to users needing to give permission to enable their microphone this project wont work on chrome browsers on iphone.

FFT Analysis

FFT is an analysis algorithm that isolates individual audio frequencies.

Hosting

This project is currently being hosted on Amazons S3.