easyAnnotate is a simple HTML5 video annotation solution, written primarily in JavaScript (with a 'lil CSS and HTML thrown in for good measure).
Winner of the March 2015 iParadigms Newcastle TurnItIn Hackathon.
It works basically, and provides text and image annotations. There's probably a few bugs though.
Please edit the index-dev.html file, rather than index.html - index.html is a production ready file that is destroyed and re-created (from the current contents of index-dev.html) every time the build.py script is ran.
##Libraries we've used
##Tutorials we looked at
- http://www.creativebloq.com/html5/build-custom-html5-video-player-9134473
- http://stackoverflow.com/questions/2954595/html5-video-callbacks
- http://atomicrobotdesign.com/blog/javascript/draw-a-rectangle-using-the-mouse-on-the-canvas-in-less-than-40-lines-of-javascript/
- http://www.html5canvastutorials.com/advanced/html5-canvas-mouse-coordinates/
- http://cssdeck.com/labs/styling-html5-progress-bars
- http://stackoverflow.com/questions/20793506/html-progress-bar-click-and-update
- http://stackoverflow.com/questions/2723140/validating-url-with-jquery-without-the-validate-plugin