Problem using wavesurfer.js from npm plugin

Ask us anything How do I?
1

Hello everyone,

I am trying to use the wavesurfer package. I installed it following @dorilama tutorial here (Add visual elements using NPM - #5 by dorilama).
I am running this js code inside a workflow :

return pluginVariables[
  /* wavesurfer.js */ "69d4a5bb-09a3-4f3d-a94e-667c21c057eb"
]["wavesurfer.js"].create({
  container: wwLib.getFrontDocument().querySelector("#waveform"),
  waveColor: "#4F4A85",
  progressColor: "#383351",
  url: "https://dl.dropbox.com/s/c4i9dvr6g7bjvhr/miku_doremi120.mp3?dl=0",
});

And I am getting the following error : message: “Cannot read properties of undefined (reading ‘create’)”

Any idea on where this issue is coming from ?

wavesurfer
wavesurfer742×769 44.3 KB

2

did you set up the plugin like the instructions in the tutorial, including the instance name?

3

Yes I did !

image
image567×493 23.8 KB

4

Okey, my page was in daft mode, that was the issue !