Wavesurfer.js不渲染波形或播放

Question

我已经尝试了github示例中的几个不同的脚本以及我的脚本：

https://cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/1.2.3/wavesurfer.min.j
<div id="waveform"></div>

var wavesurfer = WaveSurfer.create({
container: '#waveform'
});

wavesurfer.load(hbag_100purelove.mp3);
wavesurfer.on('ready', function () {
wavesurfer.play();
});

它就是不能渲染或播放；我在服务器上和本地的Google Chrome上进行了测试。我做错了什么？

Answer 1

我看到了两个问题--首先，我假设你在实际代码中正确地引用了外部脚本，但在这里输入错误了？其次，wavesurfer.load中的文件名需要用引号括起来。

<script src="https://cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/1.2.3/wavesurfer.min.js"></script>

<div id="waveform"></div>

<script type="text/javascript">
  var wavesurfer = WaveSurfer.create({
    container: '#waveform'
  });

  wavesurfer.load("hbag_100purelove.mp3");
  wavesurfer.on('ready', function () {
    wavesurfer.play();
  });
</script>