refactor: bundle @ffmpeg/core instead of CDN

- improves security in case the CDN goes malicious,
- reliability against the CDN going down or being unavailable
- allows to use the app with no / limited internet access,
    such as the context of browser extensions

`toBlobURL` is no longer required. As the docs say,
they're there to hack around CORS issues.
https://ffmpegwasm.netlify.app/docs/getting-started/usage/

package.json

@@ -25,8 +25,8 @@
     "vite-plugin-static-copy": "^1.0.6"
   },
   "dependencies": {
+    "@ffmpeg/core": "^0.12.6",
     "@ffmpeg/ffmpeg": "^0.12.10",
-    "@ffmpeg/util": "^0.12.1",
     "@sentry/browser": "^7.110.0",
     "canvas-confetti": "^1.9.2",
     "json5": "^2.2.3",

src/ffmpeg.ts

@@ -1,22 +1,13 @@
 import { FFmpeg } from "@ffmpeg/ffmpeg";
-import { fetchFile, toBlobURL } from '@ffmpeg/util';
 import { updateStore } from "./store";
 import workerURL from '@ffmpeg/ffmpeg/worker?url';
 
 export async function initFFmpeg() {
   let ffmpeg = new FFmpeg()
-  const CORE_VERSION = '0.12.6'
-  const baseURL = 'https://unpkg.com/@ffmpeg/core@' + CORE_VERSION + '/dist/esm'
-
-  // Load the WASM file and coreURL
-  const [coreURL, wasmURL] = await Promise.all([
-    toBlobURL(`${baseURL}/ffmpeg-core.js`, 'text/javascript'),
-    toBlobURL(`${baseURL}/ffmpeg-core.wasm`, 'application/wasm'),
-  ])
 
   await ffmpeg.load({
-    coreURL,
-    wasmURL,
+    coreURL: './ffmpeg-core.js',
+    wasmURL: './ffmpeg-core.wasm',
     classWorkerURL: import.meta.env.PROD ? undefined : workerURL, // vite bug
   });
 

vite.config.ts

@@ -18,7 +18,12 @@ export default defineConfig({
     devtools(),
     solidPlugin(),
     viteStaticCopy({
-      targets: [{ src: './LICENSE', dest: './' }]
+      targets: [
+        { src: './LICENSE', dest: './' },
+
+        { src: './node_modules/@ffmpeg/core/dist/esm/ffmpeg-core.js', dest: './assets' },
+        { src: './node_modules/@ffmpeg/core/dist/esm/ffmpeg-core.wasm', dest: './assets' },
+      ]
     })
   ],
   server: {