正确地将振荡器连接到音频流以创建图形javascript

Question

我想将振荡器输出连接到画布绘图()函数来创建示波器，但是我不能正确地理解如何正确地连接音频流的逻辑。我想使用振荡器作为源，并将其与分析器连接，createMediaStreamSource(振荡器)导致不支持的参数，只是连接，就像脚本现在什么都不做。：

// create Oscilloscope                                                              ***OSCILLOSCOPE***
var analyser = audioCtx.createAnalyser();
var canvas = document.getElementById('scope');
var canvasCtx = canvas.getContext("2d");
var WIDTH = canvas.width;
var HEIGHT = canvas.height;

// setup scope buffer
analyser.fftSize = 2048;
var bufferLength = analyser.frequencyBinCount;
var dataArray = new Uint8Array(bufferLength);

// connect audiosource
oscillator.connect(analyser);
analyser.connect(audioCtx.destination); 

这里是整个想法的一个小提琴：https://codepen.io/silconsystem/pen/xMMwgJ

我希望你们中的一位能给我指引正确的方向，谢谢你们提前抽出时间。

干杯，罗伯

Answer 1

我修复了它，我只需要在startOsc()函数中创建振荡器时调用到分析器的连接。当我回家后，我会为那些感兴趣的人更新小提琴。