vatic.js - A pure Javascript video annotation tool

1. This tool can be used to easily annotate a video, without having to install anything. Interpolation between annotated frames is performed for visualization.

   This tool works in Chrome, Firefox, and Safari.

2. To start a new video annotation, select a video file:

   To resume a previous annotation, select a frames zip archive:

   Please compile the full video file path or a video identifier:

3. Download the extracted frames zip archive:

4. Optional: Load an existing JSON annotation file:

   This is useful for example if:

   • You are resuming a previous annotation.
   • You already have a first version of your automatic object detector, which you want to improve by manually correcting its errors.

Manually annotate the frame sequence:

To create a new bounding box, first press "+" then left click on two locations in the video corresponding to the corners of the box ("Esc" to undo).

Tips:

• The visibility of each object can be toogled with its visiblity checkbox under the video. [Affects annotations]
• Click on a bounding box to activate it. Non-active bounding boxes are grayish.
• The active bounding box is shown on top of the others.
• Zoom in with your browser to place the bounding boxes more accurately.

Shortcuts:

• Use the spacebar to play/pause the video, and the left and right arrows to navigate frame by frame.
• Press "h" to hide/show all bounding boxes except the active one. [Doesn't affect annotations]
• Press "d" to enable/disable the dark mode.
• NEW Press "s" to annotate the current position and behaviour of the active buonding box (without changing it).
• Press "[" / "]" to jump to the previous / the next annotation of the active buonding box.
• NEW Press "," / "." to jump to the previous / the next mid point annotation of the active buonding box.

Legend:

• Inactive bounding box
• Annotated bounding box
• Interpolated bounding box
• Last annotated position

Speed multiplier:

5. the JSON annotations file.