A react hook to use ffmpeg in the browser using ffmpeg.wasm
npm install react-use-ffmpeg
bash
npm install react-use-ffmpeg
`
Basic Usage
`tsx
import { FFmpegProvider, useFFmpeg } from "react-use-ffmpeg";
// Wrap your app with the provider
function App() {
return (
);
}
// Use the hook in your components
function VideoProcessor() {
const { addToQueue, progress, results } = useFFmpeg();
const handleFileChange = (e) => {
if (e.target.files?.[0]) {
addToQueue(
e.target.files[0],
e.target.files[0].name,
['-c:v', 'libx264']
);
}
};
return (
Progress: {progress}%
{results.map(result => (
))}
);
}
``