arxiver / video-annotator

Video annotation portable web app (A canvas based timeline for controlling/annotating HTML5 video objects)

Home Page:http://arxiver.github.io/video-annotator/

Repository from Github https://github.comarxiver/video-annotatorRepository from Github https://github.comarxiver/video-annotator

video-annotator

Live preview

Video annotation portable web app (A canvas based timeline for controlling and annotating video)

This app is a part of RapidAnnotator (GSoC'22 project) and it is an extending work on videotimeline.js

Features:

  • Timeline
  • Frame/Seconds seeking
  • Zoom in/out video timeline
  • Annotation add/edit/delete
  • Multiple tracks support

Usage:

// singltone object
var videoId = "video"
var timeline = new Timeline(videoId); 
// add intial tracks and their annotation (load)
timeline.addTrack(3, "track 03", [{
		text: "text dsadasdasd",
		backgroundColor: "white",
		startTime: 0,
		endTime: 10.5,
	}]);
// add track without annotations (empty list)
timeline.addTrack(2, "track 02", []);

image

About

Video annotation portable web app (A canvas based timeline for controlling/annotating HTML5 video objects)

http://arxiver.github.io/video-annotator/

License:MIT License


Languages

Language:JavaScript 87.0%Language:HTML 7.6%Language:CSS 5.3%