Создать визуализацию «спектра» с помощью RecordRTC - PullRequest
Новая
       72

Создать визуализацию «спектра» с помощью RecordRTC

0 голосов
/ 10 февраля 2020

Я использую RecordRT C (https://github.com/muaz-khan/RecordRTC) для прослушивания: запись пользовательского микрофона в браузере; но я хочу нарисовать спектр (на основе CSS) одновременно.

Я не знаю, как это получить; Я нашел много примеров с AudioContext API, но из RecordRT C я получаю только данные Blob и не знаю, как преобразовать их в Uint8Array, чтобы использовать их ...

Что я сделал : 

  const audioContext = new AudioContext();
  const analyserNode = audioContext.createAnalyser();
  this.recorder = RecordRTC(microphone, {
    type: 'audio',
    mimeType: 'audio/wav',
    recorderType: RecordRTC.StereoAudioRecorder,
    desiredSampRate: 16000,
    numberOfAudioChannels: 1,
    audioBitsPerSecond: 256000,
    disableLogs: true,
    timeSlice: 100,
    ondataavailable: (data) => {
      data.arrayBuffer().then(buffer => {
        const freq = analyserNode.getByteFrequencyData(new Uint8Array(buffer));
        console.log(freq);
      });
    }
  });

И мой console.log возвращает "undefined" при каждом повороте: /

Есть ли способ получить спектр (визуализацию звука) из RecordRT C или Blob двоичные каждые 100 мс?

Спасибо!

...