A client wants to have a number of talks he’s given added to his websites as videos from Vimeo. That bit’s easy enough, but he wants to have interactive transcripts - ie, phrases highlighted in the text of the transcript as the words are being spoken. He has pointed me to a site - edx.com - which does what he wants; ted.com also has something similar.
Unfortunately you have to register with edX to see the vids in action, although registration is free. I have registered and looked at the source code but cannot make head nor tail of the relevant bits. There are over 2 dozen JS files totalling over 4MB for starters. I have temporarily added the saved page https://is.gd/eI0bTG and although the vid doesn’t play it might give some idea.
Does anyone have any suggestions as to how to create interactive transcripts and synchronise them to a video…