vatic.js A pure Javascript video annotation tool

  1. Select a VIDEO file >>>

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

    Note: Keep the focus on the browser during the entire extraction process, or frames might be skipped.

  2. Download the extracted IMAGE frames zip archive >>>

  3. Optional: Load an existing XML annotation file:


  4. Manually annotate the frame sequence:

    To create a new bounding box, first click 'n' (for new), and then left click on two locations in the video corresponding to the corners of the box.

    Tip: Use the spacebar to play/pause the video, and the left and right arrows to navigate frame by frame.

    Tip: The visibility of each object can be toogled with its visiblity checkbox under the video.

    Tip: Zoom in with your browser to place the bounding boxes more accurately.

  5. XML annotations file.