Skip to content
Desk with glasses and a laptop

Seeing
is believing

Interact with our live Vindral Composer demo.

Composer Demo

On our Vindral demo site, you can experience some of the core functions of Vindral Composer through its powerful APIs, on a live instance running a multi-branded project.

While the exposed functionality in this live demo will do a good job to show off some of the core features; please do not hesitate to contact us -- there are plenty more, complex, features and setups to experience.

General demo

This basic demo showcases a few fundamental features of Composer. Note that this is a shared, global demo using Vindral Live - all interactions are propagated and synchronized between all connected clients.

  • One studio setup - multiple brandings
  • Choose camera angle - create immersive experiences
  • Crystal Speech - improve audio in noisy environments
  • Vindral Live - low-latency and high-quality in synchronization
Try it yourself

How it works

While the demo itself is pretty straightforward. It might not be obviously apparent what actually goes on. It is also important to understand that everything that happens on the screen is performed in the stream itself. The only exception being the web-based overlay with the action buttons.

Initiation

  1. Shared global state

    All clients connect to the same Composer instance, broadcast globally via Vindral Live. In this example; two clients with unique IDs #544689 and #676641.

    This Composer demo instance is running a demo project that contains multiple brandings and multiple camera angles. Showcasing basic Composer functionality that allow operators to build immersive, cost and space effective solutions to provide multi-branded content from one studio setup.

  2. Web-based overlay controls

    All clients retrieve the current state for each exposed setting from the Composer instance, in the web-based overlay. This overlay with interactive demo buttons is the only client-side part of the demo.

  3. Synchronized streaming

    Vindral Live, which is broadcasting the Composer instance's output, guarantees that all clients are synchronized.

Client #544689

A studio setting using chroma key for brandings example 1

Client #676641

A studio setting using chroma key for brandings example 1

Interaction

  1. Client performs an action

    Client with ID 676641 performs the action Set branding B, by interacting with the overlay controls.

    This is one of the defined actions that is configured to be exposed in Composer's running demo project.

    This demo uses Composer's built-in dynamic APIs. Configure and expose practically any setting or procedure to be available externally. Composer also has a powerful Scripting Engine that could have been used instead.

  2. Start action timer

    The calling client will have an action timer started in its web-based overlay, to measure the complete latency to perform the action.

Select Branding B

A studio setting using chroma key for brandings example 1

Start timer

A studio setting using chroma key for brandings example 1

Action propagation

  1. Composer handles the API request

    In this case, the user requested to change the branding to Branding B. One of the many, basic but powerful, features of Composer - the ability to define and control multiple brandings within a single project/studio setup.

    This branding change is performed, acknowledging the successful action back to the calling service.

  2. Metadata injection

    Performing actions will also inject the client's unique ID into Vindral Live's encoder, which is inserted as a graphic element consisting of the ID and the action performed into the video stream.

    This metadata object (and graphical element) will be synchronously handled and displayed later by the Vindral Player.

Branding A

A studio setting using chroma key for brandings example 1

->

Branding B

A studio setting using chroma key for brandings example 1

Metadata (id + action) injected into stream

A roulette wheel

Live updates

  1. Updated branding

    The global stream, handled via Vindral Live, shows the updated branding.

  2. Metadata element

    The user, and its unique ID, along with the action performed - is displayed in the stream.

  3. End action timer

    Vindral Live's frame-accurate cue point system will stop the action timer that was started as the user performed the action. This system catches the event from the stream and compares the ID with the client's ID.

  4. Flashing player

    The borders of the Vindral Live player will flash white, to reflect the successful propagation and management of the performed action.

Client #544689

A studio setting using chroma key for brandings example 1

Client #676641

A studio setting using chroma key for brandings example 1

Let's succeed together!

Don't hesitate to get in touch with us to explore how Vindral Composer could help with your specific needs and aspirations. The Vindral Composer team has decades of experience with TV, broadcast, studio setups and real-time video compositing.

Reach out