AlbumUp

All_Star-Smash_Mouth-visualised
AlbumUp-home-page

Inspiration

We were inspired by the song visualisations media playing within Windows media player on Windows XP, and by the fact that individual songs within an album are identified by art for the album itself, as opposed to art for each individual song.

What it does

It takes in a song and visualises it as an image.

How we built it

We used webpack to bundle our HTML, CSS, JavaScripts and assets for our project. It takes in MIDI data and converts that data to a JSON file which is used to generate an image.

Challenges we ran into

Originally we were using the .wav format, but the data was too rich and ended up creating an ugly output pattern, hence we changed to using MIDI audio.

Accomplishments that we're proud of

We finished our Project!

What we learned

We learnt about html5 canvas and about the format of music files like MIDI and .wav files. We also learned technologies such as: git, webpack, CSS and JavaScript