muaz-khan / RecordRTC

RecordRTC is WebRTC JavaScript library for audio/video as well as screen activity recording. It supports Chrome, Firefox, Opera, Android, and Microsoft Edge. Platforms: Linux, Mac and Windows.
https://www.webrtc-experiment.com/RecordRTC/
MIT License
6.45k stars 1.75k forks source link

RecordRTCPromisesHandler: RecordRTCPromisesHandler Interface cannot be instantiated #830

Open yelnyafacee opened 1 year ago

yelnyafacee commented 1 year ago

Why is this code snippet showing this error? https://prnt.sc/DpbBXr_9Fp0F

import { useState, useEffect } from "react";
import RecordRTC, { RecordRTCPromisesHandler } from "recordrtc";

export const useRecorderPermission = (
    recordingType
) => {

    const [recorder, setRecorder] = useState(null);

    useEffect(() => {
        getPermissionInitializeRecorder();
    }, []);

    const getPermissionInitializeRecorder = async () => {

        let stream = await (navigator).mediaDevices.getUserMedia({
            video: true,
            audio: true,
        });

        let recorder = new RecordRTCPromisesHandler(stream, {
            type: recordingType,
        });

        setRecorder(recorder);

    };

    return recorder;

};

https://prnt.sc/DpbBXr_9Fp0F