Существует ли библиотека ReactJS для рисования синусоидальной волны из аудиоанализатора? - PullRequest
0 голосов
/ 29 мая 2019

В веб-приложении я должен реализовать рисование синусоиды для визуализации во время записи с микрофона.Я использую Web Audio API для получения данных с микрофона.

 const { audioData } = this.props;
    const canvas = this.canvas.current;
    const height = canvas.height;
    const width = canvas.width;
    const context = canvas.getContext('2d');
    let x = 0;
    const sliceWidth = (width * 1.0) / audioData.length;

    context.lineWidth = 2;
    context.strokeStyle = '#000000';
    context.clearRect(0, 0, width, height);

    context.beginPath();
    context.moveTo(0, height / 4);
    for (const item of audioData) {
      const y = (item / 255.0) * height;
      context.lineTo(x, y);
      x += sliceWidth;
    }
    context.lineTo(x, height / 2);
    context.stroke();

enter image description here

...