react
Discussion List
-
Where I can find CLOUDINARY_FOLDER environment variable for my project?
I cloned one project from GitHub. In my .env.local file I have set the CLOUD_NAME, API_KEY and API_SECRET variables, and I also need to set the CLOUDINARY_FOLDER variable, but I don't know where I can find that. I am getting this error: Error:…
-
Blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource
When i upload image to cloudinary its show cors error. The error happening only when i hosted the backend server. Its perfectly worked in localhost
-
What is the alternative of Transformation from cloudinary-react in next-cloudinary?
Previously we were using cloudinary-react which is working fine but recently we decided to migrate to next-cloudinary. I have got a question which couldn't find in documentation. In cloudinary-react we used Transformation component for applying transformations. How we could do the same thing in next-cloudinary? For…
-
How can I get progress of file uploading from uploader.upload_stream and pass it to api
I'm developing nextjs app with api routes, I have a route to upload file to cloudinary localhost/api/files/upload. There I send files with axios and receive axios uploadProgressEvent to display it on web page. I see that progress works fine when I upload file to api route, at 100% upload I need to wait more because file is…
-
A couple questions about curl for rtmp
So live streaming has been in Beta almost how long I've been working with my OTT. I used to be able to get the curl rtmp example working and I can't find anything in the forum about live streaming. Is no one streaming live anymore? Is there anyone I can get a quick call into so I can ask some basic questions? This is the…
-
Importance of query params added by JS SDK-- is it OK to remove?
The following code (in Node.js / React) in some cases produces URLs with query parameters appended to the URL: import { Cloudinary } from "@cloudinary/url-gen"; const cld = new Cloudinary({ cloud: { cloudName: '__redacted__' }, }); const url = cld .image('ID') .quality("auto") .resize(fit(size)) .delivery(format(isSvg ?…
-
Cloudinary Upload Widget And Video Player Inquiry
I made a custom video player using Cloudinary & imported the upload widget into my react app. How would I go about having users upload/post with the mp4 file playing on my custom video player, inside the app? Like, when they upload the video then hits "done", it posts inside my react app.
-
Upload Widget abnorting after crop
I have set up the widget with the following parameters (this is React based): sources: ['local', 'camera'], cropping: true, multiple: false, resourceType: 'image' After I resize an image in the widget and press the crop button, it appears to crop the image onscreen, then the widget closes itself. An image is uploaded, but…
-
build error: coffee-script module not found
Hi all, I'm getting this build error: "./node_modules/vm2/lib/compiler.js Module not found: Can't resolve 'coffee-script' in '/Users/me/my-project/node_modules/vm2/lib" I'm trying to use the Node SDK in a Next.js 13 Api route, intending to upload an image, the Api route looks like this: import { NextRequest, NextResponse }…
-
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({…