[WIP] Proof of concept to let ffmpeg.wasm work in angular

[DeepHorizons]

Attempt to fix #560 and #548

I am not a web developer and am not familiar with the tools to compile or test this locally. If someone could point me in the direction of some tutorials / docs on that I can test this in an angular app.

[netlify]

✅ Deploy Preview for ffmpegwasm canceled.

Name	Link
🔨 Latest commit	a174d04
🔍 Latest deploy log	https://app.netlify.com/sites/ffmpegwasm/deploys/64e7ad765564eb00080654a0

[KenZync]

I approve this

[th-m]

I would love to have this merged

[fromage9747]

same here...

[steam0r]

for what it's worth. if you need this as a quickfix in javascript, edit vanilla-app/public/assets/ffmpeg/package/dist/umd/ffmpeg.js to have the load method look like this:

load = (r = {}) => (this.#e || (this.#e = new Worker(r.workerLoadURL ? r.workerLoadURL : new URL(e.p + e.u(814), e.b), {type: void 0}), this.#o()), this.#i({
    type: t.LOAD,
    data: r
}));

then give a workerLoadURL in ffmpg.load():

const options = {
    "coreURL": await toBlobURL(coreFile, "text/javascript"),
    "wasmURL": await toBlobURL(wasmFile, "application/wasm"),
    "workerLoadURL": await toBlobURL(workerFile, "text/javascript")
};
await ffmpeg.load(options);

[ronaldohoch]

Hi guys, any news about this solution?

[jeromewu]

Fixed by #652

[ayoubqrt]

Hi @jeromewu , why did you create you own pull request instead of contributing to this one ? (I'm just curious)

[jeromewu]

@ayoubqrt Sorry about that, there was another PR (#639) fixing the same issue and I tried to fix it with my own PR (#652) as I am not sure if the author will respond to my comments soon. And later I found this PR is actually doing the same fix (The name was misleading, so I am not aware of that in the first place). I have no intention to redo the work here.

[ayoubqrt]

Okay no problem at all @jeromewu . Thank you for the clarification. I think it would have been nice anyway to wait his answer but I understand that it can be frustrating as you want to ship the fix. Have a nice day !

[ronaldohoch]

@jeromewu tested here and it don't worked.
Tested in Angular 16 and in Angular 17, with your code sample and it wont load the worker :(