Почему запись аудио идёт в разных форматах?

Question

[Keliorw]

Столкнулся с такой проблемой, что в хром библиотека MediaRecorder записывает голосовое сообщение в формате:


А в мозиле в нужном мне формате:


Вот код создания этих файлов:

mediaRecorder.ondataavailable = function (e) {
      chunks.push(e.data);
      if (cancelAction) {
        chunks = []
      } else if (stopAction) {
        let format = 'ogg'
        blob = new Blob(chunks, {'type': 'audio/x-opus+ogg; codecs=opus'});
        chunks = []
        let now = new Date()
        let time = zeroAdder(now.getHours()) + zeroAdder(now.getMinutes()) + zeroAdder(now.getSeconds())
        let date = zeroAdder(now.getDate()) + zeroAdder(now.getMonth() + 1)
        let new_name = 'audio_'+time+'_'+date+now.getFullYear()+'.'+format
        const newFile = new File([blob], new_name, {type: blob.type});
        myDropzone.addFile(newFile)
      }
      cancelAction = false
      stopAction = false
    }
  }

Comments

[Никита Колосов]

Почти одновременно по той же теме задал вопрос https://qna.habr.com/q/1253080
Дело не в твоём коде, скорее всего. Просто поддержка кодеков действительно очень специфична для разных браузеров

[Lapita12]

Разные браузеры используют разные кодеки для записи аудио. В вашем случае, Chrome использует кодек Opus, а Firefox использует кодек Vorbis.
Чтобы решить эту проблему, вы можете проверять, какой браузер используется, и выбирать соответствующий кодек для записи аудио.

let format = 'ogg'
let codec = 'opus'
if (navigator.userAgent.indexOf('Firefox') != -1) {
  codec = 'vorbis'
}
blob = new Blob(chunks, {'type': 'audio/'+format+'; codecs='+codec});

Этот код проверяет, используется ли браузер Firefox, и выбирает соответствующий кодек для записи аудио.