a few UI Issues / Suggestions

[by321]

In no particular order:

• Many UI elements take up way too much screen space, for example that "Keep FPS" checkbox. Make them smaller.
• It would be great if the "Target File(s)" box accepts multiple drops/file-opens so you can add files to the list. Right now after the first drop/open, you have to clear it to before it accepts more drops/file-opens.
• The "Target File(s)" box and the preview box are too far away from each other. I have to click on one file, scroll down the see the preview, scroll back up. click on another file, scroll down again, and repeat... Put them next to each other, or even better, add "previous" and "next" buttons to the preview box.
• Results/status messages are displayed with a self-timer that goes away after 10 seconds. But if you switch to a different tab/window and come back after 10 seconds, you'll miss the messages. Put them in an output window where each message comes with a timestamp.
• Both "Source Face Image" and "Target File(s)" should be a list view showing a list of filenames, and when you click on a filename, the face in that file should be display somewhere, fairly big like in the original GUI.
• The source face should be displayed next to the preview image. Right now, if I have the source face scrolled into view, the most of the preview image is offscreen, and if I scroll the preview image into view, the source face is offscreen. Very annoying. In the original GUI, at least I can move the preview window next to the source face for easy comparison.

[C0untFloyd]

These are all valid suggestions for a desktop app. This is a web server ui though and we're in browser territory! That means gradio (the underlying framework) doesn't have any functionality for fixed sizes etc. as this can be running on any device. If you really, really want this you can do it with css trickery, but even Automatic1111 doesn't do this AFAIK.

1. Can't do this, see above
2. Not supported by gradio
3. Even more buttons? No thanks
4. Gradio does it. No way to influence the time or display method
5. Listviews not existing in gradio
6. Debatable. With video trimming controls and more settings...I don't know

https://www.gradio.app/guides/custom-CSS-and-JS

[C0untFloyd]

@by321 Thanks for your work on the old version 👍