Now playing

A music card: the cover (or a generated one), the title and artist, a progress bar moving with the clip and an equaliser.

  • social/now-playing
  • Social
  • social
  • Overlay with alpha
  • 6 s (2–60 s)
Live in your browser
Now playing 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 social/now-playing --prop title="Midnight Edit" --prop artist="The Long Cut" --out now-playing.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("social/now-playing"), { props: { title: "Midnight Edit", artist: "The Long Cut" }, out: "now-playing.mov" });

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

Props

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

PropTypeDefaultTakes
title
Song
textMidnight Edit≤ 32 chars
artisttextThe Long Cut≤ 32 chars
coverimage——
length
Length (m:ss)
text3:42≤ 6 chars
start
Starts at (0–1)
number0.340 – 1
positionchoiceautoauto | center | bottom-left | bottom-right

Parts

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

PartWhat it is
cardthe card
coverthe cover
titlethe song and artist
progressthe progress bar
eqthe equaliser

Tags: music, now playing, song, audio, card

More in Social