Вызов Safari для ошибок decodeAudioData со значением null, где работает Chrome - PullRequest
Новая
       36

Вызов Safari для ошибок decodeAudioData со значением null, где работает Chrome

0 голосов
/ 21 февраля 2019

Я использую getUserMedia() и mediaRecorder для записи звука, который я затем сохраняю как кодированный в base64 текст на сервере.Позже он извлекается с сервера, сохраняется на стороне клиента, а затем, когда пользователь нажимает кнопку воспроизведения, он не кодируется и воспроизводится.Воспроизведение отлично работает в Chrome, но в Safari decodeAudioData добавляет null err в функцию catch.Я тщательно исследовал это, но не вижу, что может вызвать исключение.

Код записи: 

      navigator.getUserMedia = ( navigator.getUserMedia ||
                                 navigator.webkitGetUserMedia ||
                                 navigator.mozGetUserMedia ||
                                 navigator.msGetUserMedia);
      if (navigator.getUserMedia) {
        //console.log('getUserMedia supported.');
        navigator.getUserMedia (
          { // constraints - only audio needed for this app
            audio: true
          },
          // Success callback
          function(stream) {
            const mediaRecorder = new MediaRecorder(stream);
            mediaRecorder.ondataavailable = audio.saveRecordedAudio;
          });
       }

Код воспроизведения: 

      const audioCtx = new (window.AudioContext || window.webkitAudioContext)();
      const source = audioCtx.createBufferSource();
      const binaryAudioBlob = audio.b64toBlob(b64String);
      const reader = new FileReader();
      reader.addEventListener("loadend", function() {
        const bufferArray = reader.result;
        audioCtx.decodeAudioData(bufferArray, (buffer) => {
          source.buffer = buffer;
          source.connect(audioCtx.destination);
          source.start(0);
          console.log('started audio from blob');
        }, function(e){ 
          console.log("Error with decoding audio data" + e);  // e is null
        });
      });
      reader.readAsArrayBuffer(binaryAudioBlob);

где b64toBlob функция: 

    b64toBlob: (b64Data, contentType, sliceSize) => {
      contentType = contentType || '';
      sliceSize = sliceSize || 512;

      const byteCharacters = atob(b64Data);
      const byteArrays = [];

      for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {
        const slice = byteCharacters.slice(offset, offset + sliceSize);

        const byteNumbers = new Array(slice.length);
        for (let i = 0; i < slice.length; i++) {
          byteNumbers[i] = slice.charCodeAt(i);
        }

        const byteArray = new Uint8Array(byteNumbers);

        byteArrays.push(byteArray);
      }

      const blob = new Blob(byteArrays, {type: contentType});
      return blob;
    }

Звук был записан с помощью Chrome.Возможно ли, что Chrome кодирует аудио в формате, который Safari не может воспроизводить?Из того, что я могу сказать, по умолчанию будет WAV, так что я думаю, что Safari может воспроизводить этот формат (например, Ogg).

Любые советы очень ценятся.

1 Ответ

0 голосов
/ 21 февраля 2019

Формат по умолчанию, используемый браузерами Chrome и Firefox для записи аудиопотока с помощью MediaRecorder: Opus .

Safari не может прочитать этот формат, поэтому AudioContext.decodeAudioData() потерпит неудачу с таким вводом.

...