Skip to main content
Skip table of contents

Import templates into Erizos Studio

This setup is based on the Recommended CG setup

Learn more about Erizos Studio → https://docs.erizos.tv/userguide/studioComponents/

Video tutorials

Pixotope CG - Import and Playout

  • This video covers how to import, organize, and playout you templates in Erizos Studio.

Open Erizos Studio Client

You can open Erizos Studio client in multiple ways

Via the browser

From the Erizos Studio machine

  1. Go to http://[IP address of Control and Preview engine]:5550

Via the Desktop app

Install the app

  1. Run the same Erizos Studio installer used for the Erizos Server

  2. Select Client during installation

Start the app

  1. Open the Erizos Studio Desktop app

  2. Point to the Server IP address

    • From the Erizos Studio machine you can use localhost or 127.0.0.1

Set up Erizos Studio

  1. Go to settings by clicking on the cogwheel icon on the top right

  2. Enable Pixotope in the Live Local Preview menu

    image-20250617-095050.png

  3. Unlock advanced settings

    • Default user/password is admin/admin

  4. Enable Pixotope in the Renderers menu

  5. Select "Projects Folder" and point it to your Synced Storage\Projects folder

    • Default: C:\Pixotope\Synced Storage\Projects

      image-20250617-095207.png

If you are accessing Erizos Studio Client via the browser

  1. Go to Remote Preview menu

  2. Click on the + to add a new engine

  3. Enter the Control and Preview engine’s IP address

    • This will enable taking snapshots from the engine to be presented as frames in the Erizos Studio Client Local preview window

      image-20250617-095618.png

Create a studio profile

  1. Click on "Edit Profiles" on the bottom-left corner

  2. Create a new profile

  3. Under Outputs on the right hand side, add your Playout engine

    1. Type in a name (e.g. MD Engine)

    2. Select Type: Pixotope

    3. Port: 5000

    4. Output: 1

      image-20250617-101212.png

  4. Drag and drop this engine into Program

    image-20250617-101313.png

Import templates

  1. Go to the Pixotope Editor of the Control and preview engine

  2. Click the Play button to go into Play In Editor (PIE) mode

  3. In Erizos Studio, click on the "Import" icon (second on the top left) to open the Templates Manager

  4. Click on "Show Templates Browser" on the bottom left and navigate to your project 

  5. Select your project from the available projects list

  6. Choose the Main level and click on "Import"

    • The templates will be listed under the Main icon

  7. Expand the list and click on the templates to add them to your playlist

    image-20250617-101341.png

What are playlists, pages and forms/UIs?

  • A page is an instance of a template in the playlist

    • Each page can contain different data

  • Every template has its own form (UI) into which the data is entered

    • After importing a template a default form is created, which contains input widgets for all exposed parameters (based on their type)

      image-20250617-102807.png

To create customize forms/UIs use → Erizos' UI Builder

Preview and playout the pages

Preview the pages on the Control and preview engine

In the Erizos Studio Client, Local Preview (area above the page form/UI) allows the operator to preview the page they have selected when navigating the playlist.

Using Erizos Studio desktop app

  1. Select a page in the playlist

    • An Engine in Live mode is launched and its output is shown in the Local preview area

Using the Erizos Studio Client desktop app? Make sure you DO NOT have the engine running on that machine!

If you don’t see any asset or just a part of it in the local preview area, resize the Erizos Studio Client window and select a new page.

Using Erizos Studio in the browser

  1. Make sure you configured the Remote Preview engine in Settings

  2. Select a page in the playlist

    • An Engine in Live mode is launched and a snapshot of the preview will be presented in the Local preview area

Make changes while previewing

  1. Set the dropdown at the right of the form/UI area to Live Control: Local

Learn more about → Preview Types in Erizos Studio

Play out the pages on the Playout engine

  1. Ensure your studio profile is active

  2. Use the playout controls on the top right (Take in / Take out) to send templates to the configured program output (Playout engine)

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.