This is a submission for the
(Unfortunately, YouTube has blocked my server so the real-time transcribing does not work. You can still pick one of the pre-built examples to see how it works. Alternatively, run the app in your local machine)
Source code: . In what situation would I need a timestamp for each spoken word? Subtitles. Displaying the subtitle texts would be a bit dull, so I twisted my idea into transcribing a song and displaying the lyrics in a Karaoke way. Let's get hands dirty!
Implementation Journey
The app will need to fulfil 3 things:
- Be able to download YouTube video.
- Utilise AssemblyAI to convert the audio part into transcript.
- Roll the lyrics along with the YouTube video.
The transcription part
The first two points are quite easy to implement, thanks to recently? This can be my first exercise to try out the latest SvelteKit.
The UI part
With some research, it is good to find that
I am happy with the result. Backed by Svelte, the lyrics will move accordingly if you pause or even jump the music at any point.
SOCIAL SHARE CARD GENERATOR