Interactive TouchScreen Menu System

Community Discussion General
1

Hi All,

This is more of a Diary entry of my journey through this Madness.

The End Goal is to make Xibo do something it shouldn’t.
I am wanting to create a GUI using Xibo Widgets and Interactive areas.
I know I’m going to run into problems, but what’s life without a little Challenge? So come with me on this mad challenge and share in my Success/Failure!

Im using V4 and will be using an Android based touch screen as the Player.

The Plan of attack…
Create a Layout with a touchable area.
Have the touchable area jump to another layout.
Figure how to use the menuboard system.
can I use that as a makeshift GUI?
Get the Items into the Media library.

Feel Free to Chime in if I’m covering ground that’s already documented…

1 Like
2

Update!

Videos Loop properly now? theres no black frame between loops!

image
image1826×1236 250 KB

3

Running into an interesting issue…

because the images are on a canvas I cant assign an interactable action to the individual image. Instead its just the whole Canvas thats Interactive.

image

As Seen above there is just two Widgets, The background Video and the Back Icon the rest are stuck in the canvas layer list below

image
image267×549 7.78 KB

I will report back once I’ve cracked this conundrum.

1 Like
4

Ok I’ve found a work around for my non interactive Canvas Layer images.

an empty Embed box that’s transparent…

image

talk about a work around!

Be Pretty cool if these buttons were made to be a real thing, like an invisible button…

1 Like
5

Well Now its just a long Repetative Slog to make the sub menus.

image
image413×1256 14.3 KB

Not going to lie, Slowly loosing my mind!!

Looking forward to see how this system preforms on a player!

Be interesting to see if all the layouts get preloaded onto the player…

2 Likes
6

Ok so I’ve started the initial testing on the display using Android R402

This is what it looks like in the layout designer.

image
image518×856 101 KB

This is what it looks like on preview along with the layers

image
image1050×864 176 KB

And finally, this is what it looks like on an actual display…

image
image854×950 53.3 KB

the icons do pop up for a bit with the video playing in the background but they then disappear…
the Invisible html buttons work though and you can navigate the GUI…

I’m just struggling with the layering…
any advice?

2 Likes
7

Hello,
Thanks for this update.

8

Just a quick update on how I solved the Video Layer not playing.

I moved the background video layer from layer 0 to layer 1 and this solved the issue.