Live badge

A LIVE pill with a pulsing dot, a viewer count that counts up and keeps ticking, and an optional running clock.

  • broadcast/live-badge
  • Broadcast
  • social
  • Overlay with alpha
  • 6 s (2–600 s)
Live in your browser
Live badge at 16:9
0.00 / 6.00 s
Playing live with volito/browser, the engine a render uses. Each tab lays the item out again for that shape, not a crop. The graphic is transparent; the grey stands in for your footage.

Render it

npx volito render broadcast/live-badge --prop label="Live" --out live-badge.mov

That writes ProRes 4444 with alpha, ready to drop over footage. The same item in another shape, brand or format:

volito render broadcast/live-badge --aspect 9:16 --style cobalt --out live-badge-9x16.mov
volito render broadcast/live-badge --format mp4 --out live-badge.mp4
volito still broadcast/live-badge --t 3 --out live-badge.png
volito info broadcast/live-badge     # every prop and part
volito add broadcast/live-badge      # copy its source into ./motion to edit

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("broadcast/live-badge"), { props: { label: "Live" }, out: "live-badge.mov" });

Or ask an agent with the MCP server connected: “Render the Volito live badge (broadcast/live-badge) in 9:16, in our brand.”

Props

Set each with --prop name=value, or all at once with --props and a JSON object.

PropTypeDefaultTakes
labeltextLive≤ 10 chars
viewersnumber124800 – 99999999
clock
Running clock
booleantrue—
elapsed
Clock starts at (s)
number25340 – 359999
cornerchoicetop-lefttop-left | top-right

Parts

Each part takes any move, ease or idle: --motion live.in=pop.

PartWhat it is
livethe LIVE pill
viewersthe viewer count
clockthe running clock

Tags: live, badge, stream, overlay, hud

More in Broadcast