MediaRecorder API seems unable to record mimeType: video/webm

[Thilanka-97]

I'm using RecordRTC for audio and video recording. The issue is when I trying to record audio first then video. I'm getting this error. MediaRecorder API seems unable to record mimeType: video/webm. The Error didn't happen when doing the recording video first and after the audio recording.

Here is the Video Recorder code

const startRecord = () => {
    captureCamera(camera => {
        video.current.muted = true;
        video.current.volume = 0;
        video.current.srcObject = camera;
        const recordVideo = RecordRTC(camera, {
            type: 'video',
            mimeType: 'video/webm;codecs=vp9',
            recorderType: MediaStreamRecorder
        });
        recordVideo.camera = camera;

        setTimeout(() => {
            recordVideo.startRecording();
            setRecord(recordVideo);
        }, 500);
    });
};

const captureCamera = callback => {
    if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
        navigator.mediaDevices
            .getUserMedia({ audio: true, video: true })
            .then(camera => {
                callback(camera);
            })
            .catch(error => {
                console.log(error);
            });
    }
};

const stopRecord = () => {
    record.stopRecording(stopRecordingCallback);
};

const stopRecordingCallback = () => {
    getSeekableBlob(record.getBlob(), seekableBlob => {
        const blob = new Blob([seekableBlob], { type: 'video/x-matroska;codecs=avc1,opus' });
        const src = URL.createObjectURL(blob);
        console.log('File URL', src);
    });
    record.camera.stop();
    record.destroy();
    setRecord(null);
};

Console Report

@muaz-khan , Kindly Request to consider this issue?

[Karthikdb]

I am having this same issue Did u find the solution??

[hktalent]

@Thilanka-97 @Karthikdb

,recorderType: !!navigator.mozGetUserMedia ? MediaStreamRecorder : WhammyRecorder

for me is ok