Optical Flow Frame Interpolation

Pyramidal Lucas-Kanade · Bidirectional Flow · Occlusion-Aware Blending
Pure HTML+JavaScript — no OpenCV, no external libraries, no dependencies

1 · Source Input

Drop video file or click to browse

MP4 · WebM · MOV — extracts all frames (process may take time)
Synthetic frames with known motion

2 · Algorithm Parameters

3 · Optical Flow Visualization Hue=direction · Brightness=magnitude

Frame A

Frame B

Flow A→B flow01

Flow B→A flow10

4 · Interpolation Comparison

0.50

Simple Cross-Fade Blend

Flow-Based Interpolation ours

Ghosting artifacts in blend
Sharp edges in flow-based

5 · Output Sequence

— / —

Status

Ready — upload a video or generate test pattern