使用网络音频API在JavaScript中创建矢量示波器

Question

我目前正在尝试创建矢量示波器，以使用Web Audio API分析Javascript中的实时音频。 该API允许访问当前频率数据和时域数据。 我已经使用以下方程式中的a和b变量的简单值重新创建了lissajous图形：

var x = A*sin(a*t);
var y = B*sin(b*t);

其中A和B是振幅，a和b是频率，t是时间（我通过performance.now（）获得）。

我的问题是我不确定如何将Web Audio API的字节频率数据和字节时域数据中的数据实现到上面的公式中。 在我的代码中，我有两个振荡器，它们彼此立体声失谐（以突出相位相关性），并馈入两个分析仪（一个用于左声道，另一个用于右声道）。 从这两个分析器中，我都可以使用getByteFrequencyData（）和getByteTimeDomainData（）方法提取数据。 这两种方法都返回请求数据的Uint8数组。 我目前正在迭代分析器的缓冲区，并在每次迭代期间将包含的数据应用于上述方程式。 尽管在X / Y图上，结果还是一团糟。

如果有人对如何将频域和时域数据转换为两个方程式变量的可用值有任何想法，我将不胜感激。 干杯!

Answer 1

我将其发布在Sound Design StackExchange上，并收到了一个有用的答案： https : //sound.stackexchange.com/questions/35737/programming-a-vectorscope