Inspiration

We wanted to create something that would provide a stimulation to users like coders who stay up late at night. In addition we gained some visual tips from the Windows Media Player from old systems such as Windows XP.

What it does

We take in a user input into a chrome extension, that would then find the music video from YouTube. After this, music is played along with colored animated border that will move based on the beat of the song that is currently being played.

How we built it

We created a chrome extension that is linked with an API that will take in user inputs and send it to the back end, where a program will search YouTube for the song. This will generate a link to the song, that is then used to auto play the song. At the same time, another program will analyze the song and generate an array of timestamps for the beat of the song, that is then used to animate a background that will move based on the beat of the song.

Challenges we ran into

The libraries for audio analysis required other libraries to be preinstalled, so we ran into a lot of issues when trying to download/import the libraries. Another issue we ran into was trying to animate the border that would sync with the beat of the song that is currently being played.

Accomplishments that we're proud of

We are proud of creating a chrome extension that takes the user input and finds the resulting video on YouTube correlating to the song title that was inputted into the extension.

What we learned

We learned that some libraries although they may not seem complex, require a lot of background work to be done before being able to be used. For example, the Aubio library used, requires Visual C++ 2019 and other libraries to be preinstalled before Aubio can be installed.

What's next for Untitled

The next step for this project would be to integrate this with a music company's program such as Spotify in order to gain access to their music servers. This will allow the program to animate the background and play the song both in real time.

Built With

Share this project:

Updates