add webui for realtime mode

[leetraman822]

No description provided.

[warmshao]

Is it possible to directly display the camera image on the Gradio web UI? Additionally, it is not recommended to use the subprocess to call commands, and your Python is still in the Windows environment./venv/python.exe

[leetraman822]

Is it possible to directly display the camera image on the Gradio web UI? Additionally, it is not recommended to use the subprocess to call commands, and your Python is still in the Windows environment./venv/python.exe

Hi, I apologize for my python skill.😟
I've have envisioned embedding the render window directly within the web UI for a cleaner and more intuitive display. Upon consulting GPT, I learned that embedding the render window code might be more complex, hence currently, I've only implemented a simple web UI that calls commands via subprocess. I will continue my efforts. I'm considering adding an 'Enable Separate Render Window' option in the web UI. The rationale behind this is to facilitate capturing the full window output by software like OBS or other screen capture tools. Of course, in some scenarios, it would also allow for directly viewing the output content within the web UI.
Additionally, I have only tried using Python on Windows, and I am not very proficient with commands on other operating systems. Apologies for that.

[warmshao]

Thank you, @leetraman822, for your contribution to adding a web UI for real-time mode using Gradio. The implementation of webui.py looks promising and should enhance user interaction by providing a straightforward interface for real-time image processing. However, the pull request lacks a description, which would be helpful for understanding the context and purpose of these changes. Could you please provide a brief description of the functionality and any specific instructions for testing this new feature? This will assist the maintainers in reviewing and integrating your changes more efficiently. Thank you!