Description
Describe the bug
I'm using Angular 18 with FFmpeg.wasm v0.12.15 and FFmpeg-core multi threaded v0.12.9 and when i call the load method, the browser create a thread and import the worker file but it never ends loading. I added a console log to the worker and i only receive one message:
Received message
Object { id: 0, type: "LOAD", data: {…} }
► data: Object { coreURL: "blob:http://localhost:4200/498bf81a-beb0-4f8a-8381-b4206e3c3643", wasmURL: "blob:http://localhost:4200/49505f87-6669-47b9-a5bc-4f59f6651503" }
► id: 0
► type: "LOAD"
► <prototype>: Object { … }
It looks like the message is not handled by the worker because the worker use the cmd attribute and receive a message with a type attribute
To Reproduce
export class AppComponent {
private ffmpeg : FFmpeg | undefined;
private loaded : boolean = false;
constructor() {
this.loadFFmpeg();
}
private async loadFFmpeg() {
this.ffmpeg = new FFmpeg();
try {
const assetsFolder = '/assets/ffmpeg/';
await this.ffmpeg.load({
coreURL: await toBlobURL(`${assetsFolder}ffmpeg-core.js`, "text/javascript"),
wasmURL: await toBlobURL(`${assetsFolder}ffmpeg-core.wasm`, "wasm"),
classWorkerURL: await toBlobURL(`${assetsFolder}ffmpeg-core.worker.js`, "text/javascript"),
});
console.log('FFmpeg loaded successfully');
} catch (error) {
console.error('Error loading FFmpeg:', error);
}
this._loaded = true;
}
}Here no console.log are displayed
Expected behavior
Just to display any of the console log, a little preference to the first one but a step is a step.
Screenshots
Desktop (please complete the following information):
- OS: Ubuntu 24.04 (64-bit)
- Browser Firefox
- Version 134.02
Smartphone (please complete the following information):
/
Additional context
I surely don't have the best way to do it neither really understand the message. Please correct me if i'm wrong !