ffmpegwasm/ffmpeg.wasm

SecurityError: Failed to construct 'Worker'

開放

#560 建立於 2023年8月22日

 (13 則留言) (9 個反應) (0 位負責人)C (1,071 個分叉)batch import
help wanted

倉庫指標

星標
 (17,474 顆星)
PR 合併指標
 (30 天內沒有已合併 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

貢獻者指南