# Audio (https://openknowledge.ai/docs/reference/components/audio)

HTML5 audio player with native controls

## Example

```md
![[podcast-episode.mp3]]
```

## Props

| Prop | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| `src` | `string` | yes |  | Audio source URL |
| `controls` | `boolean` | no | `true` | Show native HTML5 audio controls (defaults to true) |
| `autoplay` | `boolean` | no |  | Begin playback as soon as possible (usually requires muted) |
| `title` | `string` | no |  | Native HTML title attribute (tooltip) |
| `muted` | `boolean` | no |  | Mute audio on load |
| `loop` | `boolean` | no |  | Restart from the beginning when playback ends |
| `preload` | `'none' \| 'metadata' \| 'auto'` | no |  | Hint for how much of the audio to preload |

*Also matches:* `audio`, `sound`, `music`, `mp3`, `podcast`, `player`

## Author it

Type `/audio` in the editor to insert it from the slash menu, or write the tag directly in source mode. The Properties panel on the right of the editor exposes every prop above as a form field once the block is selected.