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

Transcode

Source Code

Name	Demo	Source Code
Webcam		Link

ffmpeg.js provides simple to use APIs, to transcode a video you only need few lines of code:

const fs = require('fs');
const { createWorker } = require('@ffmpeg/ffmpeg');

const worker = createWorker();

(async () => {
  await worker.load();
  await worker.write('test.avi', './test.avi');
  await worker.transcode('test.avi', 'test.mp4');
  const { data } = await worker.read('test.mp4');
  fs.writeFileSync('./test.mp4', data);
  await worker.terminate();
})();

$ npm install @ffmpeg/ffmpeg

As we use worker_threads which was introduced in Node.js v10.5.0, please remember to add --experimental-worker if you are using Node.js v10, and you don't have to add anything if you are using Node.js v12

Or, using a script tag in the browser:

<script src="https://unpkg.com/@ffmpeg/ffmpeg@0.7.0/dist/ffmpeg.min.js"></script>
<script>
  const { createWorker } = FFmpeg;
  ...
</script>

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

• API

Learn how to build ffmpeg.js from stories:

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