YOLO Demo on a Static Web Page

· Tech · YOLOv8 / ONNX / WebAssembly / Canvas / Static Web

Original language · English · 中文译文

YOLO object detection running in a browser

I tried deploying YOLO on a completely static web page.

The YOLOv8n model was exported to ONNX for portable browser execution. WebAssembly runs preprocessing and inference, while Canvas draws the detection boxes. The object-detection task stays on the user's device; the server only delivers static assets.

Both the model and the demo HTML are stored in object storage. This page embeds the demo through an iframe because loading the model directly inside the blog page caused path and resource-loading problems.

YOLO static web demo result