Developer Portal
Quick StartsComposition scriptingAPIs and SDKsSupport
  • Portal overview
  • Quick start
  • REST API
    • Introduction
    • Rate limits
    • Authorization
    • How-to guides
      • Get a control app's API token
      • Get a composition's sub-composition IDs and names and their payload structures
      • Get a control app's model
      • Get a control app's metadata
      • Update a sub-composition's content
      • Update a sub-composition's animation state
      • Update a sub-composition's content and animation state in one call
      • Update multiple sub-compositions in one call
    • API reference
      • Get control app details
        • Get a control app's metadata
        • Get a control app's model
        • Get a control app's control data
      • Send data to a control app
        • Update a control app's content
        • Update a control app's animation state
      • Take out all of an app's output
  • Data stream API
    • Introduction
    • Rate limits
    • Authorization
    • How-to guides
      • Create a data stream
      • Link a data stream to a composition
      • Send data to an app using the data stream API
    • API reference
  • Composition scripting
    • Introduction
    • Overview
    • Quick start
      • Find sub-compositions and widgets
      • Read and update control nodes
      • Set text widget text properties
      • Read and update widget properties
      • Read control nodes and update widget properties
      • Set image widget URL property
      • Set table widget content property
    • Cheat sheets
      • Fundamentals
      • Interactive overlays
      • Best practices
    • Use cases
      • Read control nodes and generate HTML text
      • Read control nodes, generate HTML text with background
      • Text Ticker - Start ticker on "In" animation
    • Composition script editor reference
  • Software development kits
    • Graphics SDK
      • Getting started
      • Reference
        • SDK functions
        • Composition object
        • Sequencer object
      • Guides and examples
        • Load a composition with its token
        • Load a composition with its URL
        • Get the composition URL of an app instance
        • Sequencer VOD example
        • Control local preview of app
        • Load app instance output
    • Overlay SDK
      • Getting started
      • SDK functions
      • Use case examples
    • Widget SDK
      • Preparing your environment
      • Getting started
      • Reference
        • Widget UI definition
        • Widget callback functions
        • Time control object
        • Composition instance
      • Guides and examples
        • Widget example: CSS patterns
    • App SDK
  • Singular Basics
    • Overview of Singular
    • Managing overlays in the Dashboard
      • How to create a new composition
      • How to open a new app template
      • How to create an app for a composition
      • How to extract a composition from an app
      • How to find an app's shared app token and shared API URL
      • Dashboard reference
    • Building overlays in Composer
      • How to build a composition
      • How to set up layer logic to automate overlay transitions
      • How to set up control nodes to make widget properties available to a control app
      • Animating overlays
        • How to create timeline animations
        • How to create behavior animations
        • How to create update animations
      • How to make overlays interactive
      • How to adapt overlays to various screen sizes
      • Composer reference
    • Controlling overlays in Studio and UNO
      • How to use Studio
      • Studio reference
      • UNO reference
  • Support
    • Singular status
    • Support resources
    • Singular terminology
    • Performance Testing
Powered by GitBook
On this page
  • User interface
  • Output window
  • Control panels
  • Various unique control panels

Was this helpful?

  1. Singular Basics
  2. Controlling overlays in Studio and UNO

UNO reference

UNO Overview

PreviousStudio referenceNextSingular status

Last updated 2 years ago

Was this helpful?

Each template in the UNO is designed to do one thing and do it brilliantly.

In contrast with Studio's playlist-centric operation environment, UNO template interfaces have optimal operation environments for single overlays (i.e. a soccer scorebug or countdown clock).

User interface

Output window

Control panels

Customize

The customize panel allows you to customize pre-defined elements of an overlay's style. These properties vary with each overlay but frequently contain color and effects settings.

UI layout

The UI layout panel contains two types of modifiable properties: settings and number of panels.

Settings

Number of panels

  • Number selector: where you can select the number of visible panels. Auto displays the number of panels based on operator screen size.

  • ENTER FULLSCREEN: pushes the UI into fullscreen mode.

Various unique control panels

Menu

From left to right:

  • Output URL: Final overlay/graphic output for use in production software like OBS.

  • Control URL: URL to access the control interface of the template. It can be used in OBS to dock the interface.

  • Access token: Advanced token for external software app access.

  • API description: Information on the API.

  • Help article: Unique template support article.

  • Expand/collapse output window: Hide or show output window in the UI.

Going live

Copy the output URL in the menu and paste as a browser layer/source into the production software of your choosing or use in API calls.

Using on mobile

Copy the control URL and send to your mobile device for control.

UNO UI
Output window
Customize overlay
Settings
Number of panels
Menu
Going live
Using on mobile