ffmpegwasm / ffmpegwasm/ffmpeg.wasm

SecurityError: Failed to construct 'Worker'

Open
#560 13 comments 9 reactions 0 assignees View on GitHub
help wanted
Dominant language
C
Stars
17.8k
Forks
1.1k
PR merge metrics
No merged PRs in 30d

Description

**Describe the bug**
I'm encountering an issue while trying to use the @ffmpeg/ffmpeg library within my Angular project. The problem seems to be related to CORS issues when attempting to access the worker.js file from the library. Despite following the recommended solutions, I'm still facing this problem.

**Code**
```
import { Injectable } from '@angular/core';
import { FFmpeg } from '@ffmpeg/ffmpeg';

@Injectable({
providedIn: 'root',
})
export class FfmpegService {
isLoad: boolean = false;
private ffmpeg;

constructor() {
this.ffmpeg = new FFmpeg();
}

async init() {
if (this.isLoad) {
return;
}

this.ffmpeg.on('log', ({ message }) => {
console.log(message);
});

await this.ffmpeg.load();

this.isLoad = true;
}
}
```

**Screenshots**
Screenshot 2023-08-22 at 11 21 22

**Desktop (please complete the following information):**
- Angular version: "^16.1.0"
- Angular CLI: 16.1.8
- Node: 18.17.0
- Package Manager: yarn 1.22.5
- OS: MocOS Catalina version 10.15.7
- @ffmpeg/ffmpeg: "^0.12.5"
- @ffmpeg/util: "^0.12.0"
- Browser(s) affected: Brave v 1.57.47 Chrome v 116.0.5845.96, Firefox v 116.0.3

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.