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>

Wavesurfer.js无法渲染波形或播放

1 个答案: