recorded audio with polyfill has zero duration about audio-recorder-polyfill HOT 10 CLOSED

Sorry, I don't know how to solve it with MediaRecorder API. Use a different library.

from audio-recorder-polyfill.

I think your bug can be solved by this comment #4 (comment)

Safari allows creating Media Recorder only in the event handler.

from audio-recorder-polyfill.

Still doesn't work for me. I am creating Media Recorder in the event handler (see below)

navigator.mediaDevices.getUserMedia({ audio: true, video: false })
.then(this.record);

record = (stream) => {
this.recorder = new MediaRecorder(stream);
this.recorder.addEventListener('dataavailable', this.onRecordingReady);
}

from audio-recorder-polyfill.

Did you try this hack? https://github.com/alecglassford/audio-recorder-polyfill/tree/working-safari-hack

That comment says that you need to change audio-recorder-polyfill and can’t be compatible with MediaRecorder API.

from audio-recorder-polyfill.

I have, opened their demo link in Safari - version 12.x it doesn't work. The audio just displays an error. I am not able to Create an issue on their page, no idea why.

from audio-recorder-polyfill.

What their demo? (Maybe it was my demo?)

from audio-recorder-polyfill.

Demo: - https://ai.github.io/audio-recorder-polyfill/
Correct, that demo link fails to play audio when opened in Safari.

from audio-recorder-polyfill.

It is my demo, not the demo of their fork

from audio-recorder-polyfill.

Anyway, the hack that you mentioned here https://github.com/alecglassford/audio-recorder-polyfill/tree/working-safari-hack does not work either. I tried changing the window.MediaRecorder = require('audio-recorder-polyfill')

Still doesn't work on Safari 12.x

from audio-recorder-polyfill.

The issue specifically with that hack is the audio file recorded is just 44 bytes and zero duration. So basically that file is empty.

from audio-recorder-polyfill.