Play/pause button and progress bar stopped showing

[abelonogova]

The issue is occurring on this page https://www.energyogre.com/why-electric-bill-is-high and other similar pages that are using the plugin for implementing audio.

To import the plugin we're using the url reference:

<script src="https://unpkg.com/wavesurfer.js"></script>

The following code is used in addition to the plugin reference:

<script> 
  $( document ).ready(function() {
  var wavesurfer = WaveSurfer.create({ 
  container: document.querySelector('#wave'),
  backend: 'MediaElement', 
  mediaControls: true, 
  responsive: true, 
  height : 0, 
  barHeight:5,
  autoCenter: true,
  hideScrollbar: true,
  progressColor :'#97C94C',
  waveColor: '#437485', 
  minPxPerSec:1,
  autoCenter:true,
  scrollParent:true,
  barRadius:5, 
  cursorWidth: 2, 
  cursorColor:'#437485'});
wavesurfer.load("https://eo-upload.s3.amazonaws.com/blog-audios/Blog+Audio+Why+Is+My+Electric+Bill+So+High.mp3");
  });



</script>

In the code of the page the #shadow-root element is being added, yet the buttons to play/pause the record are not displaying.

The code hasn't been changed in any way and the audio seemed to work fine before, but at some point it stopped displaying the elements.
What could be the issue?

[katspaugh]

You should replace height: 0 with some actual value, or remove it completely.

[abelonogova]

@katspaugh thank you for your response!
I tried giving the height property a value and it displayed the progress bar this way:

though before we used to have the following view with the play/pause btns, simple line progress bar, volume, etc:

So I'm trying to figure out if it had something to do with the plugin, and if it allowed such a view before, but not anymore?

[katspaugh]

That’s the default audio element. You don’t need wavesurfer if that’s what you’re after. Just use the standard audio HTML tag.

[abelonogova]

@katspaugh yes, that's what I was thinking too.
Just out of curiosity, is there a way to achieve that with wavesurfer?

[katspaugh]

It’s possible, yes.
You could add @6 to the unpkg URL, so your old config would work.
I think I’ll restore the mediaContrlols option in v7 too, which is the reason it stopped working for you.

[abelonogova]

@katspaugh perfect, that worked for me! thank you so much!
is there a way for me to subscribe to the plugin releases so not to forget to check for the mediaContrlols option?

[katspaugh]

Great!
I’ve created an issue for it: #3025

Thank you for the feedback!

[abelonogova]

@katspaugh awesome! thanks so much!!

[abelonogova]

@katspaugh hey, just wanted to check, how often do you guys usually release the updates for plugin to production? I just noticed you merged the updates above to the master branch, but when checking my website, I saw that the issue was still there if referencing the latest plugin version, so I figured you guys haven't released it to prod yet?
thank you!