Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/arxiver/video-annotator
Video annotation portable web app (A canvas based timeline for controlling/annotating HTML5 video objects)
https://github.com/arxiver/video-annotator
annotation annotator canvas elan frames frameseek graphics html javascript timeline video videoframe videotimeline webapp
Last synced: 1 day ago
JSON representation
Video annotation portable web app (A canvas based timeline for controlling/annotating HTML5 video objects)
- Host: GitHub
- URL: https://github.com/arxiver/video-annotator
- Owner: arxiver
- License: mit
- Created: 2022-08-28T11:55:40.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2022-08-30T18:14:36.000Z (about 2 years ago)
- Last Synced: 2024-05-21T08:59:47.577Z (6 months ago)
- Topics: annotation, annotator, canvas, elan, frames, frameseek, graphics, html, javascript, timeline, video, videoframe, videotimeline, webapp
- Language: JavaScript
- Homepage: https://rrrokhtar.github.io/video-annotator/
- Size: 688 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# video-annotator
[Live preview](https://rrrokhtar.github.io/video-annotator/)
Video annotation portable web app (A canvas based timeline for controlling and annotating video)
This app is a part of [RapidAnnotator](https://github.com/RedHenLab/RapidAnnotator-2.0) (GSoC'22 project) and it is an extending work on [videotimeline.js](https://github.com/AlunAlun/videotimeline.js)
Features:
- Timeline
- Frame/Seconds seeking
- Zoom in/out video timeline
- Annotation add/edit/delete
- Multiple tracks support
Usage:
```js
// 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", []);
```
