在静态网页中运行 YOLO Demo

· 技术 · YOLOv8 / ONNX / WebAssembly / Canvas / Static Web

译自英文 · 可对照原文勘误 · 查看英文原文

在浏览器中运行的 YOLO 目标检测

我尝试把 YOLO 部署到完全静态的网页里。

YOLOv8n 被导出为 ONNX,方便跨平台地在浏览器中执行。WebAssembly 负责图像预处理和模型推理,Canvas 绘制检测框。目标检测完全在用户设备上运行,服务器只提供静态文件。

模型和 Demo HTML 都放在对象存储中。这个页面通过 iframe 嵌入 Demo,因为直接把代码放进博客页面时,模型路径和资源加载会出现问题。

YOLO 静态网页 Demo 结果