AEM Screens | Setting up 3 Horizontal Displays

[Jineet_Vora]

Hello, does anyone has idea how an image content is sliced in to 3 screens within AEM Screens? Currently there is an option to define the number of vertical and horizontal displays when we create a display at a location. Can I get some more idea around the implementation like how it is done? From hardware perspective, do we need to have 3 individual screens player running on each devices or do we need just one screens player which is extended across the displays?

If not, do we need to create a slice of an image manually and then create individual 3 displays for the same location and assign each slice of the image to each of the 3 displays like a 1-to-1 mapping?

Any help will be appreciated!

Thank you,

Jineet

[kautuk_sahni · Accepted solution]

When you create a display in AEM Screens, you can specify the number of vertical and horizontal displays. This is how you define the layout of the display. For example, if you specify 3 horizontal displays, the image content will be sliced into 3 equal parts and displayed across the 3 screens.

The way this is implemented is that the AEM Screens player will create a separate canvas for each display. The image content will then be rendered on each canvas in the specified layout.

From a hardware perspective, you can use either one or three individual screen players. If you use one screen player, it will be extended across the three displays. This is the simplest option, but it may not be ideal if you need to display different content on each display.

If you use three individual screen players, you can then display different content on each display. This is the more complex option, but it gives you more flexibility.

You do not need to create a slice of an image manually. The AEM Screens player will do this for you automatically when you create the display.

Here are the steps on how to set up 3 horizontal displays in AEM Screens:

1. Create a new display in AEM Screens.
2. In the Display tab, set the Number of Horizontal Displays to 3.
3. Create a new channel and add your image content to it.
4. Assign the channel to the display.

The image content will now be sliced into 3 equal parts and displayed across the 3 screens.

Additional resources that you may find helpful:

• AEM Screens documentation on multi-zone layouts: https://experienceleague.adobe.com/docs/experience-manager-screens/user-guide/authoring/product-feat...
• AEM Screens FAQ: https://one-inside.com/aem-screens-faq/
• Video tutorial on setting up multi-zone layouts in AEM Screens: https://www.youtube.com/watch?v=1xpE7kVbpuI