Real-time Object Detection on Web Page with Raspberry Pi and Hailo Example

Hi everyone,

I’m working on a project where I want to display real-time object detection results from the Hailo object detection example GitHub - hailo-ai/hailo-rpi5-examples at 0c70ac577677d997c0c0b38290670466ed3fe9a2 on a web page. My goal is to connect a device, such as my phone or another computer, to a Wi-Fi network hosted by the Raspberry Pi, access a web page managed by the Raspberry Pi (like http://10.42.0.1:5000), and view the live video feed from the camera with object detection boxes, name, percentage

So far, I’ve successfully connected my phone to the web page hosted by the Raspberry Pi, but I’m struggling to display the live video feed with object detection results

I’m using an IMX219 camera module connected via CSI to the Raspberry Pi. I’d like to integrate Flask (or any similar solution) to stream the detection results on the web page.

If anyone has experience or tips for achieving this setup, or suggestions for tools or libraries that could simplify the process, I’d greatly appreciate your help!

Thanks in advance!