您好，我有一个项目JavaScript，它对我来说是新的，我使用音频Web API，该代码允许我播放音乐并使用相同的按钮停止，一切似乎都很好，但是控制台显示此消息错误，请任何人都可以帮助我解决这个问题，如果您还有其他问题，请告诉我tnx。
那就是问题所在
（未捕获的TypeError：无法读取HTMLButtonElement处的null属性'createMediaElementSource'。（h1.html？_ijt = o00si3cs9lv3ovov0so3fv3a4h：33）（匿名）@ h1.html？_ijt = o00si3cs9lv3ovov0so3fv3a4h：33）。
这是我的代码：
<html>
<body>
<section class="tape">
<audio src="outfoxing.mp3" crossorigin="anonymous" ></audio>
<!-- type="audio/mpeg" -->
<button data-playing="false" class="tape-controls-play" role="switch" aria-checked="false">
<span>Play/Pause</span>
</button>
</section>
<script>
const AudioContext = window.AudioContext;
let audioCtx = null;
//play video
let playButton = document.querySelector('.tape-controls-play');
let audioElement =null ;
playButton.addEventListener('click', function() {
let track= new AudioContext();
audioElement = document.querySelector('audio');
audioCtx= audioCtx.createMediaElementSource(audioElement);
// check if context is in suspended state (autoplay policy)
if (audioCtx.state === 'suspended') {
audioCtx.resume();
}
if (this.dataset.playing === …