Skip to content

Overlay SDK - Demos and Code Examples

Send Notifications from the Overlay SDK to the Composition Script

This example uses video.js callbacks to listen to specific player events. The Overlay SDK sends a notification to the composition script when an event occurs. The composition script then updates control nodes in the composition to trigger the indicators.

Contact the Singular Support Team for a copy of the composition.

Use the player controls and watch the status indicators changing.

See the Pen DevDocs Overlay SDK Example #1 by Singular.live (@Singular) on CodePen.

View this example on Codepen.io.

Send Messages from Composition Script to the Overlay SDK

This example shows how to receive messages sent from the Composition Script to the Overlay SDK.

Contact the Singular Support Team for a copy of the composition.

Click on the interactive icons build within Singular to play the according clip in the video.js player.

See the Pen DevDocs Overlay SDK Example #2 by Singular.live (@Singular) on CodePen.

View this example on Codepen.io.