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

两个问题我看到的 - 首先，我假设你已经正确地引用在您的实际代码外部脚本，但在这里输错了吗？其次，waveurfer.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>