x

SignalWire Work is here. A complete office, school, or event venue right in your browser. Sign up for a 30-DAY FREE TRIAL or Learn more.

SignalWire Work Overlay Images — Advanced administrators only

This technical documentation describes the settings used for advanced room configurations and user dial-ins to change behavior of SignalWire Work. The features described are subject to change without notice and are not recommended for most deployments.

More than one setting may be chosen. Because overlay images work in layers, the settings allow you to customize the layer order for all overlay images. All images should be a PNG format. If overlay images are the wrong aspect ratio, SignalWire Work will automatically scale them to size which may alter the intended design. 

Overlay Images

Overlay images are used in SignalWire Work to customize appearance of the themes.  Supported settings include:

Preview: Used when people are in the room

  • This image overlays the room preview images that are shown on the Home Screen and Room Navigator. This setting is to add themes to each room. For example, a "Lounge" themed room for virtual conferences may include an overlay image of a lounge, or logos can be added for custom branding. Add transparency to this image if you want users to see the preview of participants. This image should be a PNG with a 16:9 aspect ratio.

Canvas: Used on MCU with more than 1 user

  • Add an overlay image on top of the conference room itself when there is more than one user. This could be used to make audio only calls look more visually interesting or to add logos and custom borders. Add transparency to this image so it doesn't block users' videos. This image should be a PNG with a 16:9 aspect ratio.

Empty: Used for Empty room

  • Image to use in the room previews section of the home screen when the conference is empty. URI to image. (e.g., https://imgur.com/7jRh226.png) This image should be a PNG with a 16:9 aspect ratio.

Alone: Used on MCU when alone

  • Add an overlay image on top of the conference room itself when there is only one user. This could be used to make the Lobby room more visually interesting for guests. This image should be a PNG with a 16:9 aspect ratio.

Tips

Make your Lobby room feel like an office lobby by adding an image of a waiting room, or use this as an opportunity to add custom branding to your Virtual Office.

L3 Color: Banner text color

  • Text color for banner ("lower third"). This setting requires you to enter a hexadecimal color value (e.g., #000000)

L3 Img: Banner logo

  • Background image for banner ("lower third"). URI to image. (e.g., https://i.imgur.com/LdV1Ldx.png) The banner aspect ratio is 1876x103 px. SignalWire Work automatically adds the user's name and email centered on top of the banner. Any graphics added to the lower thirds, such as logos, should be kept to the sides of the banner image and kept at 315px wide to avoid overlapping with the auto-generated text. The image below serves as an example template for the lower thirds. It is important to keep the transparency around the edges and only make changes to the opaque areas.

Tips

Try adding a small version of your logo to the left corner of your banner (L3)

Splash: Background img in the video

  • Background or "wallpaper" graphics inside the conference. Can be either custom background color as a hexadecimal color value (e.g., #FFFFFF) or URI to an image. (e.g.,https://imgur.com/7jRh226.png) This image should be a PNG with a 16:9 aspect ratio.

Tips

This option is great for customizing video calls without worrying about obstructing the view of conference participants as it is a background image and not an overlay image.

Mute: Video Mute placeholder

  • Customize the image that is shown when users are video muted. This image will take the place of the default image of a silhouette or the user's gravatar image. This image will be the same for all users. This image should be a PNG with a 16:9 aspect ratio.

Border Color: Podcast mode

  • Customize the image of the default border for podcast-enabled rooms. Enter a hexadecimal color value (e.g., #FFFFFF)

Border Width: Podcast mode

  • Customize the width of the default border in podcast-enabled rooms. Pixel values between 1-5 will look best.

Tips

Overlay images can be set per room in the Rooms tab of the System Settings or for all rooms on a SignalWire Work instance in the Global tab.