> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.liveheats.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Integrating live scores into a broadcast or live stream ![](https://storage.crisp.chat/users/helpdesk/website/-/4/8/7/1/48714ddcbf925400/downloaddh0k41_1pmck73.png) Liveheats offers a dedicated live score webpage output that is optimised to be integrated into a broadcast or live stream. Note, this a premium add-on, **but is free if you stream directly to Liveheats.** ![](https://storage.crisp.chat/users/helpdesk/website/-/4/8/7/1/48714ddcbf925400/usa-surfing-prime-series-hunti_11vkv4l.png) This article contains: * [Overview of Liveheats live streaming graphics](#1-overview-of-liveheats-live-streaming-graphics) * [How to access the broadcast graphic url for your event](#1-how-to-access-the-broadcast-page-url) * [Testing links for your streaming provider](#1-testing-urls-to-share-with-your-streaming-provider) * [Displaying counting rides/runs](#1-displaying-counting-ridesruns-toggle-on-and-off) * [How to filter the rank to top 10 athletes (for large fields)](#1-filtering-the-rank-for-larger-fields) * [Custom designs](#h_01GW08C9T60NMMYYC1VRK75Y8X) --- # Overview of Liveheats live streaming graphics The solution was co-designed with a leading live production company and has: * two options for backgrounds: 1. transparent background 2. 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 ![](https://storage.crisp.chat/users/helpdesk/website/-/9/8/d/5/98d524a201b74800/1414f998-ef62-44b4-95a4-19cb98_lpzs0c.png) 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 1. Go to the **Event dashboard** 2. Scroll down to the **Links** section ![](https://storage.crisp.chat/users/helpdesk/website/-/4/8/7/1/48714ddcbf925400/screenshot-2026-08-09-135215_188p5kn.jpg) 3. Here, you'll see the two options for **Broadcast** **URL** link: *Transparent or Chromakey* ![](https://storage.crisp.chat/users/helpdesk/website/-/4/8/7/1/48714ddcbf925400/screenshot-2026-08-09-135450_2h32m7.jpg) 4. Copy this and send to your production team for integration. The link will remain the same and auto-update during the event || Note: The device being used to display the graphics web page must be set to [Internet time](https://liveheats.crisp.help/en/article/setting-your-device-to-use-internet-time-1uvenj7/) to ensure the broadcast graphic countdown timer is accurate. --- # 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: --- ![](https://storage.crisp.chat/users/helpdesk/website/-/4/f/7/8/4f7880eded8bcc00/384d9f95-4111-4a86-b855-fdf27b_1bfvsa2.png) --- # 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](https://liveheats.com/events/5572/broadcast) | [https://liveheats.com/events/5572/broadcast/chromakey](https://liveheats.com/events/5572/broadcast/chromakey) | | Skateboard | [https://liveheats.com/events/5592/broadcast](https://liveheats.com/events/5592/broadcast) | [https://liveheats.com/events/5592/broadcast/chromakey](https://liveheats.com/events/5592/broadcast/chromakey) | | Snowboard & Freeski | [https://liveheats.com/events/285960/broadcast](https://liveheats.com/events/6287/broadcast) | [https://liveheats.com/events/285960/broadcast/chromakey](https://liveheats.com/events/285960/broadcast/chromakey) | --- # 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](#1-how-to-access-the-broadcast-page-url), 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/285960/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/285960/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/285960/broadcast?overwritecss=https://res.cloudinary.com/liveheats-com/raw/upload/v1679333559/broadcast-skins/custom-skin-21-30.css |