When executing await ffmpeg.load({...url}), the code doesn't continue to execute further.

[bestycw]

` if (!crossOriginIsolated) {
throw new Error('SharedArrayBuffer is not available. Please enable cross-origin isolation.')
}
this.ffmpeg.on('log', e => {
console.log(e.message)
})
this.ffmpeg.on('progress', e => {
console.log(e.progress)
})
const baseURL = 'https://unpkg.com/@ffmpeg/[email protected]/dist/esm'

   await this.ffmpeg.load({
  coreURL: await toBlobURL(`${baseURL}/ffmpeg-core.js`, 'text/javascript'),
  wasmURL: await toBlobURL(`${baseURL}/ffmpeg-core.wasm`, 'application.wasm'),
  // workerURL: await toBlobURL(`${baseURL}/ffmpeg-core.worker.js`, 'text/javascript')
})
this.isLoaded = true
console.log('FFmpeg loaded successfully')

}`

console.log('FFmpeg loaded successfully') does not exec。

THE version ffmpeg
"@ffmpeg/ffmpeg": "^0.12.7", "@ffmpeg/util": "^0.12.1", "@ffmpeg/core": "^0.12.4"

[zhendershot-crux]

Did you find a workaround - or a solution? I have the same issue right now with 0.12.10.

[VamshiAlugoju]

@bestycw Did you find any solution?

[L4z3x]

have the same issue too, i am getting this error:
Loading Worker from “http://localhost:5173/node_modules/.vite/deps/worker.js?worker_file&type=module” was blocked because of a disallowed MIME type (“”).

[VamshiAlugoju]

if you are using vite adding ffmpeg in the exclude array in the optimizedeps filed in vite.config file solved the issue.

import path from "path";
import react from "@vitejs/plugin-react";
import { defineConfig } from "vite";
export default defineConfig({
plugins: [react()],
resolve: {
alias: {
"@": path.resolve(__dirname, "./src"),
},
},
optimizeDeps: {
exclude: ['react-day-picker' ,'@ffmpeg/ffmpeg']
}
});

[L4z3x]

thanks, that worked

[zhendershot-crux]

Yeah - I've seen that suggestion floating around. But I have that and still doesn't change the issue in Safari. Is there anything else going on here that maybe I can check?

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path'

export default defineConfig({
  plugins: [react()],
  base: './',
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
  },
  optimizeDeps: {
    exclude: ["@ffmpeg/ffmpeg", "@ffmpeg/util"],
  },
  build: {
    sourcemap: false,
    rollupOptions: {
      output: {
        manualChunks: undefined
      }
    }
  }
});