# Studio reference

Singular Studio is a control application that allows you to add content to templates and custom compositions, create playlists for them, and output overlays.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2FPmPZyvi4EBfiMC1i9KLv%2FStudio.png?alt=media&#x26;token=acc880ac-a772-489c-8990-8322b6956b2c" alt=""><figcaption><p>Studio control application</p></figcaption></figure>

### Main sections of Studio

* [Preview window](#preview-window)
* [Output window](#output-window)
* [Playlist panel](#playlist-panel)
* [Control bar](#control-bar)
* [Overlay editor](#overlay-editor)
* [Active overlays panel](#active-overlays-panel)
* [Playlist bar](#playlist-bar)
* [Home button](#home-button)

#### Preview window

This window displays a preview of the selected overlay.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2Ff1jkfmCC5QnbU69fETm8%2FStudio%20preview%20window.png?alt=media&#x26;token=4a5ad94b-ff03-4bdd-87e6-717f6d0aefa6" alt=""><figcaption><p>Preview window</p></figcaption></figure>

#### Output window

This window is where you can view your On Air overlays. These are the overlays that your audience will see.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2Fy8otW3TJjyCRAtzWYri9%2FStudio%20output%20window.png?alt=media&#x26;token=47fec27f-24e8-499e-99e4-8ab7da6459af" alt=""><figcaption><p>Output window</p></figcaption></figure>

#### Playlist panel

Overlays that you add from your composition can be found here. They appear in whatever playlist you have selected.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2FOjUbP826ustWRZ7oTjHe%2FStudio%20playlist%20panel.png?alt=media&#x26;token=6c459436-6872-4458-b817-e19c3762fd1c" alt=""><figcaption><p>Playlist panel</p></figcaption></figure>

#### Control bar

This bar houses key playlists controls like adding overlays or automating options.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2FEwTIiPSLfBbQy9La4d48%2FStudio%20control%20bar.png?alt=media&#x26;token=1bfcb302-e7b0-4678-95d8-c663219c0bd1" alt=""><figcaption><p> Control bar</p></figcaption></figure>

#### Overlay editor

Overlays from a composition typically have elements that can be edited. Depending on the overlay contents, the editable fields in this panel will change.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2FxCI2MgZysNrOC13m8e2o%2FStudio%20overlay%20editor.png?alt=media&#x26;token=bf061352-c310-402e-b005-b7148f52df14" alt=""><figcaption><p>Overlay editor</p></figcaption></figure>

#### Active overlays panel

This collapsible panel shows you which overlay is active for each layer. Clicking on the layer will toggle the overlay On and Off Air.&#x20;

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2FPfXaELTLtMeWq6vNHNc9%2FStudio%20active%20overlays.png?alt=media&#x26;token=7021c723-b0a0-42a8-ad95-60a437629e9d" alt=""><figcaption><p>Active overlays panel</p></figcaption></figure>

#### Playlist bar

This bar is where you create, manage, activate, and deactivate playlists.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2FfopkUpocbco5aFcbgo3p%2FStudio%20playlist%20bar.png?alt=media&#x26;token=b0f9218e-5ade-4ad6-8cf1-1aa709d8c680" alt=""><figcaption><p>Playlist bar</p></figcaption></figure>

#### Home button

The Singular.live logo button on the top left navigates you back to your Dashboard.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2Fzw14QcdcYzswXb4wOU2u%2FSingular-live.png?alt=media&#x26;token=a59a511f-f8c5-444d-9ef3-e593281e6912" alt=""><figcaption><p>Home button</p></figcaption></figure>

### Fundamental elements of Studio

The fundamental Studio elements are: the connect and refresh composition button, add and delete playlist button, add and delete overlay button, automating playlist buttons, active overlay, overlay in/out buttons, editable overlay elements, add overlay timer, update and delete overlay, copy url button, studio help button, and the studio settings button.

#### Connect and refresh composition

Above the playlist panel are two buttons. The one to the left allows you to connect or re-connect a composition to your Studio show. The button on the right allows you to reload the composition, which is useful when changes have been made to your connected composition.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2F6iUjgP7gsQgQ8JR1L6yT%2FStudio%20connect%20and%20refresh%20composition.png?alt=media&#x26;token=1a1bee32-e0d1-48e6-90f6-ba91226170e9" alt=""><figcaption><p>Connect and refresh composition</p></figcaption></figure>

#### Add and delete playlist

Clicking the X button next to a playlist deletes it while clicking the + button creates a new one.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2F0MM2BX58UMAjnmVvMzpW%2FStudio%20add%20and%20delete%20playlist.png?alt=media&#x26;token=4b5ac4b4-ceb9-41e6-b24f-28c3041ece9d" alt=""><figcaption><p>Add and delete playlist</p></figcaption></figure>

#### Add and delete overlay

These buttons allow you to add and delete overlays that have been added to a playlist in the playlist panel.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2FUJdrGhXuE5dLhWchVVwm%2FAdd%20and%20delete%20overlay.png?alt=media&#x26;token=242dfe4e-442b-4e72-930f-d8e1b4511be1" alt=""><figcaption><p>Add and delete overlay</p></figcaption></figure>

#### Automating playlist buttons

These buttons (from left to right) tell overlays with timers in the selected playlist tab to stop, auto-advance, or play in a loop. Using auto-advance plays through the timed overlays once.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2FDc3anJNCuNoIMql7DLTi%2FStudio%20automating%20playlist%20buttons.png?alt=media&#x26;token=79514461-9ca3-418f-959a-8a57cf8ae4bc" alt=""><figcaption><p>Automating playlist buttons</p></figcaption></figure>

#### Active overlay

When you select an overlay in the playlist panel, you can change the editable fields in the overlay editor. The overlay will also appear in the preview window.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2FSulOkGNubPLWzdR8wvvT%2FStudio%20active%20overlay.png?alt=media&#x26;token=f2936804-03a5-47df-a75d-2f1b8749922f" alt=""><figcaption><p>Active overlay</p></figcaption></figure>

#### Overlay IN/OUT buttons

This button next to each overlay toggles the overlay On or Off Air in the output window.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2FQm9ITfDsqR8USTyoPtyr%2FStudio%20overlay%20IN-OUT%20buttons.png?alt=media&#x26;token=a1cf8e70-a434-42f2-b0bf-fbf3b38a0165" alt=""><figcaption><p>Overlay IN/OUT buttons</p></figcaption></figure>

#### Editable overlay elements

These sections in the overlay editor are examples of content that is editable within your overlays. In this example, you can change the overlay name as well as the title, timer, logos in your overlay, and more.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2Fyxm152ZXT0PuIKayWn27%2FStudio%20editable%20overlays%20elements.png?alt=media&#x26;token=6073126a-7d70-4646-b9fa-288f5fbbcacb" alt=""><figcaption><p>Editable overlay elements</p></figcaption></figure>

#### Add overlay timer

In the overlay editor, you can add a timer to an overlay. Having timed overlay allows you to automate overlays in a playlist.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2F3xrcPJyF7tFQq1uWRGiE%2FStudio%20add%20overlay%20timer.png?alt=media&#x26;token=a04ed59a-8037-4d97-ab34-8c01efcf01ce" alt=""><figcaption><p>Add overlay timer</p></figcaption></figure>

You can also add a timer to an overlay in the playlist panel by double-clicking on the timer area on the right.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2FmYAszvJkDauMDyB4m2Wc%2FStudio%20playlist%20panel%20timer.png?alt=media&#x26;token=e990f4a5-bc9a-4a37-b262-8208f00f3810" alt=""><figcaption><p>Playlist panel timer</p></figcaption></figure>

#### Update overlay, delete overlay

In Singular, you can edit the contents of an overlay while it's On Air but the overlay itself won't change. For the On Air overlay to update with the change in information, you'll have to hit the blue update button in the top right portion of the Overlay Editor.

You can also select the trashcan button to the right to delete the selected overlay.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2Feuk02G3QCapw4CnW7M3E%2FStudio%20update%20delete.jpeg?alt=media&#x26;token=12e7062d-2741-468f-be62-119aa6105479" alt=""><figcaption><p>Update or delete overlay</p></figcaption></figure>

{% hint style="info" %}
If you have created a control node in Composer and checked **Immediate Update** in its settings, the contents of that control field will automatically updates in Studio without having to hit the blue update button.
{% endhint %}

#### Copy URL button

Select this button to copy your output URL. Learn more about outputting with Singular [here](https://support.singular.live/hc/en-us/articles/360000551532-Outputting-Overview).

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2FMbbST6O4aXmfPu5cwQYI%2FStudio%20copy%20URL%20button.png?alt=media&#x26;token=00c61f24-cf10-4e75-9cca-cf302b1c2129" alt=""><figcaption><p>Copy URL button</p></figcaption></figure>

#### Studio help button

This button is where you can access the Singular Support Portal for help resources.

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2FLnLljBUDyijSGYxBLDqB%2FStudio%20help%20button.png?alt=media&#x26;token=9a9dd3ad-db1e-47b6-9ae2-b55a4e396870" alt=""><figcaption><p>Studio help button</p></figcaption></figure>

#### Studio settings button

This button is a dropdown menu of the following options:

* Output URL
* Embed code
* Manage access
* Preview settings
* Developer tools

<figure><img src="https://1996175074-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3cdPul5g3lHEzkm2UkSf%2Fuploads%2FGP2ey34cvHTj3miabBiA%2FStudio%20settings%20button.png?alt=media&#x26;token=fe341bb1-20df-4566-8717-b2043d46e1aa" alt=""><figcaption><p>Studio settings button</p></figcaption></figure>