PROGRAMMING – Music Visualiser App (JavaScript)

BSc Computer Science: Student Project:

CLICK HERE to experience the app.

NOTE: Load times can take a while on some connections / systems.

The instruction was to take a baseline piece of skeleton code and refactor it into a high-quality real-time music visualiser application. Starting with nothing but a play/pause button and a few (unused) visualisations.

Using the p5.js library I rebuilt the interface and visualisations from the ground up, with a focus on professional audio tools and analysers. (e.g. amplitude meters, equalisers, spectrographs and spectrum analysers)
I also added extra functionality like playlisting, transport buttons, seek bar, user-tutorial and a clean GUI.

The site is entirely coded using JavaScript.

CLICK HERE to experience the app.

NOTE: Load times can take a while on some connections / systems.