-
Video Concatenation in React.js
I am trying to concatenate one video to another in react.js, but the code snippet I copied from the docs isn't working. new CloudinaryVideo("kitten_fighting.mp4") .resize(fill().width(300).height(200)) .videoEdit( concatenate( videoSource("dog").transformation( new Transformation().resize(fill().width(300).height(200)) )…
-
How I can upload image in to cloudinary images using react?
I'm building a project for practice purposes and I want to host my media assets on this platform. I created an Image preset, everything is working fine. I just want to upload it with mern stack and Axios but I'm not able to find the API URL to upload the media. Please help to get this resolve
-
How to improve performance of Videos in React Native?
Hey, I'm pretty new to the world video optimization. We are currently working on a tiktok-like platform for mobile (i.e. people can swipe Videos). Because this app is made for mobile, there obviously are quite a few constraints regarding the performance expectations, set by apps like Tiktok and Instagram. Our goals is to…
-
Shoppable video functionality in React
Hello community, I am trying to use the Shoppable video functionality in a React app with the React SDK but I was unable to do it. Is there any way in which this functionality can be used with React SDK? The only examples out there I could find were using the "cloudinary-video-player" library in order to use the "source"…
-
Is it safe to have cloud name and preset in front end code? Upload question
I have made an app with the MERN stack. I am using the url endpoint to allow users to upload images to my cloudinary, and then the data from that gets put into a mongodb database which I pull information from. I have the cloud name and preset in my .env file, but .env variables get put into the build folder anyway so it…
-
How to decrease recorded video size from safari before uploading to cloudinary in react project?
I have react project where I am using firebase as backend, the project main purpose is to record short videos for business. I have used react media library to record videos from camera so when user recorded videos I get the blob file I convert it to. base64 before upload so 1 min video has a size of less then 2 mb which…
-
Query on implementing Image upload Widget & Media Editor Widget in React
hey folks.. I'm looking to achieve a React implementation where my Media Editor opens straight to allow the user to edit the pic that's just uploaded via Upload widget (i.e. following the e.g. in https://codesandbox.io/s/uw-mew-forked-dudee6?file=/src/index.js) . When I try running mediaEditorWidgetRef.getConfig() it…
-
Question about using the React media editor and image upload widget
hi I'm trying to create React so that my Media Editor opens right away to let the user edit the picture that was just uploaded using the Upload widget. I try to run mediaEditorWidgetRef.getConfig(), but it always returns undefined, and when I try to run mediaEditorWidgetRef.show(), it always gives the error "Cannot read…
-
Can I run the Cloudinary-AI-Background Removal from a React function
I am trying to call the Cloudinary-AI-Background removal from a function in my Nextjs project. My plan is to upload the image using the upload widget and remove the background with a button, i also want to get the URL of this new optimized image so I can store it on my database and display it in my application. Can this be…
-
Problems Implementing cloudinary video play with vue.js
Am trying to follow the training series on adaptive video streaming where the video player was implemented using react but I keep getting "cld.videoPlayer is not a function" when I try Implementing the video player in vue.js.
-
Problems retrieving and transforming images using the react SDK
I'm trying to use cloudiary images within a custom sanity component. Sanity uses React, so I've installed the React SDK. So this demo code from the quick start works: ....................................................................................................................... const cloudinary = new Cloudinary({…
