Interactive video player

It is an interactive video player that synchronizes the video and the transcript. The transcript is placed below the video, and highlights as the video progresses. When a user clicks any part of the transcript it takes them to the appropriate place in the video.

The video also displays the amount of data that has been buffered. There are controls for controls, volume and the ability to go full screen. I have also included optional subtitles.

Demo

Try selecting text to move back and forward in the video, slow down the video, turn on or off closed captions, set the volume or go full screen. Sources: live demo, github repo


Let me know your thoughts

Your email address will not be published. Required fields are marked *