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 install MediaRecorder using npm install:
npm install media-recorder-js --save
We can use CDN to install MediaRecorder:
<script src='https://unpkg.com/media-recorder-js/mediaRecorder.js'></script>
We can also download it directly from Github:
You need to have a
gulp.js
for this method.
npm i
npm run build
You have to create a QBMediaRecorder()
object with some predefined functions:
var config = {// use named functiononstart: 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);