Calcify.

Browse by Category
Log in Join Free
Free Audio Player Widget for Your Website | Calcify
All Widgets

Audio Player Widget

Embed a beautiful custom audio player on your website. Link to any publicly accessible MP3, OGG or WAV file — great for podcasts, music previews and voice messages.

Configure Your Widget
The audio file must be publicly accessible and on a server that allows cross-origin playback (CORS). Dropbox, Google Drive direct links, and your own web host all work.
Enter an audio URL above and click Generate.
Live Preview
Enter an audio URL and click Generate
Supports MP3, OGG, WAV and other browser-supported formats
How to Use This Widget
1
Upload your audio file to your web host, Dropbox, or any public file server. Copy the direct link to the file (it should end in .mp3, .ogg or .wav).
2
Paste the URL into the Audio File URL field above. Add a title and optional artist name.
3
Choose your style — dark or light theme, accent colour, and widget height.
4
Click Generate to preview the player, then copy the embed code and paste it into your website.
Frequently Asked Questions
What audio formats are supported?
The widget supports any audio format your visitor's browser supports — MP3 is the safest as it works everywhere. OGG and WAV also work in most modern browsers.
Where should I host my audio file?
Your web host, Dropbox (use the direct download link), or a CDN. The file must be publicly accessible — private or protected files won't play.
Why isn't my audio playing?
The most common reason is CORS (Cross-Origin Resource Sharing). Your audio file's server must allow cross-origin requests. Most standard web hosts do. Google Drive and some cloud storage providers may not.
Can I use this for a podcast?
Yes — link directly to your episode MP3 files. Each episode would use a separate widget embed with a different audio URL.
Will it autoplay?
Autoplay is off by default because most browsers block autoplay with sound. We recommend leaving it off for a better user experience.