How to Configure Dual Displays

[sparton175]

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!

[hudiy]

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.

[wkl3968]

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