is an online/browser-based livestreaming and recording application, built with gamers in mind.

Prepping the Overlays

Before you can output your overlays with, you have to prep them in Studio. If you already know how to do this, skip this step.

Preparing Your Singular Overlays in Studio

A - Log into Singular, Download a Theme

Sign up for Singular (if you haven't already), log in to your Dashboard, and download a free theme from the Marketplace. To access the Marketplace, hit the "New" button in the upper left corner and select "Market".

Selecting "New" and then "Singular Market"


Downloading a theme


If you need a more thorough explanation, check out a quick tutorial on how to do the previous steps, here

B - Open up your theme into Studio, prepare your overlays.

Right click on your newly downloaded theme, select "Open with" and then choose "Studio". This is the Control Application you will use to prepare and operate your live overlays.

Right clicking on theme, selecting "Open with" and then choosing "Studio"


Prepare your overlays by choosing the "Auto Playlist" button from the three dot menu in the upper right corner and then updating the contents of the overlays within the Overlay Editor.

Selecting "Auto Playlist"


Editing overlay contents in the "Overlay Editor"


To learn more Studio overlay operation tips, click here. 

Outputting with

The following is a tutorial on how to add your Singular overlays into

1 - Navigate to "Overlays" Page

Go to the "Overlays" page on the left panel, after logging in to

"Overlays" page on the left panel


2 - Add "Custom" Overlay

Select the "Add Overlay" button. Then select "Custom".

Selecting "Add Overlay" and "Custom"


3 - Name Overlay and Select Resolution

Name your overlay and select the resolution. Then hit "Create".

Naming overlay and selecting resolution


4 - Edit New Overlay

Select your new overlay and click the "Edit" button.

Selecting "Edit" button on new overlay


5 - Add a Widget, Select Webpage

Click on the "+ Add Widget" option, select "Web Page" and then hit "Select" to move on.

Selecting "Add Widget" in left panel and then selecting "Web Page"


6 - Paste Singular Output URL

Paste your Singular Output URL into to the Webpage URL text field.

Pasting Singular output URL into "Webpage URL" field  



You will need to erase the extra https:// that automatically adds. 

7 - Adjust Size and Position

Manually Enter the numeric values for size and position in the bottom left corner to fit your singular overlays to screen. You can also do this manually by clicking and dragging.

Adjusting size and position  



Make sure that you have an overlay taken on-air in your Control Application and that your Singular layer is located on top of your video source!

Was this article helpful?
1 out of 2 found this helpful



Please sign in to leave a comment.