JDV-01// audio_visual_interactive
// titleTRK 007

Music Visualiser App [JavaScript]

BSc Computer Science Student Project

// session
ANIMCODE
// PLAYBACK //interactive
> /University-of-London-Projects/MusicVisualiser/[ open ↗ ]
// liner_notes

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.

// gallery1 frames
[ click / esc to close ]