Inspiration
We were inspired by the wide variety of features provided by Symbl.ai, and wanted to apply them in a unique and innovative way.
What it does
Team O-Yang's Lyric Generator processes mp3 links and uses Symbl.ai to display lyrics that are accurately timed along with the audio as it plays.
How we built it
Team O-Yang's Lyric Generator was built using HTML, CSS, and JS using Visual Studio Code. The project was designed using Figma, and the audio is processed using Symbl.ai.
Challenges we ran into
Symbl.ai was difficult to understand at first and we ran into many problems while trying to host the website.
Accomplishments that we're proud of
We are proud that we made a project function properly within the given timeframe.
What we learned
We learned a lot from the various workshops given throughout the Hackathon, such as the Web Development workshop and the one introducing Symbl.ai.
What's next for Team O-Yang's Karaoke Machine
Team O-Yang's Lyric Generator can still be improved with better UI and flow.
Song used in Video:
https://cdn.discordapp.com/attachments/665240607714836503/1013225948319055922/funnymanskeleton_1.wav _ (songs with quieter instrumentals and clearer vocals work better)_
Built With
- figma
- symbl.ai
- visual-studio
