Wavesurfer.jsは、波形を描画するか、私はいくつかの異なるgithubの例からスクリプトだけでなく、私のスクリプトを試してみた

Question

プレイしない：

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

2つの問題私は最初に、実際のコードで外部スクリプトを正しく参照していると仮定していますが、誤って入力しましたか？次に、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>