Setup Synchronized Playback Displays for Multiple Screens

Share on print
Share on facebook
Share on linkedin
Share on whatsapp
Share on email

Over the past few years, changes in the modern workplace coupled with falling prices of large format displays have driven higher customer demand when it comes to synchronized playback across multiple screens. Appspace has developed a new synchronization method to meet the stringent timing requirements for synchronized video, while also overcoming the drawbacks of the traditional solution.

With this configuration, one of the media players acts as a controller and timekeeper, while other media players act as worker devices. Through the network, worker devices check what content frame they should be showing, and adjust their playback to sync with the controller. The worker also accounts for the network latency of making this call to the controller.

If you’d like to get started in setting up a multi-screens or video wall displays within your organization, please contact your Customer Success Manager for consultation on specific hardware and configuration settings that would help in your planning process.

For more information, read our Appspace Synchronized Content Playback on Multiple Screens and Video Walls guide.

Note
If you are looking to configure other synchronized display possibilities, please refer to the Setup Synchronized Playback Displays for Video Walls article.

This article provides administrators with instructions to configure multiple devices to work cohesively for multiple screens (mirrored displays).

Table of Contents:

Prerequisites

  • Account Owner or Location Admin roles, with an Appspace Platform user license.
  • An active Internet connection.
  • Two or more supported Appspace App devices with sufficient Device licenses that meet both manufacturer’s minimum hardware and technical specifications. Please refer to our Supported Devices and Operating System.
    • Image and video resolutions are dependent on individual device specifications.
    • Currently, we only support the following devices for synchronized playback:
      Device OS Clock Sync Mode Playlist Channels Advanced Channels Cards
      Chrome OS Both Controller and Worker devices supported Only Image and Video in a single playlist channel supported. Channel Scheduling and Dayparting supported Only Media Zone and Text widgets supported Only Announcement and Data Visualization cards supported
      Android
      BrightSign OS
      LG webOS
      UWP
    • There is a limitation with LG webOS and Android devices configured with Synchronized Content Playback, where a slight duration loss during video playback in advanced channels (video playback gets cut) is experienced, due to the devices not supporting video seeking when in synchronized mode.
  • It is recommended that device clocks are set to automatically retrieve time from a Network Time Protocol (NTP) server, configured with the correct time zone in order for it to sync correctly with Appspace servers.
    Note
    • Appspace cloud servers retrieve time from an NTP server by default. If an Appspace on-prem server is used, ensure the server is configured to automatically retrieve time from an NTP server.
    • Appspace has updated its timezone configurations, which now include time zones other than GMT. This enables users with daylight savings to adjust time accordingly. For more information, please refer to our Appspace 7.1-ac.8 Release Notes.
  • Ensure your network or firewall has been configured to allow Appspace-approved URLs and relevant network ports.
    If you’re using a proxy server, ensure our approved URLs are listed in the ‘Set up a hostname allowlist‘ section in the following article: https://support.google.com/chrome/a/answer/3504942#sslinspection.

Device Properties for Synchronized Playback for Multiple Screens

The table below provides a quick description of all device properties and values required in configuring synchronized playback for multiple screens (mirrored displays).

Configuration Property Name Property Value Applicability Description
Synchronized Playback player.scheduling.mode synchronized Controller and Worker devices Enables the synchronized playback at the layout level.
player.clocksync.mode controller Controller device Designates each device as a Controller or Worker. Select only one device to act as the Controller clock.
worker Worker devices
player.clocksync.controller.ip xxx.xxx.xxx.xxx Worker devices only The Controller device’s IP address is used by the Worker device to synchronize the clock.
remote.enable true Controller device only Grants permission to worker devices to connect to the Controller device via WebSocket.
player.content.preloadtime Controller and Worker devices Defines a pre-load time in seconds for content on the device. This helps adjust content playback on devices that take a longer time to load or play (such as low power devices); playing all content in a synchronized manner.
Recommended preload time:
- LG webOS - 3.5 seconds
- Chrome OS - 1.5 seconds
- UWP - 3 seconds
- BrightSign OS - 3 seconds
Debugging player.clocksync.debug true Optional for Controller and Worker devices Enable or disable an overlay on the screen that shows debug information.
Note
  • Content syncs every 30 seconds to ensure a smooth experience during mid-playback.
  • Only Image transitioning will be available. Layout and video transitioning will be disabled by default.

Configure Synchronized Playback for Multiple Screens

  1. Log in to the Appspace console.
  2. Click Devices from the ☰ Appspace menu, and register your Controller and Worker Appspace App devices individually, by following the instructions in the Register a Device with Appspace article. (Skip assigning a channel to the device)
  3. Once all devices have been registered, perform the following in the Devices listing page:
    • Assign and select the designated Controller device, and add the following device properties:
      Device Property Value Description / Example
      player.scheduling.mode synchronized
      player.clocksync.mode controller
      player.clocksync.controller.ip xxx.xxx.xxx.xxx Controller IP Address
      player.content.preloadtime numeric value

      Define pre-load time in seconds.

      • LG webOS – 3.5 seconds
      • Chrome OS – 1.5 seconds
      • UWP – 3 seconds
      • BrightSign OS – 3 seconds
    • Assign and select designated Worker devices, and add the following device properties:
      Device Property Value Description / Example
      player.scheduling.mode synchronized
      player.clocksync.mode worker
      player.clocksync.controller.ip xxx.xxx.xxx.xxx Controller IP Address
      player.content.preloadtime  numeric value

      Define pre-load time in seconds.

      • LG webOS – 3.5 seconds
      • Chrome OS – 1.5 seconds
      • UWP – 3 seconds
      • BrightSign OS – 3 seconds
  4. Once done, proceed to assign the channel you wish to display on your video wall to the Controller and all Worker Appspace App devices.

Enable Debug Mode for Synchronized Playback

In order to debug synchronized playback on video walls, add the following device property to both Controller and Worker devices:

Device Property Value Description / Example
player.clocksync.debug true

Once debug mode has been enabled on both Controller and Worker devices, the debug layer will appear if all devices are in sync, switching between four colors (purple, blue, green, black). The debug layer also displays the following information:

  • Device time.
  • Identify if the device is a Controller or Worker.
  • The delta (differential) sync between the Controller and Worker devices.
  • The round-trip between the Controller and Worker devices.
  • The last updated delta sync and round-trip between the Controller and Worker devices. If the round-trip between devices is larger than 0.5 seconds, the device will show as offline.
  • The Controller device will display the number of Worker devices that are connected to it.
  • The Worker device will display the IP address of the Controller device it is connected to.