Аудиозапись Javascript MediaRecorder повреждена

Я изо всех сил пытаюсь записать звук в браузере и заставить его правильно работать как на мобильных устройствах, так и на настольных компьютерах.

Я использую MediaRecorder, чтобы начать запись, и я хочу отправить ее в виде файла на свой сервер Flask через форму. Однако то, что я получаю, представляет собой поврежденный файл, который иногда воспроизводится на моем рабочем столе, но не на моем мобильном телефоне. Я думаю, что это связано с различными поддерживаемыми типами mimeType и с тем, как преобразуется большой двоичный объект.

Вот код JavaScript:

function record_audio(){
    if (state == "empty"){
    navigator.mediaDevices.getUserMedia({ audio: true })
    .then(stream => {
      mediaRecorder = new MediaRecorder(stream); 
      mediaRecorder.start();

      state = "recording";
      document.getElementById('stop_btn').style.display = 'block'

      seconds_int = setInterval(
      function () {
        document.getElementById("record_btn").innerHTML = seconds_rec + " s";
        seconds_rec += 1;
    }, 1000);

      
      mediaRecorder.addEventListener("dataavailable", event => {
        
        audioChunks.push(event.data);
        if (mediaRecorder.state == 'inactive')  makeLink();
      });
  }
}

function makeLink(){
      const audioBlob = new Blob(audioChunks, {type: 'audio/mpeg'});
      
      const audioUrl = URL.createObjectURL(audioBlob);
      var sound      = document.createElement('audio');
      sound.id       = 'audio-player';
      sound.controls = 'controls';
      sound.src      = audioUrl;
      console.info(audioBlob)
      sound.type     = 'audio/mpeg';
      document.getElementById("audio-player-container").innerHTML = sound.outerHTML;
      
      let file = new File([audioBlob], "audio.mp3",{ type:"audio/mpeg",lastModifiedDate: new Date()});
      let container = new DataTransfer();
      container.items.add(file);
      document.getElementById("uploadedFile").files = container.files;

};

Спасибо за вашу помощь!