Skip to content
PlayOverlay

Using PlayOverlay

Screens and graphics

Every graphic PlayOverlay can put on air, when to use each one, how to add your own images, and how to choose a key colour.

Choosing what is on air

The Display Controls panel on the dashboard has a button for each screen: None, Match Title, Score Bug, Penalties, End Screen and Scoreboard, plus Home Line-up and Away Line-up once a team has players, and any custom screens you have added. The highlighted button is what is on air, and the preview above it shows the output exactly. Screens animate in and out, so switching looks deliberate on the stream.

To leave the display cycling through several screens before kick-off or at half-time, use the Rotate screens key under the screen keys. See rotating screens.

None clears the graphics and leaves only the key colour, so the camera picture is shown clean without touching the mixer.

Score bug

The display output: a score bug reading WIN 2-1 ROM with the clock at 63:12, in the top-left of a solid blue key-colour background
The score bug on the display output, top left of the frame.

The graphic that stays on screen during play: both team abbreviations in club colours, optional logos, the score, the match clock and any stoppage time. Goal banners appear with it when a goal is scored. See the goal banner.

Match title

The match title screen: the venue, Kick-off 18:20 and Starts in 41:18 above Winchester F.C. and Romsey United in their club colours

For before kick-off and half-time. It shows both teams with their club colours, the current score, the venue and the kick-off time. Until kick-off it also counts down: Starts in 4:59.

Scoreboard

The spectator scoreboard: Winchester F.C. 2 and Romsey United 1 in their club colours, with the time of day and the match clock
The Scoreboard screen, meant for a TV or projector at the ground.

A full-screen scoreboard for spectators rather than the stream. Each team gets a band in its club colours with its score, alongside the time of day and the match clock. It doesn't need a chroma key. Choose a 24-hour or AM/PM clock under System Settings → Scoreboard Clock.

To show the scoreboard on a venue screen while the stream carries the score bug, see venue scoreboard.

Penalties

The shootout board: both teams with a mark for every kick taken, scored or missed, and the running total. It updates as you record kicks in the Penalties panel. See penalty shootouts.

End screen

The end screen: Winchester F.C. 2-1 Romsey United, with Ali Smith 23', 62' under the home team and Tom Baker 39' under the away team

For full time: the final score, the shootout result if there was one, and each team's scorers with their minutes. Add scorer names in the Goals panel before you put it on air.

Home and away line-ups

The Away Line-up screen: Romsey United above eleven players in one column, each with a shirt number in the club's blue
The Away Line-up screen, in the away team's colours.

Home Line-up and Away Line-up show a team's name, logo and colours above its players and their shirt numbers, in two columns for more than eleven players. Each button appears once that team has players in Match Settings. See Line-ups for entering a squad.

Custom graphics and overlays

Open Custom Graphics (the picture icon) and press Add Custom Graphic to upload your own images. PlayOverlay accepts PNG, JPEG, WebP and SVG files. There are two types:

  • Custom Screen is a full-screen graphic with its own button in Display Controls, such as a half-time sponsor board, a club notice or a "back shortly" card.
  • Overlay sits on top of the built-in screens you choose under Show overlay on screens, or All Screens. A sponsor's logo in the corner of the score bug is the usual example. Turn overlays on and off in the Overlays section of Display Controls.

You can edit a graphic's title, type and screens later. If you delete a graphic that is on air, PlayOverlay takes it off air.

Choosing a key colour

When you use a chroma key, the display window draws every graphic on a solid background colour and your mixer makes that colour transparent. The default is pure blue (#0000FF). Change it in Window Settings → Key Colour.

  • Pick a colour neither team wears. Anything close to the key colour, whether a kit colour, part of a logo or text, turns see-through on the stream. If a team plays in blue, switch to green (#00FF00) or magenta (#FF00FF).
  • Use a pure, saturated colour. Keyers separate those most cleanly.
  • Listen to the warning. The team colour pickers warn you when a colour is too close to the key colour.
  • Check on the mixer. Look at the keyed output before kick-off, especially the edges of logos and text.

Streaming through OBS? The browser source has a transparent background, so the key colour doesn't matter there. See OBS browser source.

Something unclear or out of date on this page? Open an issue on GitHub.