Правильно подключить осциллятор к аудиопотоку, чтобы создать граф JavaScript

Question

Я хотел бы подключить выход осциллятора к функции canvas draw() для создания осциллографа, но я не могу понять, как правильно подключить аудиопоток. Я хочу использовать осциллятор в качестве источника и соединить его с анализатором, в результате чего createMediaStreamSource (oscillator) приводит к тому, что параметр не поддерживается, и просто при подключении, как в сценарии, теперь он ничего не делает.

// 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(). Я обновлю скрипку, когда вернусь домой для тех, кто заинтересован.