djembe

Visualising Djembe

This is an experiment in trying to learn the djembe - an African drum visually. The samples below are using javascript with p5.js library to visualise the music.

Watch the Talk

See the Slides

Learning Djembe Visually with p5.js

Sample the Visualisations

Try out each of the visualisation. Press 't' to toggle source between microphone and djembe prerecorded music.

Hello

Hello for p5.js

Random

Visualising Volume Randomly

Volume

Visualising Volume

Beat

Visualising Beat

Rhythm

Visualising Rhythm

Notation

Visualising Notation

Volume across Time

Visualising Waveform across Time

Volume across Frequency

Visualising Volume across Frequency

Volume across Frequency Log

Visualising Volume across Frequency Log

Bass & Tone

Visualising Bass & Tone across Frequency Log

Play with Code

Awesome. Please go to http://github.com/amitkaps/djembeviz to look at the code and start to play with it.