Describe the bug
I'm building a react app with the intent of creating a smaller version of handbrake on the browser. The thing is, that so far FFmpeg.wasm is working perfectly fine for desktop browsers (I can throw files up to 2GB without any problem), but I tried doing the same on my Ipad, and found that for files bigger than 200MB FFmpeg throws this error:
Unhandled Promise Rejection: Error: Oops, something went wrong in FS operation.
But the weird thing actually comes when the file is bigger than 500MB, because then it throws a different error:
Unhandled Promise Rejection: Error: File could not be read! Code=0
I think it may be related to the maximum allocated memory for wasm in safari for IOS, but I honestly have no clue of whats going on, or how to solve it. If anyone could help, I'd appreciate it very much.
wait for the loader to complete, and click on the "select file" input.
If the selected file is bigger than 200MB, or 500MB the error should appear in the console.
Expected behavior
There are two processes that should finish. Firstly the app will run FFmpeg to extract some basic metadata from the file and, when the process is complete, it will call ffmpeg.exit()(because I was having an error saying that FFmpeg wasn't able to execute more than 1 command at a time).
The second process comes automatically after the first one is finished. It runs an FFmpeg command to take a screenshot of a random frame in the provided video, and when its complete, it should appear in the image element at the top left corner.
Screenshots
200MB+
500MB+
Smartphone:
Device: Ipad
OS: iOS 16.3.1
Browser safari
Version 16.3
Additional context
I'll leave the repo here if you want to check it. The process is executed in:
src > pages > VideoSuite.tsx > readFileProps() & generatePreviewUrl()
Describe the bug I'm building a react app with the intent of creating a smaller version of handbrake on the browser. The thing is, that so far FFmpeg.wasm is working perfectly fine for desktop browsers (I can throw files up to 2GB without any problem), but I tried doing the same on my Ipad, and found that for files bigger than 200MB FFmpeg throws this error:
Unhandled Promise Rejection: Error: Oops, something went wrong in FS operation.But the weird thing actually comes when the file is bigger than 500MB, because then it throws a different error:
Unhandled Promise Rejection: Error: File could not be read! Code=0I think it may be related to the maximum allocated memory for wasm in safari for IOS, but I honestly have no clue of whats going on, or how to solve it. If anyone could help, I'd appreciate it very much.
Steps to reproduce the behavior:
Expected behavior There are two processes that should finish. Firstly the app will run FFmpeg to extract some basic metadata from the file and, when the process is complete, it will call
ffmpeg.exit()(because I was having an error saying that FFmpeg wasn't able to execute more than 1 command at a time).The second process comes automatically after the first one is finished. It runs an FFmpeg command to take a screenshot of a random frame in the provided video, and when its complete, it should appear in the image element at the top left corner.
Screenshots 200MB+
500MB+
Smartphone:
Additional context I'll leave the repo here if you want to check it. The process is executed in:
src > pages > VideoSuite.tsx > readFileProps() & generatePreviewUrl()https://github.com/TheMrCorvy/Media-Suite
Thanks in advance.