HomeAI & Machine LearningMobile Camera-ML Frame Scheduler — 2D Timeline View

Mobile Camera-ML Frame Scheduler — 2D Timeline View

Interactive 2D discrete-event simulator of a mobile camera feeding an on-device ML model: watch frames flow along a conveyor, hit the inference gate, and get committed or dropped under Process-All, Drop-When-Busy and Periodic-Skip scheduling, with a live logic-analyzer duty-cycle strip and effective FPS / staleness graphs.

AI & Machine Learning2DModerate60 FPS📱 Mobile-adapted⇄ 3D version
2d-mobile-machine-learning-integration ↗ Open standalone

Every real-time camera feature on a phone — object detection, AR filters, document scanning — has to reconcile a fixed camera capture rate with a model inference time that rarely divides evenly into it. This simulator runs an actual discrete-event scheduler: frames spawn at the chosen camera rate, an inference "gate" holds each one for the chosen latency, and you pick between the three scheduling policies real mobile ML pipelines use — queue everything, drop frames while busy, or submit only every Nth frame. Watch the conveyor of frames turn orange while being processed, green once committed, or red when dropped; below it, a logic-analyzer strip traces the inference engine's busy/idle state and two live graphs plot effective FPS and staleness over time, exactly as an app developer would read them off a profiler while tuning against a battery and latency budget.

⚙ Under the hood

Interactive 2D discrete-event simulator of a mobile camera feeding an on-device ML model: watch frames flow along a conveyor, hit the inference gate, and get committed or dropped under Process-All, Drop-When-Busy and Periodic-Skip scheduling, with a live logic-analyzer duty-cycle strip and effective FPS / staleness graphs.

machine learningmobileedge aischedulingreal-timeon-device inference

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)