# Audio Player

## Introduction

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

## Modal

### Screenshot

<div align="left"><img src="https://4062709520-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-La71Iy76rotlqbCOWoQ%2F-LaQowufBMwK0YlskrX2%2F-LaQoyyIVMkY3Eg9HE21%2Faudio.jpg?alt=media&#x26;token=e1241a81-fd78-4ed2-b239-9b09b73f88cd" 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="https://4062709520-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-La71Iy76rotlqbCOWoQ%2F-M7TtoqC0h8-3tJJaOGX%2F-M7TtuBb--epEY7CJfcH%2Fleopard-27.png?alt=media&#x26;token=d57d6fd0-ac5c-4c09-8f04-7c2650e1e1c1" 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
}
```