To embed an audio file on your page click + (W) in the left dock and select Music. Create a free SoundCloud account, upload your audio file, and then embed it using this widget.
You can add a single track or an artist profile from SoundCloud. Direct upload is not supported for audio files.
You can switch between Original Player and Visual Player, change the Color of the interface elements, hide Comments, Artwork, and standard Buy/Share buttons (Social).
As Soundcloud has updated their API recently, you can embed a mini-player via the Code widget only if you have a Pro or Pro Unlimited subscription with SoundCloud. To do so, go to SoundCloud, click on the Share button, select Embed —> Mini player, and copy the code. Then return to Readymag, add a Code widget, and paste the code into the Widget code tab.
Alternatively, with a paid plan you can add audio tracks, albums, playlists, or podcasts from any platform that offers embed code (e.g., Apple, Spotify, Mixcloud, Bandcamp). Remember to add audio embeds using our Code widget, not the Music widget.
These types of embeds typically offer basic options to customize the look of the audio player.
Another option is to use the <audio> tag to embed audio from other services. For instance, if you want to add an audio file located on Dropbox:
- First, find your file’s sharing link. It should look something like this: https://www.dropbox.com/s/7euntcaptnrjeor/Blazing.mp3?dl=0
- Then replace `dl=0` with `raw=1`:
https://www.dropbox.com/s/7euntcaptnrjeor/Blazing.mp3?raw=1 - Update the link in the code below with your intended file source.
<audio controls>
<source src="https://www.dropbox.com/s/7euntcaptnrjeor/Blazing.mp3?raw=1" type="audio/mpeg">
</audio> - Copy the final code and paste it into the Code widget.
An audio track embedded with this code will fill the entire widget container. You can drag the widget frame to alter its size or modify its HTML attributes to achieve a particular effect.
Creator plans only support <iframe> tags. If you use this type of plan, you’ll need to delete all the code before <iframe> and after </iframe>.