@ffmpeg/ffmpeg

Please visit Kagami/ffmpeg.js if you are looking for ffmpeg.js

ffmpeg.wasm

Use FFmpeg directly in your browser without any backend services!!

Transcode

Source Code

Browsers support

Chrome
last 2 versions

Examples:

Name	Demo	Source Code
Webcam		Link

Supported Formats

• 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);
})();

Installation

$ 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.2/dist/ffmpeg.min.js"></script>
<script>
  const { createFFmpeg } = FFmpeg;
  ...
</script>

Multi-thread

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');

Examples

• With React: https://github.com/ffmpegwasm/react-app

Documentation

• API

Tutorials

Learn how to build ffmpeg.wasm from stories:

• Part.1 Preparation
• Part.2 Compile with Emscripten
• Part.3 ffmpeg.wasm v0.1.0 — Transcoding avi to mp4
• Part.4 ffmpeg.wasm v0.2 — Web Worker and Libx264
• Part.5 ffmpeg.wasm v0.3 — pre-js and live streaming
• Part.6 a Deep Dive into File System
• Part.7 multithreading (WIP)