问题描述
我想在浏览器中创建一个软件来监听麦克风并检测它的音高区域。然后我想在实时流线图上显示它。在 yAxis 上将映射 MIDI 键来呈现音符(在引擎盖下 - yAxis 将只是 Hz),在 x 轴上我想显示基于 Hz 的线。
我已经构建了一些可以监听麦克风并实时检测频率(以 Hz 为单位)的东西。该网站是用 React 编写的。现在我需要使用一些库图表来更新带有间距值的线。如果没有这样的值(没有人唱歌/说话),图表将填充空值或缺失值。
有没有专注于高性能和强大自定义选项的图表库?我尝试了 apache/echarts,但它似乎在实时流式传输方面存在问题。
解决方法
您也可以尝试LightningChartJS。我们有多个图表可用于实时音频可视化。这些图表具有强大的自定义选项以及将多个图表放入类似仪表板的布局中的能力。
看看我们的 Interactive Examples,更具体地说,也看看 audio visualization example。
我是 LightningChart 开发人员,所以如果您需要任何支持,请随时给我留言。