Is it possible to put audio files in a CMS Collection?

Design help General
21

@vincent I think this is very strange. What does others do, when put a lot of audio files on their website with webflow?
This is for a church, so I have to have this audio on the website. But what do to?

22

hi @vincent
Still waiting

23

Calm down man, he helped you a lot. Google stuff, find out things yourself. Uploading the files to Youtube is a really simple fix for this. Having them as videofiles means nothing to the end user. You can even embed them without having the video window there through googles youtube API. Or just store them wherever and link to them. You said you have them on google drive, well you can just link them there???

24

I don’t understand your allusion. But so far, unfortunately, I have not found a solution. So that is why I would ask again as my last question was not answered which I wrote 10 days ago. Was it wrong for me to ask again? I’m really sorry if I shouldn’t? I’m new to Webflow so I can’t know everything …

25

This was a pretty big oversight on my end when offering to rebuild a client site, from Wordpress to Webflow-not checking to make sure we could upload/store audio files in collections.

I feel bad having to charge them the same cost as their old web server to host these, as their entire website used to cost, with the addition of Webflow hosting. But Webflow really cuts down on security and dev time, so they save quite a lot in the space, and I save a lot of maintenance time on my end.

Would be very keen to have Webflow offer this.

26

Just thought I would make an update for 2022 to this post, as Webflow still does not support hosting for audio files in CMS Collections.

I also am working on a website for a client that uploads a lot of 1-2 hour talks to their website. Because this involves a 3rd party host, I end up having to upload them, it’s not something the client can do.

SETUP AS FOLLOWS:

  • All audio files are uploaded to a 3rd party web server over FTP (or in browser through cPanel)

  • I have a few collections, for each category of talk. Most of the categories have their own unique pages, which contains a Vimeo YouTube embed with power point slides, the script (on the page, and a doc to download), as well as a download button for the MP3.

The audio download button is a html embed, connecting to the slug of the post, which matched the audio file on the server.

<a href="https://files.rhysdyson.com/ray-archer/{{SLUG}}.mp3.zip" rel="nofollow" download><button class="button w-button">Download MP3</button></a>
  • One other category simply embeds the audio player in the page, and lists them all down the page through a collection. This uses a full custom field, rather than the page slug, as the files types alternate between MP3 and M4A’s. Again, it’s a simple html embed, connecting to a URL stored in the collection:
<audio controls>
  <source src="https://files.rhysdyson.com/ray-archer/{{SLUG}}" type="audio/mpeg">
	Sorry, but this browser does not support embedded audio files.
</audio>

Hope this helps.

1 Like
27

Don’t feel bad. You can be stressed about how to make your clients understand that they’re not paying for the same thing at all, and what they pay today is fair, but don’t feel bad :slight_smile:

28

They’re not offering this first hand but you have all the needed material to put that in place (at possibly extra cost of course). You can use the CMS API and other cloud based services to craft ways where your clients can add and store videos.

29

THIS WORKED PERFECTLY!!! Been searching for a solution and you nailed it. Thank you!

30

I have been struggling for a bit myself. I found a simple solution that’s similar to Rhys’. I made a video on Youtube where I explain how to do this exactly to have audio players with dynamic data from CMS collections:

I hope it’s helpful! Enjoy :slight_smile: