Media

Prev Next

The Media app is a general-purpose app for playing out media (video or image). It supports any number of Content fields. During playout, one field will be chosen for playout based on certain properties set on the player in the CMS. The following use cases are supported:

Multi-screen synchronized playout

When synchronizing multiple players, a layer which is playing in sync will play the same playlist with the same playlist items on all devices. This means that they will all show the exact same content. But synchronized displays create opportunities for more immersive and creative experiences, with content spanning across all displays. To do this, separate videos or pictures need to be rendered for each display, such that each player will play out a separate file. All videos must have the exact same duration.

Installing and using the app

To configure the system for multiscreen synchronized playout, the following steps must be taken:

  1. Each player in the sync group must be numbered, preferably in an intuitive way such as from left to right: 1, 2, 3, …

    1. Assign a custom setting called SyncScreen to each player with a different corresponding number.

  2. Download the app here:

    Multiscreen Media
    19.82 KB
  1. The app comes pre-configured for 3 synchronized landscape screens. If you need a different number of screens or portrait orientation, you will need to change the template.json and config.json files accordingly - see below.

  2. Upload the zip (including any changes to the json files) as a template in the CMS

  3. You can now create messages using this template.  Upload the media file for screen #1 as Media 1, and so on.

  4. Use the drop down menu in the top left of the preview to switch between each screen:

Customizing the app

To customize the app, unpack the zip file, edit the template.json and config.json files as described below, then create a new zip with all files.

  • Changing the template name in template.json:

    "name": "Multiscreen Media (L)",

    This is particularly useful if you need several copies of the app covering different use cases, e.g. 3 Landscape screens, 5 Portrait screens, …

  • Changing the orientation / resolution in template.json:

    "targetWidth": 1920,
    "targetHeight": 1080,

  • Changing the captions of the fields in template.json and config.json:

     "caption": "Media 1",

    This can be useful to provide with more descriptive labels, such as “Left screen”, “Middle screen”, …

  • Adding more fields (for more screens) in template.json and config.json:
    Any number of fields are supported, just copy and paste (or delete) one existing field in both template.json and config.json.  Make sure to give each field a unique key and caption:

    "key": "media_4",
    "caption": "Media 4"

    The key should be called media followed by an underscore followed by the “SyncScreen” number.

Multilingual Media

Will be supported in a coming platform upgrade

Multi-orientation Media

Will be supported in a coming platform upgrade