Inspiration
I've always admired the shazam application and how it can identify songs. However, one thing that you can't do is sing or speak lyrics to a song. Whenever I've tried this, it's not able to identify the song. So, I came up with Lucky Lyrics so I could do just that!
What it does
Lucky lyrics can find songs with just the lyrics you provide it. You can also implement speech in order to to find the song that you can't get off your mind but don't know the name to.
How I built it
I created this in Visual Studio code using javascript, HTML, and CSS. I created two javascript files, one for speech to text, and another for searching for the song in genius from google. I linked them together in an index.html file
Challenges I ran into
Whenever I combined both javascript files together in the index.html. The text to speech file interrupted the app.js file for some reason. This became a big issue as, without the speech0to-text file, it would work fine and show a specific song when you put lyrics, however when I added both to the index.html. It would just search up the lyrics on google and output the search results. This was very frustrating, I was also running out of time. So I let it be, I will try to fix it in the future
Accomplishments that I'm proud of
I am proud of creating the speech-to-text file, as I thought it would be a very hard task when thinking of this idea. However, I figured it out!
What I learned
I learned more javascript and how to implement speech to text
What's next for Lucky Lyrics
in the future, I am going to fix the issue with the google search results and after that I will clean up the sight with some CSS, adding border-radius on some elements(I love border-radius!!!!)
Log in or sign up for Devpost to join the conversation.