javascript - 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>