Javascript wavesurfer getPeaks正在返回一个空数组

我正在使用以下库中的一个可定制的音频波形可视化（）wavesurfer.js

<script src="https://cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/1.2.3/wavesurfer.min.js"></script>

我会更好地解释我的申请，我通过表格发送文件，所以我会传递文件（路径）

返回到返回视图

return view ('result')-> with('audio', $audio);

我是这样画的

  $(document).ready(function() {

    var wavesurfer = WaveSurfer.create({
      container: document.querySelector('#waveform'),
      backend: 'MediaElement',
      waveColor: 'black',
      progressColor: 'gray',
    });

    var audioElement = document.createElement('audio')

    audioElement.autoplay = true
    audioElement.loop = true
    audioElement.crossOrigin = 'anonymous'
    audioElement.src = '{!! $audio !!}'

    wavesurfer.load(audioElement);

    wavesurfer.on('ready', function() {

      var length  = wavesurfer.getDuration();
      var start   = 0;
      var end     = length;

      console.log(wavesurfer.backend.getPeaks(length, start, end));

    });

  });

这样，在创建WaveSurfer时使用后端，波浪会在屏幕上渲染，如果我移除它们，峰值会出现，但屏幕上的波浪不会出现

有人能告诉我我做错了什么吗？今天我花了6个小时试图解决这个问题，但我做不到

---

我应该如何安装或导入库以使用它？谢谢，我将等待

如果您从配置中删除此行，它将起作用：

backend: 'MediaElement',

工作示例：

$（文档）.ready（函数（）{
var wavesurfer=wavesurfer.create({
容器：document.querySelector（“#波形”），
//后端：“MediaElement”，
waveColor:'黑色'，
颜色：“灰色”
});
wavesurfer.load（'http://ia902606.us.archive.org/35/items/shortpoetry_047_librivox/song_cjrg_teasdale_64kb.mp3');
wavesurfer.on（'ready'，function（）{
变量长度=300；
var start=0；
var端=300；
log（wavesurfer.backend.getPeaks（长度、开始、结束））；
});
});

谢谢你的朋友回来，你以前用过这个库吗？您能更好地告诉我配置中后端的用途吗？因为在文档中，它说有必要预先呈现音频，并且为我糟糕的英语感到抱歉。我以前没有使用过这个库。我只是查看了文档并更新了我的答案。
  $(document).ready(function() {

    var wavesurfer = WaveSurfer.create({
      container: document.querySelector('#waveform'),
      backend: 'MediaElement',
      waveColor: 'black',
      progressColor: 'gray',
    });

    var audioElement = document.createElement('audio')

    audioElement.autoplay = true
    audioElement.loop = true
    audioElement.crossOrigin = 'anonymous'
    audioElement.src = '{!! $audio !!}'

    wavesurfer.load(audioElement);

    wavesurfer.on('ready', function() {

      var length  = wavesurfer.getDuration();
      var start   = 0;
      var end     = length;

      console.log(wavesurfer.backend.getPeaks(length, start, end));

    });

  });

backend: 'MediaElement',