Javascript 音频Web API录制MediaStreamSource到AudioNode以进行循环

我目前正在开发一个基于web的循环站（如Boss RC-505）

当前情况：

window.AudioContext = window.AudioContext || window.webkitAudioContext
audioContext = new AudioContext()

let mediaStreamSource = audioContext.createMediaStreamSource(stream)
let inputgain = audioContext.createGain()
let outputgain = audioContext.createGain()

mediaStreamSource.connect(inputgain)
inputgain.connect(outputgain)
outputgain.connect(audioContext.destination)

初始化麦克风输入后（在用户许可的情况下），我创建了一个新的audioContext。 由此，我创建了MediaStreamSource，并使用麦克风输入输入）。 接下来是两个增益节点，用于音频流的输入和输出。 然后是目的地，即扬声器输出

在inputgain和outputgain之间，我现在想要一个音频节点，它在给定时间（onclick事件）从mediaStreamSource录制，并且在给定时间停止录制。 在它被记录之后，它应该继续循环

我在网上找不到任何有用的东西，所以我希望这里有人能回答我的问题。 为了可视化我正在做的工作，这是开发中的web应用程序：