HTML5VideoAnnotation
https://github.com/Jack3113/HTML5VideoAnnotation/
Installation
- You have to install a web server like Apache on the machine
- You have to access to the index.html with the web server, with a HTTP url like "http://localhost/project/index.html".
Utilisation
- Move your mp4 video file into the videos folder
- Edit
- Edit window.frameRate into main.js to set the video frame rate.
- 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 |