Playground

Configure a CueFrame effect and see real output alongside the exact call to copy into your code. Free to explore; sign in to run a config against your own video.

Runs live calls as you, on your own account — no key to manage.

A display word rendered behind the speaker — content-aware depth.

Text

Display font

Color

Position

No API key needed — browser sign-in. Or paste a key in the bar above.

Real CueFrame output · Behind-subject title

Display font swaps the preview render; the other knobs shape the call below.

The call

# behind-subject title, then render
cueframe composition put $PROJECT -b @- <<'JSON'
{ "tracks": [
  { "id": "t-video", "kind": "video", "contents": [/* your clip */] },
  { "id": "t-hero", "kind": "overlay", "contents": [
    { "id": "hero-0", "startTime": 0.4, "duration": 6,
      "source": {
            "kind": "overlay",
            "primitiveId": "heroText",
            "params": {
                  "text": "SCENE",
                  "fontFamily": "Playfair Display",
                  "textColor": "#F25C05"
            },
            "zPlane": "behind-subject",
            "anchor": {
                  "space": "scene",
                  "x": 0.5,
                  "y": 0.5
            }
      } } ] } ] }
JSON
cueframe render $PROJECT -o out.mp4