MP4 · MOV · AVI · WebM · or click Open video…
…or start a blank New canvas to animate from scratch
Drop an .annotations.json file after the video to restore saved notes.
Press ? for hotkeys.
Browsers only play a few video formats natively: MP4 / MOV with H.264 or H.265, WebM (VP8/VP9/AV1). AVI containers, and MOV files using ProRes, DNxHD, Animation, PNG or MJPEG codecs, won't play.
Drawings use normalized coordinates, so you can change the size later; the background and length can be changed any time.
| Space | Play / pause |
| J K L | Play backward / pause / play forward |
| ← → or , . | Step one frame |
| Shift+←/→ | Step 10 frames |
| Home End | First / last frame |
| ↑ ↓ | Next / previous annotated frame |
| [ ] | Slower / faster |
| I O X | Set In / Out point, clear both |
| M | Mute |
| G | Go to frame… |
| + − 0 | Zoom in / out / fit |
| F | Fullscreen |
| Tab | Show / hide annotation list |
| ? | This help |
| P E | Pen / eraser |
| A Shift+L | Arrow / line |
| R C T | Rectangle / ellipse / text |
| B | Paint bucket (fills a closed shape; closes tiny gaps) |
| N | Ghost previous (red) / next (green) frames |
| V | Toggle backdrop (video / background) off and on |
| H | Hand: drawing off, click video to play/pause |
| 1–4 | Lasts: this frame / to end / In–Out / whole video |
| Ctrl+Z / Y | Undo / redo |
| Delete | Clear this frame's drawings |
| Shift+Delete | Clear everything visible on this frame (incl. held/whole-video) |
| Ctrl+S | Save annotations JSON |
| Shift+S | Export current frame PNG |
Annotations autosave in this browser per file (name + size) and reappear when you reopen the same video. Use Save JSON to keep a copy or move it to another machine.
Frame numbers depend on FPS. It's auto-detected on load; override it in the header if the count looks wrong.