Skip to main content

How to create a Video Wall

This article shows you how to create a Video Wall setup in Wallboard.

Table of Contents

About Video Walls

If you want to stretch your content across multiple physical displays next to each other, you have to use a video wall setup.

To set up a video wall, you must send an advanced configuration to your device through Wallboard. This configuration defines the layout, position, orientation and resolution of each display in the video wall.

Note

With a Premium license you can use up to 2 displays at once in a video wall, however for more than 2 displays a Video Wall license is required!

Compatible devices

BrightSign:

  • BrightSign XC2055
  • BrightSign XC4055

Android:

  • Giada D77

Understanding the key parameters in the configuration

Each video wall setup requires specific parameters in the advanced configuration in order for it to work.

  • type: Always set to SCREEN_CONFIGURATION for video wall setups.
  • outputName: The HDMI port for each screen, e.g. HDMI-1, HDMI-2, etc...
  • screenX/screenY: The top left starting coordinates of the individual screens where X is the width and Y is the height.
  • transform: Sets the rotation for each screen. Options include:
    • normal - default, no rotation
    • 90 - 90 degrees clockwise
    • 180 - 180 degrees
    • 270 - 90 degrees counterclockwise
  • videoMode: Specifies the screen resolution and refresh rate, e.g. 1920x1080x60p.
    • Supported video resolutions by BrightSign model can be viewed by clicking here.

Configuration examples based on layouts

Layout #1 (2 horizontal landscape screens)

A 2x1 video wall with two 1920x1080 screens side by side, resulting in a total resolution of 3840x1080.

layout1 img

An example configuration for this layout would look as follows:

BrightSignAndroid
{
"configuration": [
{
"type": "SCREEN_CONFIGURATION",
"enabled": true,
"screens": [
{
"enabled": true,
"screenX": 0,
"screenY": 0,
"outputName": "HDMI-1",
"transform": "normal",
"videoMode": "1920x1080x60p"
},
{
"enabled": true,
"screenX": 1920,
"screenY": 0,
"outputName": "HDMI-2",
"transform": "normal",
"videoMode": "1920x1080x60p"
}
]
}
]
}
{
"configuration": [
{
"mode": "SPLIT",
"type": "SCREEN_CONFIGURATION",
"enabled": true,
"fullWidth": 3840,
"fullHeight": 1080,
"screens": [
{
"screenX": 0,
"screenY": 0,
"outputName": "HDMI-A-1",
"screenWidth": 1920,
"screenHeight": 1080
},
{
"screenX": 1920,
"screenY": 0,
"outputName": "HDMI-A-2",
"screenWidth": 1920,
"screenHeight": 1080
}
]
}
]
}

Layout #2 (2 vertical landscape screens)

A 1x2 video wall with two 1920x1080 screens stacked vertically, resulting in a total resolution of 1920x2160.

layout2 img

An example configuration for this layout would look as follows:

BrightSignAndroid
{
"configuration": [
{
"type": "SCREEN_CONFIGURATION",
"enabled": true,
"screens": [
{
"enabled": true,
"screenX": 0,
"screenY": 0,
"outputName": "HDMI-1",
"transform": "normal",
"videoMode": "1920x1080x60p"
},
{
"enabled": true,
"screenX": 0,
"screenY": 1080,
"outputName": "HDMI-2",
"transform": "normal",
"videoMode": "1920x1080x60p"
}
]
}
]
}
{
"configuration": [
{
"mode": "SPLIT",
"type": "SCREEN_CONFIGURATION",
"enabled": true,
"fullWidth": 1920,
"fullHeight": 2160,
"screens": [
{
"screenX": 0,
"screenY": 0,
"outputName": "HDMI-A-1",
"screenWidth": 1920,
"screenHeight": 1080
},
{
"screenX": 0,
"screenY": 1080,
"outputName": "HDMI-A-2",
"screenWidth": 1920,
"screenHeight": 1080
}
]
}
]
}

Layout #3 (2x2 landscape screens)

A 2x2 video wall with four 1920x1080 screens in a 2x2 layout, resulting in a total resolution of 3840x2160.

layout3 img

An example configuration for this layout would look as follows:

