For anyone experiencing the SharedArrayBuffer error or something related to it, a recent security issue changed the way things work, so a solution is to copy ffmpeg-core.js, ffpmeg-core.wasm etc to your working folder and have createFFmpeg() as: const ffmpeg = createFFmpeg({ log: true, corePath: 'yourpath/yourpath/ffmpeg-core.js' }); for me it's 'http:localhost:3000/ffmpeg-core.js' (public folder in React project) Thank you so much, this has helped me navigate around react for the first time while also trying to handle wasm modules and bugs lol
@@ankit-v2.1 i have ffmpeg-core.js, ffmpeg-core.wasm, ffmpeg-core.worker.js all in my public folder and it's working for me but I used a slightly different tutorial than this one (almost the exact same)
github.com/ffmpegwasm/ffmpeg.wasm I'm unsure why I didn't run into this issue myself to be honest, but it looks like here you need to first be on a browser that has SharedArrayBuffer supported (shown in the documentation I linked), and you may also need to add some headers as the documentation notes. github.com/ffmpegwasm/react-app I would try to clone this repo, and then try to run it locally. Then you can see if it's an issue with your code or if it's an issue with your browser / local setup.
Uncaught (in promise) ReferenceError: SharedArrayBuffer is not defined at 0929d65d-349a-4e29-8c25-0c099561e4b4:22:175 at Object.load (createFFmpeg.js:64:20) at async initializeFFmpeg (Combinar.jsx:13:5) This error :(
This is a very good idea and a project. I applied it step by step. But in the end I have no error and no response for Google Chrome. It loads everything but does not generate video.
![Concatenate Videos with FFmpeg and Node.js [Advanced Tutorial]](http://i.ytimg.com/vi/Yx4D9IfBHks/mqdefault.jpg)
![Concatenate Videos with FFmpeg and Node.js [Advanced Tutorial]](/img/tr.png)
![Seungmin "그렇게, 천천히, 우리(As we are)" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/kAzmhLHePqU/mqdefault.jpg)
Man fell in love with your content
Bro thanks so much for your comments! I am trying to build software content that is approachable and shows people how to build whatever they need!
It was a really usefull content for me. Thanks a lot.
Thank you very much. Please what if I want to use an audio from an online source ?
I get this error : "SharedArrayBuffer is not defined"
same here..
someone posted a solution in the comments
For anyone experiencing the SharedArrayBuffer error or something related to it, a recent security issue changed the way things work, so a solution is to copy ffmpeg-core.js, ffpmeg-core.wasm etc to your working folder and have createFFmpeg() as:
const ffmpeg = createFFmpeg({
log: true,
corePath: 'yourpath/yourpath/ffmpeg-core.js'
});
for me it's 'http:localhost:3000/ffmpeg-core.js' (public folder in React project)
Thank you so much, this has helped me navigate around react for the first time while also trying to handle wasm modules and bugs lol
Uncaught ReferenceError: createFFmpegCore is not defined
@@ankit-v2.1 i have ffmpeg-core.js, ffmpeg-core.wasm, ffmpeg-core.worker.js all in my public folder and it's working for me but I used a slightly different tutorial than this one (almost the exact same)
@@flopasen you are using which version of ffmpeg and core?
@@ankit-v2.1 i npm install recently but got ffmpeg 0.9.3 and core 0.10.0
I'm getting "SharedArrayBuffer is not defined" error. Please help me.
ME TOO!!!!, Did you found a solutaion ??
Are you on the latest version of Google Chrome? This is unfortunately a common issue with this library, kinda sucks is the nice way of putting it.
github.com/ffmpegwasm/ffmpeg.wasm I'm unsure why I didn't run into this issue myself to be honest, but it looks like here you need to first be on a browser that has SharedArrayBuffer supported (shown in the documentation I linked), and you may also need to add some headers as the documentation notes.
github.com/ffmpegwasm/react-app I would try to clone this repo, and then try to run it locally. Then you can see if it's an issue with your code or if it's an issue with your browser / local setup.
Did yall find a solution? I gave up
@@felixmilome use CORS, it helped me.
outstanding. thanks so much. I will be making my 'remove audio channel from video file' button soon.
That’s sounds like a great project! Best of luck
I'm getting "SharedArrayBuffer is not defined" error. How'd you fix this?
Can you share the source code please? That'd be a huge help
hi, are you find sharedarraybuffer error solution?
@@kaashifshehzad I just ended up switching from reactjs to nextjs. And it worked
someone posted a solution in the comments
Uncaught (in promise) ReferenceError: SharedArrayBuffer is not defined
at 0929d65d-349a-4e29-8c25-0c099561e4b4:22:175
at Object.load (createFFmpeg.js:64:20)
at async initializeFFmpeg (Combinar.jsx:13:5)
This error :(
see below
btw use vite, its much faster and easier to work with
This was completely updated with latest version of 12
Can we have the same
up up
This is a very good idea and a project. I applied it step by step. But in the end I have no error and no response for Google Chrome. It loads everything but does not generate video.
I have same situation, no errors but generate button doesn't generate the video
This video is depricated now