Video Annotation Annotator.js

This plugin allows making annotations over video and images. The plugin can only save still images of an annotated video
You can set a Dynamic video URL or Image to Annotate.

Available actions;

- Play a video
- Pause a video
- Start Annotation
- Set pencil color & width
- Finish Annotation (triggers an event)
- Show Annotation ( Show a saved annotation and display on top of the video )

Available events;

- Video Ended
- Video Playing
- Video Paused


When an annotation is ready it triggers the Finish Annotation event, from there you can save the data to your database. Use the screenshot to retrieve the annotated image.

Available states;

Annotation_screenshot: contains the last annotation screenshot.

Annotation_time: contains the playback time of your last annotiation.

Playing yes/no; indicates the state of the Annotator.js.

Drawing yes/no; indicates the state of the Annotator.js.


Demo: https://video-annotator.bubbleapps.io/version-test

Editor: https://bubble.io/page?name=index&id=video-annotator&test_plugin=1634804445230x830679498067017700_current&tab=tabs-2