How to add a music player to your website

Musicians, podcasters, and creators all hit the same wall: you want a music player on your website, but the built-in options look dated and the fancy ones need a developer. Here's how to add a clean one yourself.

Upload your audio

A music player website starts with the file. Upload your MP3 or WAV to your ButterReader player — a single track, a demo, a mix, or an episode. The player streams it from a fast CDN, so your page stays quick.

Style it to your brand

A generic player undercuts good music. Match the colors, shape, and layout to your site so the player feels designed, not bolted on. You can even use an animated visualizer that reacts to the audio — more on that in our piece on online audio visualizers.

Embed it anywhere

Once it looks right, copy the embed snippet and drop it on your site:

<script src="https://butter-reader.web.app/widget/AudioPlayerWidget.bundle.js"
        data-player-id="YOUR_PLAYER_ID"></script>

It works on any platform that allows an HTML or embed block — no plugin, no build step. See the docs for platform-specific notes (WordPress, Webflow, Squarespace, and more).

Free to start

You can publish a branded free web music player without a paid plan. When you're ready for unlimited players and extra features, compare plans.

Create your player free and get your music playing on your site today.