About the custom layout editor

Easily edit existing channel layouts or create new ones. The custom layout editor gives you full control of the size and position of images, video sources, and text overlays.

Access the custom layout editor using the Admin panel when you select your channel from the Channels menu and click Layouts. To add or delete a layout, see Configure a custom layout for a channel.

When you open the custom layout editor for a channel, a list of layouts appears at the top. You can create and delete layouts, duplicate layouts, choose which layout to preview and edit, and select the active live layout for live switching.

web_channel-layout-picker-annotated.png

Layout editing

Below the layout list is the layout editing area where you can add images, add and edit video sources, and add text overlays to your layout. You can also choose the background matte, as well as crop images and video.

web_channel-layout-visualEditor-annotated.png

The main layout area has the same frame size and aspect ratio as the encoding setting of the channel. As you add items to the layout, they appear in the layout editing area. The currently selected item is presented in full color. Unselected items appear transparent.

To change the settings for an item, click an item in the item list that appears below the layout editing area. The settings for that item appears.

Move and size items in the layout editing area

You can use the mouse to click and drag an image, text overlay, or video source into position, or you can type values into the fields along the side and bottom of the layout area and manually position the selected item. You can also enter values as a percentage of the full layout area (for example, enter 4%) or in pixels (for example, enter 16px).

You can resize an image, text overlay, or video source by clicking and dragging the red and white handles at the corners of an item or by entering values into the fields along the side and bottom of the layout area. To maintain the aspect ratio when resizing an item, make sure you've checked the Keep aspect ratio when scaling box for that item.

Audio source selection and saving edits

Select audio source(s) for your channel by adding them to your layouts. The bottom section of the custom layout editor is where you select the audio source for the currently selected layout. It's also where you'll find the Save button.

If a layout doesn't have an audio source selected, there will be silence when that layout is selected during live switching, recording, and confidence monitoring.

channel_audio-sources-pm.jpg

HDMI-A and HDMI-B audio are already selected by default for the two default channels.

You can have multiple audio sources in a layout. The audio sources are mixed together at the same volume level as one another.