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>