Skip to main content

Competition Corner Broadcast Studio

Learn how to use Competition Corner Broadcast Studio to create, configure, and stream live dynamic graphics into OBS, Wirecast, and other broadcast software using a chroma key canvas.

Written by Michael
Updated today

What is Competition Corner Broadcast Studio?

Professional broadcast graphics for live competition events have traditionally required dedicated designers, expensive software, and hours of manual data entry. Competition Corner Broadcast Studio eliminates all of that.

Built directly into the platform your event is already running on, Broadcast Studio lets you create dynamic, data-driven graphics — lane assignments, heat results, standings, athlete spotlights, and more — and stream them in real time into any broadcast software that supports browser sources, such as OBS, Wirecast, and vMix.

Because your graphics pull live data directly from Competition Corner, results appear on screen the moment they're posted. There's no manual entry, no delay, and no separate data pipeline.

⚠️ Broadcast Studio is currently in beta. Access is limited to a select group of organizers while we continue to refine the experience. If you're interested in early access, please reach out to the Competition Corner team.

How it works

Broadcast Studio has three components that work together:

  • Preset Manager — where you create and configure individual graphics (called presets), defining what data each one displays and how it looks.

  • Broadcast Control Panel — your live production interface, where you build your run-of-show by sequencing presets into a cue queue, preview graphics before pushing them live, and control what's on screen during the event.

  • Broadcast View — a dedicated URL that outputs a full-screen 1920×1080 chroma green canvas. You add this URL as a browser source in your broadcast software and apply a chroma key filter to make the graphics appear over your camera feed or video background.

When you push a graphic from the Broadcast Control Panel, it appears instantly on the Broadcast View — populated with live Competition Corner event data.

Preset types

Each graphic you create in Broadcast Studio is called a preset. When creating a preset, you choose its type, which determines what kind of data it displays. The following preset types are available:

Preset Type

What it shows

Lane Assignments

Athletes assigned to lanes for the current heat

Lane Assignment (Stage Overlay)

Lane data formatted as an overlay for stage display

Heat Results

Results for a completed heat

Workout Standings

Per-workout results and rankings

Overall Standings

Cumulative rankings across all scored events

Athlete Card

A spotlight graphic highlighting an individual athlete

Athlete Performance

An athlete's performance data across workouts

Top Hat

A static graphic displaying basic event or division information

Live Top Hat

A dynamic banner integrated with Competition Corner Live, showing live scoring and rep counters in real time

Ribbon

A compact results ribbon for lower-third style display

Score to Beat

The leading score for a given division and workout

Probability / Chart

Data probability visualizations or charted comparisons

Points Series Leaderboard

Standings for a points-based multi-event series

Top 5 After X Events

Top 5 athletes after a defined number of completed events

Weather

Current weather conditions at the event location — ideal for outdoor events to add environmental context to the broadcast, such as live temperature as athletes compete

Image

A custom image uploaded by the organizer — supports high-fidelity graphics for sponsor logos, event branding, promotional content, or any visual designed outside of Broadcast Studio

Free Text

A freeform graphic shell where you write and format your own text — useful for announcements, custom messaging, or any content not covered by other preset types

External Overlay

Pulls in content from an external URL and displays it within Broadcast Studio — allows integration of third-party graphics, web-based overlays, or any external source into your broadcast

Blank Table

A fully custom table you populate manually

Configuring a preset

To create a new preset, go to the Preset Manager and click the + button in the Preset Library. You'll be prompted to select a type, assign a cue number, give it a name, and choose a color marker.

Once created, each preset has three configuration tabs:

Presets managing

The core identity settings: cue number, preset name, and color marker. The cue number controls where the preset appears in your run-of-show sequence. The color marker helps you visually identify preset types at a glance in the queue.

Presets settings

Where you define the data context for the graphic — for example, the date, location, current workout, and current heat. You also choose which columns to display (such as Lane, Competitor, Country, Athlete ID, Athlete pictures, Current Overall Rank, and Affiliate), configure autoscroll for large heats, hide empty lanes, and add a footer notation if needed.

Visual Settings

Full design control over how the graphic looks: canvas position (using a grid selector from top-left to bottom-center), border radius, font selections for multiple text levels, font size, color, and character kerning.

You can also duplicate any preset — useful when running multiple heats with the same layout but different data context.

Building your run-of-show

The Broadcast Control Panel is where you sequence your presets into a live cue queue.

Click the + button in the control panel to open your preset library. From there, drag any preset from the library into the cue queue to add it to your run-of-show. You can arrange them in any order to match your event's broadcast programming.

The cue queue runs horizontally across the bottom of the control panel. Use the transport controls at the center of the toolbar to navigate your sequence: skip to the first cue, stop the current graphic, or advance to the next cue.

Each preset card in the queue also has a lock icon. Locking a preset keeps it visible on the Broadcast View while you load or prepare the next preset — so your audience sees a stable graphic while you're getting the next one ready.

A live preview canvas in the center of the control panel shows exactly what's currently being broadcast, so you can verify the graphic before it goes out.

Connecting to broadcast software

The Broadcast View is a dedicated URL tied to your event. To integrate it into OBS, Wirecast, vMix, or any compatible software:

  1. Add a new Browser Source in your broadcast software.

  2. Paste in your Broadcast View URL (provided to you as part of your Broadcast Studio beta access).

  3. Set the source dimensions to 1920 × 1080.

  4. Apply a Chroma Key filter to remove the green background.

Your graphics will now appear over your camera feed or video background whenever you push a preset from the Broadcast Control Panel. The chroma green canvas makes keying straightforward in any broadcast software without requiring custom transparency settings.

Why it matters

Custom broadcast graphics for live fitness and sport competitions have historically required a dedicated motion graphics designer and a significant production budget. Real-time data integration — pulling live results into an on-screen graphic as they happen — has typically required custom development work on top of that.

Competition Corner Broadcast Studio replaces that entire workflow with something built directly into the platform. You configure your graphics before the event, sequence them to match your programming, and control what's on screen with a single click — all without leaving Competition Corner.

Did this answer your question?