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.

Screen_Shot_2020-05-28_at_7.52.01_AM.png

 

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

Screen_Shot_2020-05-28_at_8.11.19_AM.png 

 

2 - Add Singular layer on separate layer

Click on the "Add new layer" plus button. 

Screen_Shot_2020-05-28_at_8.18.20_AM.png

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

Screen_Shot_2020-05-28_at_8.20.29_AM.png

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. 

Screen_Shot_2020-05-28_at_8.13.50_AM.png

Screen_Shot_2020-05-28_at_8.18.42_AM.png

Adding a Singular.live Input

 

You'll be prompted to add a url.

Screen_Shot_2020-05-28_at_8.26.30_AM.png

"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. 

Screen_Shot_2020-05-28_at_8.19.42_AM.png

Pasting output url, dragging Singular layer over video layer

 

Screen_Shot_2020-05-28_at_8.21.17_AM.png

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/... 

Note

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

Comments

0 comments

Please sign in to leave a comment.