未捕获的类型错误：无法在“AudioContext”上执行

Question

我目前正在尝试用 JavaScript 创建一个音频可视化工具，但不断抛出此错误：未捕获的类型错误：无法在“AudioContext”上执行“createMediaElementSource”：参数 1 的类型不是“HTMLMediaElement”。我不太确定如何修复错误，我一直在互联网上寻找答案，但似乎没有任何帮助。当您点击播放时，音乐确实会播放，但我需要我的可视化器从音频元素中接受数据，以便我可以拥有一个可以工作的可视化器。

Answer 1

这是您的代码的一部分：

let audioCtx = new (window.AudioContext || window.webkitAudioContext)();

let audio = document.querySelector('song1');

let analyser = audioCtx.createAnalyser();

let source = audioCtx.createMediaElementSource(audio);

您尝试获取该元素，song1但它不存在于您的 HTML 中。这可能就是您收到此错误的原因。此外，如果您尝试通过 id 检索元素，您应该这样做

let audio = document.querySelector('#song1');

然后在你的 html

<audio id="song1" controls="">

然后我检查过你会遇到其他错误，但这回答了你的问题。