Vindral Composer Demo | Real-time video compositing

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

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.

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.

Synchronized streaming

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

Client #544689

Client #676641

Interaction

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.

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

Start timer

Action propagation

Composer handles the API request

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.

Metadata injection

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.

Branding A

→

Branding B

Metadata (id + action) injected into stream

Live updates

Updated branding

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

Metadata element

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

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.

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

Client #676641

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.