Get Video Thumbnails

Is there a short way to display a thumbnail for user uploaded video?
Or we should go the long way of integrating Transloadit or similar service?

3 Likes

Did you ever figure this out?

It was really hard to pull off, and I still don’t like the result.
Eventually, I used Cloudinary option to upload media files by URL auto mapping, and fetched the thumbnail through replacing the URL, eventually it looked like this from the Bubble side:

1 Like

I’ve got this same problem. Do you recall what you put in Cloudinary’s ‘URL Prefix’ field, and if it was your Bubble instance’s Amazon S3 storage bucket, how did you whitelist it?

Apparently you’d need to upload a specific file into a folder, and access the console to change Bucket Policy properties… Did you have to work out how to do that?

Hi @discover,
First, consider the plugins, that has been developed since:
This and this for example.

To answer your question, I didn’t have to do anything like you mentioned, I think the guide you are refering to has to do with other methods of upload.
To use URL upload, you just need to let Cloudinary know where your desired file is, so for me this was the setting:
image
And whereever I accessed a URL like that:
https://res.cloudinary.com/xxxxxx/image/upload/webapp/sample.jpg
It would try to retrieve the file that exist here:
https://s3.amazonaws.com/appforest_uf/sample.jpg
You can see in the screenshots above how I took a URL generated by Bubble and changed it to match Cloudinary’s URL.
This resulted a file to be uploaded to Bubble > the URL has been changed to Cloudinary > Cloudinary fetches the original file and returns a thumbnail.

It’s quite straight forward, no need for extra configuration.
Hope that helps.