BrightSignAndroid
{
"configuration": [
{
"type": "SCREEN_CONFIGURATION",
"enabled": true,
"screens": [
{
"enabled": true,
"screenX": 0,
"screenY": 0,
"outputName": "HDMI-1",
"transform": "normal",
"videoMode": "1920x1080x60p"
},
{
"enabled": true,
"screenX": 1920,
"screenY": 0,
"outputName": "HDMI-2",
"transform": "normal",
"videoMode": "1920x1080x60p"
},
{
"enabled": true,
"screenX": 0,
"screenY": 1080,
"outputName": "HDMI-3",
"transform": "normal",
"videoMode": "1920x1080x60p"
},
{
"enabled": true,
"screenX": 1920,
"screenY": 1080,
"outputName": "HDMI-4",
"transform": "normal",
"videoMode": "1920x1080x60p"
}
]
}
]
}
{
"configuration": [
{
"mode": "SPLIT",
"type": "SCREEN_CONFIGURATION",
"enabled": true,
"fullWidth": 3840,
"fullHeight": 2160,
"screens": [
{
"screenX": 0,
"screenY": 0,
"outputName": "HDMI-A-1",
"screenWidth": 1920,
"screenHeight": 1080
},
{
"screenX": 1920,
"screenY": 0,
"outputName": "HDMI-A-2",
"screenWidth": 1920,
"screenHeight": 1080
},
{
"screenX": 0,
"screenY": 1080,
"outputName": "DP",
"screenWidth": 1920,
"screenHeight": 1080
},
{
"screenX": 1920,
"screenY": 1080,
"outputName": "DSI",
"screenWidth": 1920,
"screenHeight": 1080
}
]
}
]
}

Layout #4 (2 side-by-side portrait screens)

Two 1920x1080 screens in portait orientation side-by-side, resulting in a total resolution of 2160x1920.

layout4 img

An example configuration for this layout would look as follows:

BrightSignAndroid (rotate the device in editor)
{
"configuration": [
{
"type": "SCREEN_CONFIGURATION",
"enabled": true,
"screens": [
{
"enabled": true,
"screenX": 0,
"screenY": 0,
"outputName": "HDMI-1",
"transform": "90",
"videoMode": "1920x1080x60p"
},
{
"enabled": true,
"screenX": 1080,
"screenY": 0,
"outputName": "HDMI-2",
"transform": "90",
"videoMode": "1920x1080x60p"
}
]
}
]
}
{
"configuration": [
{
"mode": "SPLIT",
"type": "SCREEN_CONFIGURATION",
"enabled": true,
"fullWidth": 2160,
"fullHeight": 1920,
"screens": [
{
"screenX": 0,
"screenY": 0,
"outputName": "HDMI-A-1",
"screenWidth": 1920,
"screenHeight": 1080
},
{
"screenX": 1080,
"screenY": 0,
"outputName": "HDMI-A-2",
"screenWidth": 1920,
"screenHeight": 1080
}
]
}
]
}

Layout #5 (3 horizontal landscape screens)

A 3x1 video wall with three 1920x1080 screens side by side, resulting in a total resolution of 5760x1080.

layout5 img

An example configuration for this layout would look as follows:

BrightSignAndroid
{
"configuration": [
{
"type": "SCREEN_CONFIGURATION",
"enabled": true,
"screens": [
{
"enabled": true,
"screenX": 0,
"screenY": 0,
"outputName": "HDMI-1",
"transform": "normal",
"videoMode": "1920x1080x60p"
},
{
"enabled": true,
"screenX": 1920,
"screenY": 0,
"outputName": "HDMI-2",
"transform": "normal",
"videoMode": "1920x1080x60p"
},
{
"enabled": true,
"screenX": 3840,
"screenY": 0,
"outputName": "HDMI-3",
"transform": "normal",
"videoMode": "1920x1080x60p"
}
]
}
]
}
{
"configuration": [
{
"mode": "SPLIT",
"type": "SCREEN_CONFIGURATION",
"enabled": true,
"fullWidth": 5760,
"fullHeight": 1080,
"screens": [
{
"screenX": 0,
"screenY": 0,
"outputName": "HDMI-A-1",
"screenWidth": 1920,
"screenHeight": 1080
},
{
"screenX": 1920,
"screenY": 0,
"outputName": "HDMI-A-2",
"screenWidth": 1920,
"screenHeight": 1080
},
{
"screenX": 3840,
"screenY": 0,
"outputName": "DP",
"screenWidth": 1920,
"screenHeight": 1080
}
]
}
]
}

Layout #6 (4 horizontal landscape screens)

A 4x1 video wall with four 1920x1080 screens side by side, resulting in a total resolution of 7680x1080.

layout6 img

An example configuration for this layout would look as follows:

