尝试运行 AudioContext.createMediaElementSource() 时如何修复“Audion 无法识别调用‘connect’的对象”错误？

Question

尝试使用 javascript 创建音频元素，然后通过调用 AudioContext.createMediaElementSource() 创建音频源，但在 Chrome 控制台中出现错误，提示 Audion 无法识别调用“connect”的对象

错误消息的屏幕截图

我试图在 HTML 中创建这个音频元素并使用 Document.querySelector() 来获取这个音频文件，但得到了同样的错误。

const audio = new Audio("./path/to/audio.mp3");
const audioSource = audioCtx.createMediaElementSource(audio);
audioSource.connect(audioCtx.destination);

Answer 1

该警告来自 Chrome 扩展程序，该扩展程序正式称为Web Audio Inspector。它的代号是Audion。源代码可在GitHub上找到。此处生成警告消息：https : //github.com/google/audion/blob/master/js/entry-points/tracing.js#L747

我认为问题在于 Audion 仍然修补 BaseAudioContext 的原型，但最近规范中的更改将 createMediaElementSource() 等函数移至 AudioContext 原型。我将继续在 GitHub 上为此创建一个问题，希望在某个时候得到修复。

话虽如此，这只是一个警告，不应阻止您的网站正常工作。