EMBEDDABLE PLAYER / V1

A take you can drop anywhere.

One component renders the same card on the marketing site, inside an article, or behind an iframe. The playback position, the waveform, and the time labels are real — no decorative meters.

VOICE / EXPRESSION

“Read it again, softer this time.”

Warm narration

0:00 / —

MUSIC / VERSE 01

I put tonight’s breeze in my pocket.

Indie pop

0:00 / —

LIVE EMBED

One iframe, no SDK.

Any page that allows an iframe can host the player. Query parameters set the label, the quote, and the audio file.

EMBED CODE

<iframe
  src="https://www.voxmuse.app/embed?eyebrow=VOICE+%2F+EXPRESSION&quote=%E2%80%9CRead+it+again%2C+softer+this+time.%E2%80%9D&meta=Warm+narration&tone=voice&src=%2Faudio%2Fvoice-take.m4a"
  title="VoxMuse player — Read it again, softer this time."
  width="100%"
  height="240"
  style="border:0;max-width:520px"
  loading="lazy"
></iframe>

Width 100% · Height 240 · Max width 520px

Play, pause, and click-to-seek on the waveform
Arrow keys, Home, and End move the playhead
Time labels stay in tabular figures while playing
Preload is metadata-only until someone presses play

RENDERED AT 520 × 240 Open

VARIANTS

Card when it is the subject, inline when it is not.

The inline shape fits a blog paragraph, a task row, or an email-sized placement. Everything else is the same component.

“Read it again, softer this time.”

0:00 / —

Props

The Vue component takes the same values as the iframe query string, so a placement can move between the two without a redesign.

components/AudioPlayer.vue

src: Same-origin path to the audio file.; /audio/voice-take.m4a
quote: The line shown above the controls.; “Read it again…”
eyebrow: Mono label above the quote.; VOICE / EXPRESSION
meta: Small chip in the top-right corner.; Warm narration
tone: voice for lavender, music for sage.; voice
duration: Fallback time before metadata loads.; —
bg: Set to 0 for a transparent background.; gradient

Hear it in your own studio.

Generate a take, then hand the same file to this player. The card, the waveform, and the embed come with it.

Open the studio