使用網絡音頻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