#javascript #linegraph #pitch #pitch-tracking
Вопрос:
Я хочу создать в браузере программное обеспечение, которое прослушивает микрофон и определяет его область тона. Затем я хочу показать это на потоковом линейном графике в реальном времени. На оси y будут отображаться MIDI — клавиши, представляющие ноты (под капотом-ось Y будет просто Гц), а на оси x я хочу показать линию, основанную на Гц.
Я уже построил что-то, что слушает микрофон и определяет частоты в Гц в реальном времени. Веб — сайт написан на языке React. Теперь мне нужно использовать некоторую библиотечную диаграмму, которая обновит линию значением шага. Если такого значения нет (никто не поет/не говорит), диаграмма будет заполнена нулями или пропущенными значениями.
Существует ли какая-либо библиотека диаграмм, ориентированная на высокую производительность с широкими возможностями настройки? Я пробовал apache/echarts, но, похоже, у него есть проблемы с потоковой передачей в реальном времени.
Ответ №1:
В качестве альтернативы вы можете попробовать LightningChartJS. У нас есть несколько диаграмм, которые можно использовать для визуализации звука в режиме реального времени. Эти диаграммы имеют широкие возможности настройки, а также возможность размещения нескольких диаграмм в макете, похожем на панель мониторинга.
Взгляните на наши интерактивные примеры и, более конкретно, на пример аудиовизуализации.
Я разработчик LightningChart, поэтому, если вам нужна какая-либо поддержка, не стесняйтесь писать мне.