componentDidMount = async () => {
    let stream;
    try {
        stream = await navigator.mediaDevices.getUserMedia({ audio: true });
    } catch (error) {
        this.setState({
            accept: false
        })
    }
    this.setState({ stream });
}

startRecord = () => {
    const { stream } = this.state;
    const audioContext = new (window.AudioContext || window.webkitAudioContext)();
    const recorder = new RecorderJS(audioContext);
    recorder.init(stream);
    this.setState(
        {
            recorder,
            recording: true
        },
        () => {
            recorder.start();
        }
    );
}

stopRecord = async () => {
    const { recorder } = this.state;
    recorder.stop().then(({ blob }) => {
        this.uploadFile(blob);
    })
    this.setState({
        recording: false
    });
}