---
title: Audio Player
description: Stream music, podcasts, educational and promotional audio to your audience with ease
---
[Skip to content](https://help.adventive.com/en/knowledge/audio-player#main-content)
[.svg)](https://adventive.com)
Open main navigation
Close main navigation
Hello. How can we help?
- There are no suggestions because the search field is empty.
1. [Knowledge Base](https://help.adventive.com/en/knowledge)
2. [Building Ads](https://help.adventive.com/en/knowledge/building-ads)
3. [Rich Media Components](https://help.adventive.com/en/knowledge/building-ads#rich-media-components)
# Audio Player
## Stream music, podcasts, educational and promotional audio to your audience with ease
**Resources:**
[Explore our Ad Gallery for examples of this component](https://adventive.com/html5-ad-gallery/?jsf=jet-engine:jet-smart-filters&meta=included-components!is_custom_checkbox:Audio%20Player)
**In this article, you will learn:**
[How to Add the Audio Player Component](https://help.adventive.com/en/knowledge/audio-player#add-audio-player)
[How to Configure the Audio Player Component](https://help.adventive.com/en/knowledge/audio-player#configure-audio-player)
### **How to Add the Audio Player Component**
1. Choose the ad format and dimensions of the ad unit you wish to add the Audio Player component to. For guidance on building specific formats, check out [this article.](https://help.adventive.com/en/knowledge/building-ads#ad-formats)
2. From the left menu, select the components icon , ** Audio Player.**
****
3. Once the Audio Player component is added to the canvas, you can begin configuration using the right hand component configuration menu:
### How to Configure the Audio Player Component Properties
The Audio Player component*** Build ***configuration options are explained below:
| Tracks | By default, the player will display one track. You can add additional tracks by clicking the plus sign (+) located in the top right corner of the build menu. |
| --- | --- |
| Enter Track | Enter the URL of the audio file, or select an audio file from the asset manager by clicking the musical note icon. |
| Author | (Optional) Enter the Author of the audio track. |
| Track Title | (Optional) Enter the Track Titleof the audio track. |
| Cover Art | (Optional) Upload the Cover Art of the audio track. |
| Click URL | Enter the Click URL of the destination, should the user click on the audio player Author, Track Title, or Cover Art. |
| Log Name | (Optional) Append a unique label for the Audio Player, which will display in campaigns and reporting. |
| Autoplay | If selected, the track will autoplay if the browser settings allow. If an additional track is added to the component, and a user clicks the "Next"  button, the second track will autoplay automatically. ***\* Note -** In most browsers, user interaction is required to play audio or video within an ad unit.* |
| Sponsor | (Optional) You may configure the Audio Player to show Sponsor-related information including the Name, an optional Click URL and a Logo. |
#### **How to Modify the Design of the Audio Player**
1. Click the **Design** tab at the top of the Audio Player properties menu:
The Audio Player component*** Design ***configuration options are explained below:
| Background Color | Select the background color for the component. By default, the background color is set to black. |
| --- | --- |
| Color | Select the text and button color for the component. By default, the color is set to white. |
| Show Playlist | If selected, this will show a menu button  on the bottom of the component, allowing the user to click and view the playlist. |
| Loop Playlist | If selected, the playlist will loop automatically. |
| Show Next | This is selected by default. If unselected, the "Next"  track button will disappear. |
| Show Previous | This is selected by default. If unselected, the "Previous"  track button will disappear. |
| Show Scrubber | This is selected by default. If unselected, the scrubber/audio timeline display will disappear. |
1. To finalize any styling on the main canvas, you may add any additional creative assets, [Hitboxes](https://help.adventive.com/en/knowledge/tools-hit-box) or additional components necessary to the overall design.
2. **Save** and [Preview](https://help.adventive.com/en/knowledge/previewing-ads)  your ad.
- [Account settings](https://help.adventive.com/en/knowledge/account-settings)
- [Payments and billing](https://help.adventive.com/en/knowledge/payments-and-billing)
- [Advertisers](https://help.adventive.com/en/knowledge/advertisers)
- [Building Ads](https://help.adventive.com/en/knowledge/building-ads#main-content)
- [Builder Basics](https://help.adventive.com/en/knowledge/building-ads#builder-basics)
- [Ad Formats](https://help.adventive.com/en/knowledge/building-ads#ad-formats)
- [Rich Media Components](https://help.adventive.com/en/knowledge/building-ads#rich-media-components)
- [User initiated actions](https://help.adventive.com/en/knowledge/building-ads#user-initiated-actions)
- [Tools](https://help.adventive.com/en/knowledge/building-ads#tools)
- [Embedded Players](https://help.adventive.com/en/knowledge/building-ads#embedded-players)
- [Best Practices](https://help.adventive.com/en/knowledge/building-ads#best-practices)
- [Adventive Services](https://help.adventive.com/en/knowledge/building-ads#adventive-services)
- [Campaigns & Trafficking](https://help.adventive.com/en/knowledge/campaigns-trafficking#main-content)
- [Third Party Tracking](https://help.adventive.com/en/knowledge/campaigns-trafficking#third-party-tracking)
- [Ad Tags](https://help.adventive.com/en/knowledge/campaigns-trafficking#ad-tags)
- [Delivery Groups](https://help.adventive.com/en/knowledge/campaigns-trafficking#delivery-groups)
- [Reporting](https://help.adventive.com/en/knowledge/reporting#main-content)
- [Reports](https://help.adventive.com/en/knowledge/reporting#reports)
[.svg "Logo - Dark (1)")](https://adventive.com)
Copyright © 2026, Adventive Tech Inc
```json
{
"@context" : "https://schema.org",
"@type" : "VideoObject",
"contentUrl" : "https://2658568.fs1.hubspotusercontent-na1.net/hubfs/2658568/audio_component2.mp4",
"dateModified" : "2022-03-10T16:07:12.505Z",
"description" : "",
"duration" : "PT10S",
"height" : 584,
"name" : "audio_component2",
"thumbnailUrl" : "https://info.adventive.com/hubfs/audio_component2.mp4/medium.jpg",
"uploadDate" : "2021-12-30T17:12:40.771Z",
"width" : 296
}
```