未使用 wavesurfer 创建的波形

如何解决未使用 wavesurfer 创建的波形

我正在测试 wavesurfer.js 来为我的音频绘制波形。我在 codepen 上做了例子，但没有创建波形！！！

这是代码笔：

https://codepen.io/pixy-dixy/pen/ZEeVmOm?editors=1010

var wavesurfer = WaveSurfer.create({
    container: document.querySelector('#waveform'),backend: 'MediaElement',waveColor: 'violet',progressColor: 'purple',});

wavesurfer.load('https://www.w3schools.com/jsref/horse.ogg');

<script src="https://unpkg.com/wavesurfer.js"></script>
<div id="waveform"></div>

如你所见，只有一条水平线！！！如何解决这个问题？我错过了什么？