drunken-tyrion

easyAnnotate

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

• jQuery
• Crypto-JS
• Font Awesome
• Mousetrap
• tinyColorPicker

##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