Soundle

Inspiration

We liked how simple yet riveting the format for Wordle-style games was, and decided to apply it to our own use case: music!

What it does

We take a pre-determined song, decompose it into its individual features and remixes (Distorted Pitch/Speed, Percussion, Other, Vocals, Jumble, Chorus), and use these features/remixes. We then play these audio samples as "clues" for the player to use to guess the original song.

How we built it

We created this web application using React, Bootstrap, Spleeter, Librosa, GitHub pages, and framer-motion.

Challenges we ran into

Our main challenges involved applying animations to our React components and integrating state from both our virtual and physical keyboards.

Accomplishments that we're proud of

We're proud to have a fully functional keyboard, intuitive UI, and application of mathematics and signal processing to digital audio files.

What we learned

We learned how to properly manage state with React components, integrate audio with web applications, apply animations to React components, decompose digital audio files with Fourier Transforms and dynamic programming for beat extraction and sequence alignment.

What's next for Soundle

We want for our game to generate a game score for users so that Soundle players (aka Adam Soundlers aka Soundlers) can challenge their friends. We also want to embed "upload" functionality so that players can compare their own features/remixes to the ones generated by Soundle.

Built With

• bootstrap
• css3
• flask
• framer-motion
• git
• html5
• htmlaudioinput
• javscript
• json
• librosa
• python
• react
• spleeter
• tensorflow