Media Controls Styling

[Lowgy]

How does one style the Media Controls? Trying to just have it switch with my theme depending on dark / light mode but can't seem to get it to switch for some reason. Any Ideas?

[katspaugh]

You should provide your own audio element like in this example:

<div id="my-container"></div>
<audio src="..." id="my-audio" />

const wavesurfer = WaveSurfer.create({
  container: document.querySelector('#my-container'),
  media: document.querySelector('#my-audio'), // your audio element
})