VideoAnnotator

Scrub, zoom, and draw shapes/points/labels over a clip, then export the current frame + annotations as a PNG — demoed against a real property's own interior walkthrough clip.

Usage

import { VideoAnnotator } from "@/components/VideoAnnotator";

<VideoAnnotator
  src="/showcase-samples/2806-prado-tour/entry.mp4"
  onAnnotationsChange={(shapes) => console.log(shapes)}
/>