我在 React 中使用 AudioContext 接口制作了一个音频可视化工具，我希望用户能够启用和禁用它。
可视化工具工作正常，我也可以禁用它（我只是删除了 vis 组件）
但是，当我想再次启用它时，它告诉我：“InvalidStateError：无法在“AudioContext”上执行“createMediaElementSource”：HTMLMediaElement 之前已连接到不同的 MediaElementSourceNode。”
我想我不能在一个音频元素上同时有 2 个 ElementSource。但我无法解决这个错误。
我尝试在 useEffect 挂钩中返回audiocontext.close() ，以便我可以创建一个新的MediaElementSource（不确定它是否以这种方式工作），但它不会改变任何内容。
也许音频元素上有一个属性可以告诉我是否已经存在 MediaElementSource ？（我什么也没找到）
或者，AudioContext 接口对我来说有点太难了，因为我只是 React 的初学者，而且我只是复制粘贴现有的可视化工具......
谢谢您的帮助！
这是我的可视化组件中的一些代码：
useEffect(() => {
var context = new AudioContext(); //Some visualiser stuff
var src = context.createMediaElementSource(audio);// The error is here
src.crossOrigin = "anonymous";
var analyser = context.createAnalyser();
src.connect(analyser);
analyser.connect(context.destination);
analyser.fftSize = 1024;
// Some canvas stuff here
//
return () => {
context.close() // doesn't work ?
};
}, …