Audio Player in Webflow

There are different ways to include audio files into your Webflow project. You cannot host or upload the mp3 file into your Webflow account but many domain provider offer external hosting as well. It's even possible to host it via your Dropbox account.

Watch Tutorial
Option 1 – self-hosted or via Dropbox

CMS HTML Audio Player

No JavaScript or external code necessary. Note: The player looks different in every browser. A little bit styling via CSS is possible: https://stackoverflow.com/questions/59024693

Option 2 – self-hosted or via Dropbox

CMS Audio Player with jQuery and custom styles

Based on the Green Audio Player including the support for multiple audio players on a single page. The player looks the same in each browser. Styling via CSS possible. https://github.com/greghub/green-audio-player

Option 3 – hosted with an external service like Soundcloud

Soundcloud Audio Player

Easy to embed. With the free plan you are allowed to upload mp3 files with a total time of 3 hours. https://checkout.soundcloud.com/pro

Tutorial