> For the complete documentation index, see [llms.txt](https://jolzee.gitbook.io/leopard/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jolzee.gitbook.io/leopard/components/audio.md).

# Audio Player

## Introduction

The audio player is the same component as the [video player](/leopard/components/video.md). The component looks at the file extension and presents either a video or audio player. 

## Modal

### Screenshot

<div align="left"><img src="/files/-LaQoyyIVMkY3Eg9HE21" alt=""></div>

### Output Parameter

```groovy
extensions = ${ExtensionHelper.displayVideo(urlToMp3, channel)}
```

### JSON

```javascript
{
	"name": "displayVideo",
	"parameters": {
		"video_url": "https://www.mfiles.co.uk/mp3-downloads/chopin-nocturne-op9-no2.mp3"
	},
	"inline": false
}
```

## Inline

### Screenshot

<div align="left"><img src="/files/-M7TtuBb--epEY7CJfcH" alt=""></div>

### Output Parameter

```groovy
extensions = ${ExtensionHelper.displayVideo(urlToMp3, channel,true)}
```

### JSON

```javascript
{
	"name": "displayVideo",
	"parameters": {
		"video_url": "https://www.mfiles.co.uk/mp3-downloads/chopin-nocturne-op9-no2.mp3"
	},
	"inline": true
}
```