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 | https://liveheats.com/events/5572/broadcast | |
| Skateboard | https://liveheats.com/events/5592/broadcast | |
| Snowboard & Freeski | https://liveheats.com/events/6287/broadcast |
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 |
https://liveheats.com/events/6287/broadcast?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 | https://liveheats.com/events/6287/broadcast?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 | https://liveheats.com/events/6287/broadcast?overwritecss=https://res.cloudinary.com/liveheats-com/raw/upload/v1679333559/broadcast-skins/custom-skin-21-30.css |
Custom versions of the live scoring graphic
We can offer custom versions of the live scoring graphic web output, including:
- custom colour
- custom font
- sponsor logo integration
There are extra fees involved with customisation. Contact us at community@liveheats.com if you'd like to explore a custom graphic integration.