

Sponsor logos: TNT/logo1.html (left) and TNT/logo2.html (right) with width: 770, height: 170 Round/First To: default/round.html with width 300, height 55 set position x: 810, y: -14 (based on 1080p) TNTĬaster names: TNT/caster1.html (left) and TNT/caster2.html (right) with width: 350, height: 55 Name/Score: default/players.html with width 1540, height 55 set position x: 190, y: 36 (based on 1080p) Tick the 'Refresh browser when scene becomes active' option to force animation load on scene switch. You can set positions in OBS by right clicking the source, going to transform > edit transform. Width/height will need to be specified per file.

Usageĭrag the intended files into your scene display, or load the desired html file into OBS as a Browser source by selecting the local file. The overlay titles pull their data from the XML file in /assets, which can be updated with StreamControl. Animated stream overlays built with HTML/CSS/JS, providing compatibility with OBS (Open Broadcast Software) and XSplit, created for usage by East London Fighters.
