FFmpeg Video Processing Tool#
This example demonstrates how to create a file conversion assistant using FFmpeg WebAssembly with assistant-ui.
Quick Start#
Using CLI (Recommended)#
npx assistant-ui@latest create my-app --example with-ffmpeg
cd my-app
Environment Variables#
Create .env.local:
OPENAI_API_KEY=sk-...
Run#
npm run dev
The dev and production build commands use Webpack because Turbopack cannot resolve FFmpeg's configurable worker URL. The Next.js config optimizes @assistant-ui/ai-sdk imports so the server route loads frontendTools without its client hooks.
Features#
- FFmpeg WebAssembly integration
- File attachment handling
- Custom tool for running FFmpeg commands
- Download button for converted files
- Vercel AI SDK integration