How to install JavaScript Media Recorder

The MeadiaRecorder is an interface that uses MediaStream Recording API to record media. This interface is activated when the QBMediaRecorder() constructor is called.

We can also download it directly from Github:

You need to have a gulp.js for this method.

npm i

npm run build

Initial set-up

You have to create a QBMediaRecorder() object with some predefined functions:

var config = {
    // use named function
    onstart: function onStart() {
        console.log('Starting Recorder');
    },
    onstop: function onStop(Blob) {
        videoElement.src = URL.createObjectURL(blob);
    },
    // 'audio/mp3'
    mimeType: 'audio/mp3',
    // set relative path (from folder node_modules for example)
    workerPath: '../node_modules/javascript-media-recorder/qbAudioRecorderWorker.js'
};
// uses as global variable, QBMediaRecorder is built as a UMD module.
var recorder = new QBMediaRecorder(config);

How to install JavaScript Media Recorder

Installation

Node package manager

CDN

Initial set-up