Embedded Files
Display on any screen or add to your stream. Polished graphics, controllable from any device and simple to set up.
Budget-friendly pricing
Budget-friendly pricing
High-quality scoring solutions that won't break the bank. Our flexible plans accommodate teams of any size.
All you need is a browser
All you need is a browser
Works in any web browser without special software or hardware. Access from phones, tablets or computers.
Anyone can keep score
Anyone can keep score
Delegate scorekeeping by sharing a simple link or QR code. Any team member can update scores from their own device.
No expensive hardware
No expensive hardware
Save thousands by eliminating dedicated scoreboard equipment. Transform screens you already own into scoring displays.
Baseball/Softball
Baseball/Softball
Football
Football
Hockey
Hockey
IRL Pro App Web Overlays
IRL Pro App Web Overlays
From the scroeboard control page, "Open Display Scoreboard" will provide a modal where the link towards the scoreboard page can be copied.
The IRL Pro app's "Layer" feature allows you to add web-based content, like a live scoreboard from KeepTheScore.com, directly onto your video stream. This is achieved by using the web overlay functionality.
As shown in the screenshots, the setup involves:
Adding the URL: You paste the public URL of your scoreboard from KeepTheScore.com into the URL field of the layer.
Ensuring Transparency: Custom CSS code, specifically background-color: rgba(0, 0, 0, 0);, is used to make the background of the scoreboard's webpage transparent. This is crucial so that the video behind the scoreboard remains visible.
Sizing and Positioning the Overlay
Sizing and Positioning the Overlay
To place the scoreboard correctly so it doesn't cover the entire screen, you must define its size and position:
Width and Height: The screenshots show a Width of 250 and a Height of 100. These dimensions are significantly smaller than the full video canvas (e.g., 1920x1080 for a 1080p stream). By setting a smaller size, you confine the scoreboard to a compact area.
Position: The Position is set to Top left.
The combination of these settings is key. The app creates a small window for the web content (250x100 pixels) and then places that window in the top-left corner of your stream. This ensures the scoreboard neatly overlays a small portion of your video, providing crucial information to your viewers without obstructing the main action of your broadcast.
Page updated
Report abuse