easylive.io is a cloud-based live streaming production studio.

Prepping the Overlays

Before you can output your overlays with easylive.io, 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 easylive.io

Getting your Singular overlays into easylive.io to add it to your production workflow can be done in the following steps:

1 - Login to easylive.io, enter a live stream, navigate to "Production"

Create a new live stream or enter an existing one.



Then hit the "Production" button in the left panel.



2 - Add Singular layer on separate layer

Click on the "Add new layer" plus button. 


Move that layer up above any video layers so your overlays will sit on top.


Moving new layer above video layer


Then select the "Add an Input" button, click "Webpage" in the left panel of the pop-up menu and then choose Singular.live. 



Adding a Singular.live Input


You'll be prompted to add a url.


"Enter website URL" pop-up menu


Copy your show's Output URL from the "Share" menu of your Control Application.

Output URL in Share menu of Control App


Then head back to EasyLive. Paste your Output URL into the designated field. Once fully loaded, your show's overlays should appear. 


Pasting output url, dragging Singular layer over video layer



Singular overlays now in PREVIEW


For Advanced Users

easylive.io accepts the standard http://app.singular.live/output/ URL from Singular but it also accepts the other following Singular URL types:
  • http://beta.singular.live/output/... 
  • http://app.singular.live/devices/...
  • http://beta.singular.live/devices/... 


If you are having issues seeing your overlays in the preview window, check to make sure that you have clicked on your new overlay layer and that an overlay is taken on-air in your Control Application. Additionally, make sure this new Singular layer is above any video layers within easylive.io.

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



Please sign in to leave a comment.