Please visit Kagami/ffmpeg.js if you are looking for ffmpeg.js
Use FFmpeg directly in your browser without any backend services!!
Transcode
Chrome |
---|
last 2 versions |
Name | Demo | Source Code |
---|---|---|
Webcam | Link |
- mp4 (x264)
- webm (vp8/vp9) (^0.8.0)
- mp3 (^0.8.0)
ffmpeg.wasm provides simple to use APIs, to transcode a video you only need few lines of code:
const fs = require('fs');
const { createFFmpeg } = require('@ffmpeg/ffmpeg');
const ffmpeg = createFFmpeg({ log: true });
(async () => {
await ffmpeg.load();
await ffmpeg.write('test.avi', './test.avi');
await ffmpeg.transcode('test.avi', 'test.mp4');
fs.writeFileSync('./test.mp4', ffmpeg.read('test.mp4'));
process.exit(0);
})();
$ npm install @ffmpeg/ffmpeg
As we are using the latest experimental features, you need to add few flags to run in Node.js
$ node --experimental-wasm-threads --experimental-wasm-bulk-memory transcode.js
Or, using a script tag in the browser (only works in Chrome):
<script src="https://unpkg.com/@ffmpeg/ffmpeg@0.8.3/dist/ffmpeg.min.js"></script>
<script>
const { createFFmpeg } = FFmpeg;
...
</script>
Starting from v0.8.0, multithreading is enabled and you can use this feature by passing -threads <NUM>
(NUM
< 8 ). For built-in functions like transcode()
, you can pass it as 3rd argument.
// in transcode()
await ffmpeg.transcode('flame.avi', 'flame.mp4', '-threads 2');
// in run()
await ffmpeg.run('-i flame.avi -threads 2 flame.mp4');
- With React: https://github.com/ffmpegwasm/react-app
Learn how to build ffmpeg.wasm from stories: