audio - 创建绘制的音频 react 视觉

Question

我正在寻找在处理中创建该项目的方法，但是，我发现该术语有点困难。我不确定如何调用在整个歌曲中线条永久保持的效果来“绘制”音乐数据。

对于我可以查看哪些教程或某人的回答，我将不胜感激。

我的目标是创建尽可能接近的东西:

https://www.youtube.com/watch?v=Bb5PTitqtlc&t=58s

Answer 1

堆栈溢出并不是真正针对一般的“我该怎么做”类型的问题而设计的。这是针对特定的“我尝试过X，期望Y，但是却改为Z”类型的问题。但我会尝试在一般意义上提供帮助:

您需要先break your problem down into smaller pieces，然后一次将这些片段一次。用英语准确写下您想发生的事情，这将是您可以考虑使用代码实现的一种算法。

获得一些简单的工作。您可以写一个简单的草图播放歌曲吗？然后一步一步地前进。您能写一个简单的草图，根据正在播放的歌曲打印出一些数值吗？除此之外，您是否可以使用硬编码数字创建非常简单的可视化？在考虑将它们组合到草图中以显示基于正在播放的歌曲的可视化效果之前，请将所有这些工作分开进行。

然后，如果遇到困难，可以将一个更具体的问题与MCVE一起发布。祝好运。