File uploads > 50MB + Video Capture - New Plugin from Zeroqode

Dumitru · January 8, 2019, 10:06am

Sorry for the delay, there is a a possibility to stream the uploaded video content in your app.
The steps you’ll need to make it working:

Add Uploadcare’s List of File URL
Right next to that without spaces add Uploadcare’s List of File Names
This will work file uploads and only one file at a time.

Regarding the stretching issue, we change it’s height to 80% for the container to fit in mobile browsers.

Also you could look at our demo for the plugin with Video Playback from Uploadcare’s List of file URL files and how it set: https://zeroqode-demo-03.bubbleapps.io/version-test/uploadcare

Regards,
Zeroqode Team.

andisayhey · January 10, 2019, 6:59am

Thank you for your reply.

I tried this method but it did not work for me.

For my work flow, it is very simple. Uploadcare triggers my post group to show up for the current user and this post group contains the video player which contains a dynamic link: List of File URL and List of File Names right next to it without spaces. I tried both Zeroqode’s video player and Video JS.

Here are screenshots.
download%20(38)

(ignore the picture uploader element in the background, it doesn’t show if the uploader is empty and the posting group just contains both elements)

andisayhey · January 10, 2019, 7:39am

OH!!!

I found how to do it! For the dynamic link in the video player, the first part should be Uploadcare A’s File URL/File Group URL

Now it should work (but I changed the player to HTML 5 Player…This did not work in Video JS player…I will try Zeroqode’s player again and update you.)

For the one video at a time issue, I want my users to be able to share the video so I will see if I could add a workflow for post creation to create a post with the video. I will update you on this as well.

(For video data type would it be the same expression in bubble/link saved text form?)

I will purchase your plugin for the full price. Thank you so much for your help.

andisayhey · January 10, 2019, 7:54pm

Only additional feature I wish existed is a way to limit upload size by limiting upload quality automatically. I know we can limit upload size by limiting the video time, but I would like to limit the actual video quality to no more than 480p. I might just have to upgrade to Uploadcare’s higher tier pricing.

Dumitru · January 11, 2019, 10:30am

Hello, Andi.

We may look into it if it’s possible on our side, but this will take some time. Thanks for understanding.

Regards,
Zeroqode Team.

andisayhey · February 9, 2019, 7:31pm

Hello,

I am having issues with setting up the plugin to only use video capture. I unchecked the box for “Allow Photo Capture” but the plugin will still display a “take a photo” button. I would like to make sure it only shows the “record a video” option. Unchecking the box for photo does not seem to help.

levon · February 10, 2019, 5:08am

Hi Andi,
did you check the demo page for this plugin? https://zeroqode-demo-03.bubbleapps.io/uploadcare
editor mode: https://bubble.is/page?type=page&name=uploadcare&id=zeroqode-demo-03&tab=tabs-1

jon1 · February 17, 2019, 1:30am

Any chance to get this plugin to return a type of file so we can save from uploadcare to bubble S3? via :Save to S3

levon · February 17, 2019, 12:58pm

Hi Jon,
what’s the point in doing that? this plugin is used to upload files which are more than 50 MB, these kind of files can’t be stored in Bubble even if we return a state of file type. And if the files you are going to upload are less than 50 MB then why using this plugin when you can simply upload them directly in Bubble?

jon1 · February 17, 2019, 1:35pm

I want to use the widget to let my users upload an image (like a prolfile picture) and to save it to bubble.

I’m running into this other issue as well. Perhaps this is an issue of my approach so I’ll explain.

Unless you want to spend big bucks, uploadcare has a relatively small amount of included storage of 7.5gb for the basic plan. Even the larger plans are 250gb for $99 month, which is clearly not meant for perminant storage.

If you are uploading large files, that means some sort of workflow needs to then transfer those files out from UC to external storage (AWS, Drive, etc) and then delete those file from UC relatively quickly to maintain the space needed to receive uploads. In the case of many small files, it seems like a bad practice to leave those in UC because they begin to erode the space you need in UC to temporarily hold your large files.

So an image that the user wants to upload (and then we want to display for them quickly) the workflow to transfer from UC to external storage (whatever that may be) and then to get confirmation that the file is transferred successfully to external storage and then save that url to the Db is bit involved and slow. Honestly, I don’t have a solution for figuring out when the file is successfully transferred out to external storage and so this has the makings of a cumbersome UX.

If we want to show the user their image uploaded from UC directly and immediately thats fine I guess, but then we need to consider asome kind of background API workflow that then make sure the file gets transferred out to external storage and the Db is updated and the UC files are removed. It all seems a bit involved but perhaps this is just how it works? Thanks for the prompt reply.

levon · February 18, 2019, 1:56am

Hi Jon,
why do you need any plugin for simply uploading images? Just use bubble’s image uploader and upload it directly into your bubble app without any third party. That will be the fastest and cheapest (free) solution.
All these additional uploading plugins are mostly to overcome Bubble’s file uploading size limit of 50MB. If your users are simply going to upload profile pictures or something similar you don’t need any plugin for that.

andisayhey · August 19, 2019, 5:32pm

I am frustrated with the styling options for the buttons in the Bubble plugin.

When I select custom, and try to change the style, the style I select does not show and there is an annoying 3d button effect.

When I select transparent, the button has an annoying blue border around it and it doesn’t match any of my app’s stylings.

Can you resolve this with a simple update by taking the blue border off the transparent button option? (Otherwise it cannot really be called transparent if there is a blue border around it.)

Dumitru · August 20, 2019, 9:53am

Hi @andisayhey

Could you please show the process and the result with details / screenshots, so we could check this and help you. Thanks.

andisayhey · August 21, 2019, 12:00am

uc%205

andisayhey · August 22, 2019, 1:21am

the issue is that even when you select for the transparent button theme, there is an annoying blue outline/border around it as pictured in the 2nd to last screenshot.

Dumitru · August 22, 2019, 11:18am

Hey @andisayhey

Thanks for details.
We’re looking into this and will provide an update on the matter asap. Thanks.

andisayhey · August 24, 2019, 2:10am

I think this could be a quick fix with your just reformatting the transparent button option.

Dumitru · August 26, 2019, 7:53am

Hi @andisayhey.

We pushed a small update for Transparent Style issue. Please upgrade the plugin, place the element on page, change the style and give it a try.

KR,
Dumitru.

ambarlamedya · January 25, 2020, 11:01am

Hello @Dumitru

1- Deleting files from Uploadcare using UUID does not work in API Workflow.

2- I could not reset the uploaded data in the Uploadcare element. Putting it into the group, etc. it didn’t work.

Please, would you check?

Thank you!

ambarlamedya · January 25, 2020, 1:59pm

I also encounter this warning on the console. Sometimes Bubble returns a warning message. Usually it’s shows the image and I don’t get this error every time

Edit: When it throws this error, I get a warning that your connection is not secure.

Note: Public Key and Secret Key are registered in the plugin settings. On the Uploadcare dashboard, the image seems to be uploaded correctly.