What technologies are used to develop such an interactive application?

Question

JavaScript

What framework/plugin/CMS/development environment is used to display images like this:
https://www.youtube.com/watch?v=GB0chY7E9Mw
Time 0:45-1:10
https://www.youtube.com/ watch?v=dEte8K4mCuM
Time 0:04-0:37
i.e. a grid of images that can move / change, and when you click on one of them on the touch screen, the rest of the images "part to the sides", and in place of the selected one a carousel with related images with accompanying textual information is displayed?
I plan to use this output to develop presentation Web applications for touch kiosks and video walls.
I would be grateful for any information.

Answer 1

For kiosks, chrome in kiosk mode or nwjs is usually used . Accordingly, HTML + JS is used to display images. In this case, they probably used several different libraries and finished them off - here is a gallery in the middle of a completely standard slider. You can see a couple of real examples with a complete list of libraries in my profile: one and two . In the first case, there is just a similar slider - it is made on pure CSS3, but I have a full scrolling animation with rotation and support for GPU acceleration, and in the video it's just a flat slider. Linux is the best OS for a kiosk, but Windows can also be used (but it's more expensive). As an iron, a device such as raspberries / oranges, etc. will do.