At the start of the year I added a MVP version of user generated video uploads to my Bubble app. The feature let customers upload a video as a response to a survey question, and for that video to be played back through the admin panel.
As I just wanted to test demand for the feature, I implmeneted it in a very basic way, simply using Bubble’s native file storage to store the video files, and a simple video player plugin to allow the clips to be played.
I was happy to see a lot of users ended up using the feature - but this also alerted me to a problem. Simply uploading video files to the Bubble filesystem and replaying them back from there resulted in a pretty horrible user experience.
Videos took a long time to load from storage, and sometimes failed to load at all.
After some advice from Bubble video pro JJ Englert
, I investigated the Mux video platform
and API as a solution for hosting my UGC video content.
I had a play with the platform and was super impressed, it has a simple set of APIs which work really well with Bubble and the pricing is really reasonable.
They price primarily on the number of views a video has, and given my app only allows logged in users to replay video content - I’m expecting my bill to be under $20/ month for hosting around 500 videos per month.
I’ll walk you through I set up Mux with my app, it’s been working incredibly well for me and videos now play instantly instead of taking an age to load.