The beauty of HTMLMediaElement
So, while exploring the world of Web video, after having successfully transcribed a one hour long video of one my presentations, and turned that transcription into an HTML 5 video with subtitles, I started to look in more details as to what HTML 5 brought to the table that made this synchronization possible.
The rather obvious change that HTML 5 brings to the table is the HTMLMediaElement
DOM Interface, and in particular the currentTime
property, which at any time reflects the part of the media content that is played.