hudiy.eu

I’m setting up Hudiy on a Raspberry Pi 5 with an NVMe SSD and I’d like to run a dual-display setup in my car.
The plan is:
• Upper screen: CarPlay
• Lower screen: Custom Hudiy apps for suspension, lighting, seat controls, DSP tuning, etc.

I’ve seen the example dual display photo on the Hudiy website, and that’s basically exactly what I’m trying to do — one screen dedicated to CarPlay/Android Auto, and another for custom controls and widgets.

Questions:
1. Does Hudiy natively support two separate displays, each with their own layout and content?
2. If so, is there a configuration file or setting that assigns widgets/apps to a specific screen?
3. Do both screens have to be combined into one large virtual display in the OS, or can Hudiy output to each independently?

Thanks in advance — I’m happy to test and share results once it’s working!

Multiple screens in Hudiy are supported in the sense that you can change the size of the main window.

if you have, for example, two screens - 1280x720 and 1920x720 - then the window size to cover both screens should be set to:

windowWidth = 3200 (1920 + 1280)
windowHeight = 720

This also depends on how the screens are positioned in the Screen Configuration app of Raspberry Pi OS, but the simplest setup is to place them side by side (it does not make any difference to physical layout when interface is controlled by touch or key strokes).

Changing the window size is described here:
https://github.com/wiboma/hudiy/blob/ma ... pplication (windowWidth, windowHeight).

In the same configuration file (main_configuration.json), you can also adjust the size and position of all elements such as the Hudiy UI, CarPlay, Android Auto, and the Reverse Camera.

Additionally, if you want to display your own elements in custom positions, you can use HTML/JavaScript together with overlays:
https://github.com/wiboma/hudiy/blob/ma ... d#overlays

Overlays allow you to display HTML/JavaScript elements of any size and at any position (x, y) within the Hudiy window.

Examples of HTML/JavaScript that can be used as overlays are available on our GitHub:
https://github.com/wiboma/hudiy/tree/ma ... les/api/js

If you want to communicate with Hudiy from your own applications, you can use the API. The API supports both TCP and WebSocket, and our examples also make use of it.

The API documentation is available here:
https://github.com/wiboma/hudiy/blob/main/api/Api.proto

Let us know exactly which screens (resolutions) you want to use and how you’d like to position the selected elements - we’ll help you adjust the configuration.

What kind of knowledge needed to create slider, toggle html or java script page for hudiy application?

So been scratching my head to figure out the dual displays. I'm sure I'm missing something.

Currently I have two displays next to each other. Both screen are 1280 x 720, so I followed what you suggested. In the main_configuration.json file I changed the windowWidth = 2560 (1280 + 1280) windowHeight = 720. When I launch Hudi the screen stretches the background as if its a 2560 resolution but the other screen doesn't show anything. Even if I set the X and Y for Android Auto it just cuts in off on the first screen and doesn't follow through to the second screen. Like draggin a window from the one side to the other, its almost like Hudiy is full screen but not strecthing the window itself to the second screen.

Hope I'm making sense in what I'm trying to say. I'm runnint Raspbian Trixie, not using labwc or anything...

Thanks, still loving Hudiy world of possiblities

labwc is the default window compositor on Raspberry Pi OS Trixie Desktop and Bookworm Desktop. If you haven't modified your system and are using the desktop environment, labwc runs by default. Try applying the solution from this post:

viewtopic.php?p=447#p447

Thanks, let me give it a try!

Excellent, that did the trick! Thanks very much.