BrightSignAndroid
{
"configuration": [
{
"type": "SCREEN_CONFIGURATION",
"enabled": true,
"screens": [
{
"enabled": true,
"screenX": 0,
"screenY": 0,
"outputName": "HDMI-1",
"transform": "normal",
"videoMode": "1920x1080x60p"
},
{
"enabled": true,
"screenX": 1920,
"screenY": 0,
"outputName": "HDMI-2",
"transform": "normal",
"videoMode": "1920x1080x60p"
},
{
"enabled": true,
"screenX": 3840,
"screenY": 0,
"outputName": "HDMI-3",
"transform": "normal",
"videoMode": "1920x1080x60p"
},
{
"enabled": true,
"screenX": 5760,
"screenY": 0,
"outputName": "HDMI-4",
"transform": "normal",
"videoMode": "1920x1080x60p"
}
]
}
]
}
{
"configuration": [
{
"mode": "SPLIT",
"type": "SCREEN_CONFIGURATION",
"enabled": true,
"fullWidth": 7680,
"fullHeight": 1080,
"screens": [
{
"screenX": 0,
"screenY": 0,
"outputName": "HDMI-A-1",
"screenWidth": 1920,
"screenHeight": 1080
},
{
"screenX": 1920,
"screenY": 0,
"outputName": "HDMI-A-2",
"screenWidth": 1920,
"screenHeight": 1080
},
{
"screenX": 3840,
"screenY": 0,
"outputName": "DP",
"screenWidth": 1920,
"screenHeight": 1080
},
{
"screenX": 5760,
"screenY": 0,
"outputName": "DSI",
"screenWidth": 1920,
"screenHeight": 1080
}
]
}
]
}

Layout #7 (3 side-by-side portrait screens)

Three 1920x1080 screens in portait orientation side-by-side, resulting in a total resolution of 3240x1920.

layout7 img

An example configuration for this layout would look as follows:

BrightSignAndroid (rotate the device in editor)
{
"configuration": [
{
"type": "SCREEN_CONFIGURATION",
"enabled": true,
"screens": [
{
"enabled": true,
"screenX": 0,
"screenY": 0,
"outputName": "HDMI-1",
"transform": "90",
"videoMode": "1920x1080x60p"
},
{
"enabled": true,
"screenX": 1080,
"screenY": 0,
"outputName": "HDMI-2",
"transform": "90",
"videoMode": "1920x1080x60p"
},
{
"enabled": true,
"screenX": 2160,
"screenY": 0,
"outputName": "HDMI-3",
"transform": "90",
"videoMode": "1920x1080x60p"
}
]
}
]
}
{
"configuration": [
{
"mode": "SPLIT",
"type": "SCREEN_CONFIGURATION",
"enabled": true,
"fullWidth": 3240,
"fullHeight": 1920,
"screens": [
{
"screenX": 0,
"screenY": 0,
"outputName": "HDMI-A-1",
"screenWidth": 1920,
"screenHeight": 1080
},
{
"screenX": 1080,
"screenY": 0,
"outputName": "HDMI-A-2",
"screenWidth": 1920,
"screenHeight": 1080
},
{
"screenX": 2160,
"screenY": 0,
"outputName": "DP",
"screenWidth": 1920,
"screenHeight": 1080
}
]
}
]
}

Layout #8 (4 side-by-side portrait screens)

Four 1920x1080 screens in portait orientation side-by-side, resulting in a total resolution of 4320x1920.

layout8 img

An example configuration for this layout would look as follows:

BrightSignAndroid (rotate the device in editor)
{
"configuration": [
{
"type": "SCREEN_CONFIGURATION",
"enabled": true,
"screens": [
{
"enabled": true,
"screenX": 0,
"screenY": 0,
"outputName": "HDMI-1",
"transform": "90",
"videoMode": "1920x1080x60p"
},
{
"enabled": true,
"screenX": 1080,
"screenY": 0,
"outputName": "HDMI-2",
"transform": "90",
"videoMode": "1920x1080x60p"
},
{
"enabled": true,
"screenX": 2160,
"screenY": 0,
"outputName": "HDMI-3",
"transform": "90",
"videoMode": "1920x1080x60p"
},
{
"enabled": true,
"screenX": 3240,
"screenY": 0,
"outputName": "HDMI-4",
"transform": "90",
"videoMode": "1920x1080x60p"
}
]
}
]
}
{
"configuration": [
{
"mode": "SPLIT",
"type": "SCREEN_CONFIGURATION",
"enabled": true,
"fullWidth": 4320,
"fullHeight": 1920,
"screens": [
{
"screenX": 0,
"screenY": 0,
"outputName": "HDMI-A-1",
"screenWidth": 1920,
"screenHeight": 1080
},
{
"screenX": 1080,
"screenY": 0,
"outputName": "HDMI-A-2",
"screenWidth": 1920,
"screenHeight": 1080
},
{
"screenX": 2160,
"screenY": 0,
"outputName": "DP",
"screenWidth": 1920,
"screenHeight": 1080
},
{
"screenX": 3240,
"screenY": 0,
"outputName": "DSI",
"screenWidth": 1920,
"screenHeight": 1080
}
]
}
]
}

Applying your Advanced Configuration

To set the configuration for your device follow these steps:

  1. In the editor, right click your device and select Set advanced config.
  2. Copy and paste the correct configuration for your device type and layout into the text field.
  3. Click Save.

advconfig1.png

To avoid image distortion, make sure the canvas size of your content matches the total resolution of your video wall.

Tip!

If you have further questions please do not hesitate to contact us at support@wallboard.info.