0

Thumbnail Image Gallery with GPIO Navigation and Timeout Slideshow

New to BrightSign and slowly getting my bearings. Got a couple small/simple projects under my belt and looking to step it up. Couldn't find anything similar in the community to reference, so looking for a little guidance on how best to proceed from those with more experience.

Hoping it is possible to have a player auto-load all pictures from a web folder on startup and have GPIO buttons to navigate through them. (Part of this seems easy enough with an Image List and assigning GPIO buttons, but it would require locally stored photos I think and not web-stored. Now to complicate things...)

Also would like to have a thumbnail gallery of maybe 6 images per page load when the player detects a person approach (via GPIO input) where they could see auto-generated thumbnails of all of the images from the player/web folder with small text box below the image that it could read either from the image file's description or name. Once the "gallery" is shown, they would use the same navigational buttons to scroll through the pictures/pages and individually select it for viewing via a "Play" button. Once an image is selected and loaded full-screen, left (or up) and right (or down) buttons would scroll to previous/next image and display full screen also like a typical image list. A home button would return you to the thumbnail gallery. After a timeout period, it would go to an automatic slideshow of full screen images and wait for someone to approach again to start the process over again.

I have an XD232 laying around that I hoped to use. I also ordered the 6-button "Navigator" box from HMS Electronics that I thought would make a nice user interface and provide my GPIO buttons. Just a little confused on how to go about making the interactive thumbnail gallery and auto-population side of things at this point since the number of photos in the folder would have to determine how many pages to create/alphabetize the images displayed.

Hoping that someone has done something similar in the past that can help! Thank you!

1 comment

  • 0
    Avatar
    ^UD\_$

    Seems like for the interactive thumbnail gallery, and auto-population side of things, you'd want to use HTML based UI.

    The rule of thumb is, if you can create a web page that satisfies your requirements, most likely you can run it on the player.

    Make sure your code is compatible with the version of Chromium in use.

    https://docs.brightsign.biz/display/DOC/HTML5+Best+Practices

Please sign in to leave a comment.