Audio component

Use Audio to add an interview, narration, or other audio file to your article. The component renders a browser audio player with playback controls.

<Audio
  src="https://media.example.com/founder-interview.mp3"
  width="wide"
  caption="Listen to the full interview"
/>

Properties

Property	Type	Default	Description
`src`	String	Required	Direct audio URL, such as an MP3, WAV, or Ogg file. Cloud requires a hosted URL.
`width`	`"regular"`, `"wide"`, or `"full"`	`"regular"`	Layout width for the player.
`caption`	String	None	Plain text below the player.
`title`	String	None	Native player title text.

Playback controls are always enabled. Browser support determines which media formats readers can play. Supply a media-file URL rather than a podcast service’s listening-page URL.

Use the visual editor

Use an absolute HTTPS URL for audio in the web editor and on Lettercamp Cloud. For CLI previews and standalone builds, you can put audio in public/ and use a path such as /audio/interview.mp3. Cloud does not copy these files, and CLI deployment does not upload audio automatically. Insert an Audio block and paste its URL. Edit the caption below the player, or use the same Regular, Wide, and Full width buttons available on other media blocks.

Getting started

Writing

Content components

Design

Site settings

Custom components

Publishing

CLI

Properties

Use the visual editor