To set up this stream overlay you need to add two widgets to your new overlay. 

(Watch Youtube video – How to set up stream elements, unlisted, no narration)

1. Background of the widget.

To add this to your new Stream overlay, go to add -> Static/Custom -> Custom Widget. 

Go to settings, open the editor and copy and completely replace the code below into the correct fields. 

2. Progress Bar

 

Then, add this code as a new widget, same as before. 

Credits to: Original code: Will Neithan (Github) 

 

Changes in this code:

  • Header and footer removed.
  • Fireworks removed.
  • Instead of 1, 400, 000 it shows 1.4Mil
  • Buffer divider removed. 
  • Numbers count up every 30 seconds as it gets updated from the server
    (looks more dynamic, number go up, awooga).
 
If you’d like to get in touch with me for more tweaking find my streams: (Twitch: HelloSajini) (I stream all work days) or write to hellosajini@gmail.com