MARKETPLACE
PLUGINS
VIDEO ANNOTATION ANNOTATOR.JS
Video Annotation Annotator.js logo

Video Annotation Annotator.js

Published August 2022
   •    Updated March 2026

Plugin details

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

$79

One time  •  Or  $5/mo

stars   •   0 ratings
2 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

No-Code Venture logo
No-Code Venture
Joined 2017   •   214 Plugins
View contributor profile

Instructions

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

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Media   •   Video   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble
TOMORROW: Just Shipped Livestream with Bubble co-founders Josh and Emmanuel. Join for a demo session of Bubble’s  latest product releases
RSVP HERE