ffmpeg.wasm plugin

FFmpeg is the Swiss-army knife of media transcoding. This plugin allows you to run FFmpeg in the browser and perform on-the-fly transcoding of recorded data.

This plugin uses ffmpeg.wasm that provides a Webassembly / Javascript port of FFmpeg.

Example

• online demo
• demo source

Usage

Install the library:

npm install --save @ffmpeg/ffmpeg @ffmpeg/core @ffmpeg/core-mt @ffmpeg/util

Include the library files and place them before any other scripts:

<script src="@ffmpeg/ffmpeg/dist/umd/ffmpeg.js"></script>
<script src="@ffmpeg/util/dist/umd/index.js"></script>

Import the plugin:

import FFmpegWasmEngine from 'videojs-record/dist/plugins/videojs.record.ffmpeg-wasm.js';

And configure the ffmpeg.wasm convertEngine. For example:

record: {
    audio: true,
    video: true,
    maxLength: 20,
    debug: true,
    // enable ffmpeg.wasm plugin
    convertEngine: 'ffmpeg.wasm',
    // multi-threaded worker
    coreURL: '/node_modules/@ffmpeg/core-mt/dist/umd/ffmpeg-core.js',
    convertWorkerURL: '/node_modules/@ffmpeg/core-mt/dist/umd/ffmpeg-core.worker.js',
    audioWebAssemblyURL: '/node_modules/@ffmpeg/core-mt/dist/umd/ffmpeg-core.wasm',
    // convert recorded data to MP4 (and copy over audio data without encoding)
    convertOptions: ['-c:v', 'libx264', '-preset', 'slow', '-crf', '22', '-c:a', 'copy', '-f', 'mp4'],
    // specify output mime-type
    pluginLibraryOptions: {
        outputType: 'video/mp4'
    }
}

Options

Options for this plugin:

Option	Value	Description
convertEngine	ffmpeg.wasm	Enables the plugin.
convertOptions	Example: ['-f', 'mp3', '-codec:a', 'libmp3lame', '-qscale:a', '2']	Array of arguments for FFmpeg.
pluginLibraryOptions	Example: {outputType: 'video/mp4'}	Specify output mime-type and other options.
coreURL	/path/to/@ffmpeg/core-mt/dist/umd/ffmpeg-core.js	Specify ffmpeg-core main file.
convertWorkerURL	/path/to/@ffmpeg/core-mt/dist/umd/ffmpeg-core.worker.js	Specify ffmpeg-core worker.
audioWebAssemblyURL	/path/to/@ffmpeg/core-mt/dist/umd/ffmpeg-core.wasm	Specify ffmpeg-core WebAssembly file.