ffmpeg.wasm
ffmpeg.wasm copied to clipboard
ffmpegwasm.netlify.app demo not working
Describe the bug In your test site https://ffmpegwasm.netlify.app/ the demo stucks at "Loading ffmpeg.wasm-core, may take few minutes". It only happens on my phone, I have Chrome 94+
To Reproduce Steps to reproduce the behavior:
- Go to https://ffmpegwasm.netlify.app/ demo section
- Click on the button to upload a video
- Select a video from your galery
- See that it doesn't load ffmpeg
Expected behavior ffmpeg should load and convert the video
Screenshots https://i.imgur.com/xiS3Rph.jpg https://i.imgur.com/lT4cBDe.jpg
Desktop (please complete the following information):
- OS: [e.g. iOS]
- Browser [e.g. chrome, safari]
- Version [e.g. 22]
Smartphone (please complete the following information):
- Device: Samsung Galaxy J6 (SM-J320FN)
- OS: ANDROID 5.1.1
- Browser Google Chrome
- Version 94.0.4606.85
Additional context Add any other context about the problem here.
Likely your browser doesn't support sharedarraybuffer or it doesn't get loaded.
https://github.com/ffmpegwasm/ffmpeg.wasm/issues/95
At this time, for the best experience, use on desktop only in supported browsers.
I also noticed the same, it's Chrome 99 on my phone, so SharedArrayBuffer shouldn't be a problem. I inspected the page and this is the log/error:
[info] use ffmpeg.wasm v0.10.1
log.js:15 [info] load ffmpeg-core
log.js:15 [info] loading ffmpeg-core
log.js:15 [info] fetch https://ffmpegwasm.netlify.app/static/js/ffmpeg-core.js
log.js:15 [info] https://ffmpegwasm.netlify.app/static/js/ffmpeg-core.js file size = 105985 bytes
log.js:15 [info] https://ffmpegwasm.netlify.app/static/js/ffmpeg-core.js blob URL = blob:https://ffmpegwasm.netlify.app/47f0fbc5-2d41-4b37-bb59-ac36ee1abc0d
log.js:15 [info] fetch https://ffmpegwasm.netlify.app/static/js/ffmpeg-core.wasm
log.js:15 [info] https://ffmpegwasm.netlify.app/static/js/ffmpeg-core.wasm file size = 24354956 bytes
log.js:15 [info] https://ffmpegwasm.netlify.app/static/js/ffmpeg-core.wasm blob URL = blob:https://ffmpegwasm.netlify.app/fd21f3dc-d218-42cf-abc8-29cab76ac849
log.js:15 [info] fetch https://ffmpegwasm.netlify.app/static/js/ffmpeg-core.worker.js
log.js:15 [info] https://ffmpegwasm.netlify.app/static/js/ffmpeg-core.worker.js file size = 3609 bytes
log.js:15 [info] https://ffmpegwasm.netlify.app/static/js/ffmpeg-core.worker.js blob URL = blob:https://ffmpegwasm.netlify.app/f3ec1b24-be47-4064-9260-b24e5a35dea9
log.js:15 [info] ffmpeg-core.js script loaded
47f0fbc5-2d41-4b37-bb59-ac36ee1abc0d:22 Uncaught (in promise) RangeError: WebAssembly.Memory(): could not allocate memory
at blob:https://ffmpegwasm.netlify.app/47f0fbc5-2d41-4b37-bb59-ac36ee1abc0d:22:82
at 2.549adfcd.chunk.js:2:475859
at u (2.549adfcd.chunk.js:2:270258)
at Generator._invoke (2.549adfcd.chunk.js:2:270046)
at Generator.next (2.549adfcd.chunk.js:2:270683)
at n (2.549adfcd.chunk.js:2:267247)
at o (2.549adfcd.chunk.js:2:267458)
It simply seems like there is not enough RAM, although my phone has 8GB, so in theory, it shouldn't be a problem. Is there a way to adjust the size of the memory it can allocate?