valknar/kit-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: ffmpeg import

Browse Source
This commit is contained in:
Sebastian Krüger
2026-02-25 20:51:45 +01:00
parent 3a1e0153ac
commit 84bc70b442
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/media/FormatSelector.tsx
View File

@@ -81,7 +81,7 @@ export function FormatSelector({
<Card className="max-h-64 overflow-y-auto custom-scrollbar"> <Card className="max-h-64 overflow-y-auto custom-scrollbar">
{Object.entries(groupedFormats).length === 0 ? ( {Object.entries(groupedFormats).length === 0 ? (
<div className="p-4 text-center text-sm text-muted-foreground"> <div className="p-4 text-center text-sm text-muted-foreground">
No formats found matching "{searchQuery}" No formats found matching &quot;{searchQuery}&quot;
</div> </div>
) : ( ) : (
<div className="p-2"> <div className="p-2">

10
lib/media/wasm/wasmLoader.ts
View File

@@ -2,6 +2,7 @@ import type { ConverterEngine, WASMModuleState } from '@/types/media';
import type { FFmpeg as FFmpegType } from '@ffmpeg/ffmpeg'; import type { FFmpeg as FFmpegType } from '@ffmpeg/ffmpeg';
import { FFmpeg } from '@ffmpeg/ffmpeg'; import { FFmpeg } from '@ffmpeg/ffmpeg';
import { initializeImageMagick } from '@imagemagick/magick-wasm'; import { initializeImageMagick } from '@imagemagick/magick-wasm';
import { toBlobURL } from '@ffmpeg/util';
/** /**
* WASM module loading state * WASM module loading state
@@ -42,10 +43,13 @@ export async function loadFFmpeg(): Promise<FFmpegType> {
// Use CDN URLs for FFmpeg core - avoids "dynamic require" bundler issues // Use CDN URLs for FFmpeg core - avoids "dynamic require" bundler issues
// with local file paths that FFmpeg's internal code cannot resolve at runtime // with local file paths that FFmpeg's internal code cannot resolve at runtime
const coreURL = 'https://cdn.jsdelivr.net/npm/@ffmpeg/core@0.12.10/dist/esm/ffmpeg-core.js'; const coreURL = '/wasm/ffmpeg-core.js';
const wasmURL = 'https://cdn.jsdelivr.net/npm/@ffmpeg/core@0.12.10/dist/esm/ffmpeg-core.wasm'; const wasmURL = '/wasm/ffmpeg-core.wasm';
await ffmpegInstance.load({ coreURL, wasmURL }); await ffmpegInstance.load({
coreURL: await toBlobURL(coreURL, 'text/javascript'),
wasmURL: await toBlobURL(wasmURL, 'application/wasm')
});
moduleState.ffmpeg = true; moduleState.ffmpeg = true;
console.log('[FFmpeg] Loaded successfully from local assets'); console.log('[FFmpeg] Loaded successfully from local assets');