@bigear/microphone-recorder

microphone-recorder

It is a lib for sound recording on HTML, implemented by audioContext and webWorker

Install

$ npm install --save @bigear/microphone-recorder

Demo

Github: https://github.com/vue-exp-lab/vue-sound-streaming/blob/master/src/pages/MicAudioContext.vue

• https://vue-sound-streaming.herokuapp.com/MicAudioContext

Usage

import Recorder from "@bigear/microphone-recorder";


navigator.mediaDevices.getUserMedia({ audio: true }).then((mediaStreamObject) => {
    const input = audio_context.createMediaStreamSource(mediaStreamObject);

    const recorder = new Recorder(input);
    recorder.record();

    // speak for a bit
    recorder.stop();
    recorder.exportWAV("audio/wav", function(blob) {
        // append the audio blob to html element
        const url = URL.createObjectURL(AudioBLOB);
        const au = document.querySelector("audio");
        au.controls = true;
        au.src = url;
        recorder.clear();
    });
})