wavesurfer.backend.getPeaks() returns array with NULL

Hello,

I’m urgently looking for a way to save the waveform on serverside. getPeaks() doesn#t work for me . Any suggestions ? This might be something that should be important in all use cases.

Wavesurfer.js version(s):

2.03

Browser version(s):

Chrome

Code needed to reproduce the issue:

  wavesurfer.on('waveform-ready', function () {
      
                var dataJSON = wavesurfer.backend.getPeaks(960);
                console.log (JSON.stringify(dataJSON));
                var dataImg = wavesurfer.exportImage();
}

[davidorme]

Just to add I was trying to get at the same data and have the same issue using wavesurfer 1.4.0 on both Chrome 63 and Safari 8.0.8 running on Mac 10.10.5. The audio loads and plays as normal.

var dataJSON = wavesurfer.backend.getPeaks(32);
console.log (JSON.stringify(dataJSON));

[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,
 null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,
 null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,
 null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,
 null,null,0,0]

[claudioemmanuel]

@thijstriemstra even including the minified script: <script src="https://unpkg.com/wavesurfer.js"></script> the problem remains

below is my code where i was returning the audio peaks in an interval, 3 days ago it was working normally, until yesterday it was working normally,

today it just stopped returning some value and is returning an empty array

if i remove the backend option from the setup it does not render my audio on the screen

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

I will explain my application better, I am sending a file through a form so I pass the file (path)

$audio = asset('original/'. $file->getClientOriginalName ());

to the return view

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

and i’m rendering it this way

  $(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));

    });

  });

and in this way, using the backend when creating the WaveSurfer the waves are rendered on screen, if I remove them, the peaks appear but the waves on the screen do not