Html5 Video Navigation and Tracking using Knockout
Description: Html5 Video Dom events, Play, Pause, Current Time
Publish Date: 03/08/2014
Keywords: html5 knockout knockoutjs video
I was recently asked how I would navigate html5 video and visibly track the scene name or transcribed text.
Here is a bare bones proof of concept for manipulating the location (time) of an html5 video using Knockout.
Specifications
- Play or Pause Video
- Transcribed text (or names of scenes in the video) follow the current time
- Clicking the line of text (or name of the scene) that corresponds to the video sets the video to that location (time)
Working version:
http://jsfiddle.net/TheDev6/C3LKh/