Motorsport-Overlay

HTML based overlay for broadcasting applications that displays a manually updatable lap counter and driver position list.

Developed and tested with OBS 26.1.1 (64bit)

There are currently two variations

and

To display this overlay in OBS:

• download the zip file

• extract to the location of your choice, but keep everything in the folder it extracts to

  (you can delete the docs folder and readme.md, they aren't required, but the three files and the assets folder need to stay where they are)

• create a Browser Source for your scene in OBS
• make sure it is on top of the capture source (above it in the list)
• make sure the layer isn't hidden (click the eye icon to hide/show)

• in the settings for the Browser Source click Local file
• point OBS to overlay-list.html in the folder that was extracted in step two
• set the height and width to the same values as the Base Resolution for the scene

• you should see a preview of the overlay in the Browser Source properties panel
• if not, you need to uncheck Enable Browser Source Hardware Acceleration in Settings > Advanced Settings > Sources

to interact with the overlay:

• right click on the Browser Source and choose Interact

• a window will open displaying the overlay

in the Interacting with 'Browser' window:

• clicking on the current lap will increment the lap counter by one lap
• clicking on the total laps will decrement the lap counter by one lap
• clicking on a driver's icon will move them up in the order by one
• clicking on a driver's name will move them down in the order by one