TRUE AUDIO PLAYER
V1.3.1

WEBFLOW AUDIO PLAYER.

Create a powerful audio player in Webflow without a single line of code using attributes, with the True Audio Player plugin.
1
New York Vibe
Pop
https://upliftwebdesign.com/wp-content/uploads/2022/05/New-York-Vibe.mp3
New York Vibe
Pop
0:43
2
Voicemail
Hip Hop
https://upliftwebdesign.com/wp-content/uploads/2022/05/Voicemail.mp3
Voicemail
Hip Hop
0:33
3
Cae Keys
Hip Hop
https://upliftwebdesign.com/wp-content/uploads/2022/05/Caelon-Keys.mp3
Cae Keys
Hip Hop
0:29
4
Dream
Pop
https://upliftwebdesign.com/wp-content/uploads/2022/05/Dream.mp3
Dream
Pop
0:27
Example 1

Global Player

You can display a track listing that opens a global player at the bottom of the page when a song is clicked.
Clone Project
Example 2

Single Track Player

Here's a simple audio player with one song in it. Design it to look the way you want and let our attributes handle adding all the functionality.
Clone Project
Cae Keys
Truemuzic
0:00
0:00
https://upliftwebdesign.com/wp-content/uploads/2022/05/Caelon-Keys.mp3
Title
Artist
0:00
0:00
New York Vibe
Truemuzic
0:43
https://upliftwebdesign.com/wp-content/uploads/2022/05/New-York-Vibe.mp3
Truemuzic
New York Vibe
Voicemail
Truemuzic
https://upliftwebdesign.com/wp-content/uploads/2022/05/Voicemail.mp3
Truemuzic
Voicemail
0:33
Cae Keys
Truemuzic
https://upliftwebdesign.com/wp-content/uploads/2022/05/Caelon-Keys.mp3
Truemuzic
Cae Keys
0:29
Example 3

Multi Track Player

You can list multiple tracks in this nice little widget. In theory, this is very similar to the global player example, except the player and the songs are presented together as one unit.
Clone Project
FAQ

Frequently Asked Questions

These are the most commonly asked questions about True Audio Player. Cant find what you’re looking for? Contact our team

Where should I host the audio files?

As you know, Webflow doesn't allow you to host audio files on Webflow. We recommend that you either use Cloudinary or AWS S3 to host your audio files. Cloudinary is easier to use than AWS S3 and it has a free tier. To get started, visit this link https://cloudinary.com/pricing and look into their Digital Asset Management plans. If you're more advanced and are familiar with Amazon Web Services, you can create an S3 bucket and host your audio there. We personally use S3 and find that it works well.

Can you configure everything for me?

Helping other freelancers and agencies is our specialty. We're happy to setup the audio player and tackle any other development issues you may be facing. Email us at info@upliftwebdesign.com to get started!

How can I request new features?

Visit the following link to request new features and upvote current feature requests. https://uplift-web-design.canny.io/feature-requests

How can I host my audio files with Dropbox?

We don't suggest that you host your audio on Dropbox. We've heard a lot of mixed reviews on it. We recommend that you use Cloudinary's Digital Asset Management service instead. However if you must use Dropbox make sure that you generate publicly assessible links to your audio files. Also make sure that you use the query params dl=1  and raw=1 on your links. You can read more about Dropbox sharing here: https://help.dropbox.com/share/force-download

Is there any documentation for the audio player?

Yes, you can view the documentation here: https://upliftwebdesign.com/true-audio-player/getting-started/

View Docs

Need help? Contact us

We help agencies and freelancers solve complex problems and build better Webflow websites.