Integrating live scores into a broadcast or live stream
LiveHeats offers a dedicated live score webpage output that is optimised to be integrated into a broadcast or live stream:
This article contains:
- Overview of LiveHeats live streaming graphics
- How to access the broadcast graphic url for your event
- Testing links for your streaming provider
- Displaying counting rides/runs
- How to filter the rank to top 10 athletes (for large fields)
- Custom designs
Overview of LiveHeats live streaming graphics
The solution was co-designed with a leading live production company and has:
- two options for backgrounds:
- transparent background
- green background for chromakey purposes (background colour HEX Value: #00b140)
- larger, bolder text
- summary data only - place, athlete or team, total score
- option to toggle on / off displaying each athletes counting rides/runs
Your live streaming team will be able to use the URL to insert this page into your broadcast or webcast using a mixing software platform like VMix, OBS Studio, or Cloudmix.
How to access the broadcast page url
- Go to the Event dashboard
- Scroll down to the Links section
- Here, you'll see the two options for Broadcast URL link: Transparent or Chromakey
- Copy this and send to your production team for integration. The link will remain the same and auto-update during the event
Displaying counting rides/runs - toggle on and off
You can display counting rides/runs by using the "s" key when on the broadcast page. You can toggle courting scores on and off at any time using the "s" keyboard shortcut:
Testing urls to share with your streaming provider
Before your event is live, your live production team can conduct testing using the urls below:
Example sport | Transparent background | Chromakey background |
|---|---|---|
Surfing | ||
Skateboard | ||
Snowboard & Freeski |
Filtering the rank for larger fields
If your heats contain a large number of athletes, you can append the below to your url path to filter the rank to only display, the top 10 athletes, 11-20, or 21-30. Just grab your broadcast url following the instructions above, and then paste the below (middle column) to the end of the url path:
Display ranked athletes | Text to append to broadcast url | Final URL should look like |
|---|---|---|
1st - 10th place | ?overwritecss=https://res.cloudinary.com/liveheats-com/raw/upload/v1679333559/broadcast-skins/custom-skin-1-10.css | |
11th - 20th place | ?overwritecss=https://res.cloudinary.com/liveheats-com/raw/upload/v1679333559/broadcast-skins/custom-skin-11-20.css | |
21st - 30th place | ?overwritecss=https://res.cloudinary.com/liveheats-com/raw/upload/v1679333559/broadcast-skins/custom-skin-21-30.css |
Updated on: 06/09/2025
Thank you!