No description, website, or topics provided.
JavaScript CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
data
js
videos
.gitignore
LICENSE
README.md
index.html

README.md

HTML5VideoAnnotation

https://github.com/Jack3113/HTML5VideoAnnotation/

Installation

  1. You have to install a web server like Apache on the machine
  2. You have to access to the index.html with the web server, with a HTTP url like "http://localhost/project/index.html".

Utilisation

  1. Move your mp4 video file into the videos folder
  2. Edit HTML tag in index.html to set the video src
  3. Edit window.frameRate into main.js to set the video frame rate.
  4. Reload index.html (you can force reload with Ctrl-F5 or Shift-Ctrl-R)

Hotkeys

Keys Action
P Play/Pause the video
S Export or save the annotation file
Delete Remove the selected element with its annotation
C Duplicate the previous annotated frame (i.e. layer)
Q Jump to previous frame block
D Jump to next frame block
N (Debug) Edit category
T (Debug) Display project log on Javascript console