Audio Pro

Universal Player

Browsers have native audio players. However, their styles and feature sets can be wildly different. Audio Pro gives you a consistent look and feel across all browsers and devices. As you can see below, you can also define a custom player color. You can also use Foundation swatches for this as well.

Playlist

In this demo, you will notice there is a playlist of audio that you can choose from. You can click on the track that you would like to play. After one track finishes playing, the next track in the playlist can immediately start playing.

This demo also works with our Feeds stack to import a podcast RSS feed and add all of the episodes into the playlist.

Player CTAs

In this demo, you will see two different types of CTAs. The first CTA will launch at the 3 second mark. This is an in-player CTA. While we kept things simply here, you can add whatever content that you want. You can use this to display more content, a buy now button, ads/promotions, or anything else that you might want. More complex CTAs can be added via an iframe such as a subscription form.

You can dismiss the in-player CTAs by clicking on the close button. You can also use the spacebar to start playing the audio again or the esc key to dismiss the CTA.

The in-player CTAs can be styled or positioned anyway that you would like.

The second CTA will launch after the audio ends. This action is triggered from the Call to Action stack. The CTA stack has a bunch of more advanced trigger logic and actions. There are integrations made just for Audio Pro.