What are some alternative options to the Soundcloud embed widget for hosting audio tracks on a Webflow site with text and image commentary below?
TL;DR
- Use HTML5
<audio>tags hosted externally or embed players from Spotify, Apple Music, Anchor.fm, or Mixcloud through Webflow's Embed element, adding text and image commentary below the audio.
If you're looking for alternatives to the Soundcloud embed widget for hosting audio tracks on a Webflow site, here are some options. These methods allow you to have audio tracks with accompanying text and image commentary.
1. Use Built-In Webflow Audio Embed
- Upload your audio file to an external server since Webflow doesn't host audio files directly.
- Use the Embed element in your Webflow project to include an HTML5
<audio>tag with a source pointing to your hosted audio file. - Add accompanying text and images below the audio using the Webflow Designer tools.
2. Spotify Embedded Player
- Create or use an existing Spotify playlist or track that you want to embed.
- Use Spotify’s embed tool to generate embed code for the desired track or playlist.
- Embed the code into your Webflow site using the Embed element, and then position your text and image commentary as needed.
3. Apple Music Embed
- Find the track or album you want to share on Apple Music.
- Use the Apple Music embed option to get the necessary code.
- Insert the embed code into your Webflow site using the Embed element, adding any other content like text or images below it.
4. Anchor.fm Player Widget
- Host your audio content on Anchor, which offers the ability to embed episodes or playlists.
- Get the embed code for the Anchor track or episode you want to include.
- Place the embed code in your Webflow project using the Embed element, after which you can add any comments or images below it.
5. Mixcloud Widget
- Upload your audio to Mixcloud, one of the platforms similar to Soundcloud.
- Generate the Mixcloud embed code for your track or playlist.
- Include the Mixcloud player on your Webflow site with the Embed element and place your textual and visual commentary in the appropriate place on the page.
Summary
Choose an alternative to the Soundcloud embed widget based on your hosting preferences, such as HTML5 audio, Spotify, Apple Music, Anchor.fm, or Mixcloud. Use Webflow's Embed element to add the audio, positioned with your text and image commentary.