Не удается отправить аудио с помощью ' RecordRTC.js ' к бэкенду

Я использую RecordRTC.js для отправки аудио на серверную часть. Но я не могу этого сделать. Даже не могу найти причину для этого.

Мой код:

/ / захватить микрофон 

captureMicrophone(callback) {
    navigator.mediaDevices.getUserMedia({ audio: true })
    .then(callback)
    .catch( (error)=> {
        alert('Unable to access your microphone.');
        console.error(error);
    });
}

/ / начать запись 

startRecording () {
    this.captureMicrophone( (microphone) => {
        let audio = document.querySelector('audio');
        window['setSrcObject'](microphone, audio);
        audio.play();
        this.recorder = window['RecordRTC'](microphone, {
            type: 'audio',
            recorderType: window['StereoAudioRecorder'],
            desiredSampRate: 16000
        });
        this.recorder.startRecording();
        // release microphone on stopRecording
        this.recorder.microphone = microphone;
        (<HTMLInputElement> document.getElementById('btn-stop-recording')).disabled = false;
    });
};

/ / остановить запись 

stopRecording () {
    (<HTMLInputElement> document.getElementById('btn-stop-recording')).disabled = false;
    this.recorder.stopRecording(() => {
        this.audio = document.querySelector('audio');
        var blob = this.recorder.getBlob();
        this.audio.src = URL.createObjectURL(blob);
        this.audio.play();
        this.recorder.microphone.stop();
    });
};

/ / это для отправки данных в службу HTTP для вызова backend 

sendMMS() {
    var fileType = 'audio'; // or "audio"
    var fileName = 'abcde.wav';  // or "wav"
    let formData = new FormData();
    formData.append('filename', fileName);
    formData.append('data', this.audio.src);
    this.bsService.sendMMS(formData);
}

Звонок идет. Но на бэкэнде null приходит как данные. Я думаю, что есть что-то неправильное в добавлении данных. Я перепробовал так много решений из StackOverflow. Но безуспешно.

Пожалуйста, помогите мне.

Спасибо...

1 2
javascript html5-audio

1 ответ:

Пожалуйста, попробуйте это:

sendMMS() {
    var fileType = 'audio'; // or "audio"
    var fileName = 'abcde.wav';  // or "wav"
    let formData = new FormData();
    formData.append('filename', fileName);
    formData.append('data', this.recorder.getBlob()); // --------- check this line
    this.bsService.sendMMS(formData);
}
1