Skip to content

Demos and Code Examples

Load Composition

This example covers following topics:

  • Create a Singular Graphic Instance
  • Load a Composition by the compositionId

See the Pen Graphic SDK-Load Composition_v02 by Singular.live (@Singular) on CodePen.

View this example on Codepen.io.

Control Graphic Instance

This example covers following topics:

  • Create a Singular Graphic Instance
  • Load a Composition by the compositionId
  • Control animations in the local Graphic Instance
  • Update content in the local Graphic Instance

See the Pen Graphic SDK-Control Composition_v02 by Singular.live (@Singular) on CodePen.

View this example on Codepen.io.

Singular VOD Example using the Graphics SDK

This example covers following topics:

  • Create Singular Video Player Instance
  • Load the Singular Overlay SDK
  • Load a Composition by the composition JSON definition
  • Define a Sequence of graphic events
  • Map video player callbacks (play, pause, waiting, ended, seeking) to Singular sequencer commands

See the Pen Singular Player - VOD Example + Graphics SDK by Singular.live (@Singular) on CodePen.

View this example on Codepen.io.