ffmpegwasm/ffmpeg.wasm

SecurityError: Failed to construct 'Worker'

オープン

#560 opened on 2023/08/22

 (13 件のコメント) (9 件のリアクション) (0 人の担当者)C (1,071 件のフォーク)batch import
help wanted

Repository metrics

Stars
 (17,474 個のスター)
PR merge metrics
 (30d に merged PR はありません)

説明

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

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

コントリビューターガイド