I’ve just signed up to this forum as I’m considering creating a new, eCommerce website in Webflow. If I’m posting this in the wrong category … apologies !
I’m not a developer and cannot code. I’ve had a site with Siteground for 6 yrs which expires soon.
I just love the design possibilities in Webflow. However, as I’m a composer and want visitors to hear snippets of my music (which they’ll hopefully then purchase) I’m concerned that playing audio files isn’t readily available in Webflow.
I’d be thankful for advice re embedding a third party music player or any other method.
SoundCloud isn’t an option for me - I found the visual aspect ugly and cancelled my former subscription.
Get a free dropbox account.
Add the mp3 to your dropbox so it is available publicly.
get the share link for example - https://www.dropbox.com/s/0do9xvbxz0jz9a3/02%20The%20Way%20You%20Look%20Tonight.mp3?dl=0
change the url - remove “dl=0” and add “raw=1” https://www.dropbox.com/s/0do9xvbxz0jz9a3/02%20The%20Way%20You%20Look%20Tonight.mp3?raw=1
Paste the direct link into the src area in the below video controls code
Thanks! I have always used the Yamaha Clavinova for recording as I find it easier than trying to record an acoustic piano. Just plug it in and you’re ready to go, lol. Maybe you could share your website with us after the audio has been added?
Ok… so I think Dropbox doesn’t allow direct access to your files unless you buy the paid version. In the meantime I tried with GitHub but even there initially I didn’t succeed I had difficulties except that in the end ChatGPT corrected my address by putting a “raw” and now it works. Later I then still found out how to copy the address from GitHub. In short, it is enough to use those three hours. And here’s a random audio file that works:
And anyway at the moment on my page “Jijoninja font” the most absurd way to achieve the result obtained with an iframe from SoundCloud and with a divblock that covers the parts of the graphics of SoundCloud that must not be seen.
But it’s hard… life. On the one hand, you can publish hours of absurd videos in which people say that the earth is flat and on the other, to publish two seconds of audio, you must have a solid foundation in computer science.
I probably wouldn’t use Git raw for serving media, it’s not designed as a hosting service, and you have the problem that any time you update these files the entire version history is kept. Not ideal for binary files.
Netlify would be a good choice. Simply zip your files and upload. Custom domain, good CDN and clean URLs, all available on the free plan.
However you likely had the right approach with Dropbox, but either you did not share your file, or the link construction is wrong. Here’s how to do that correctly;