Updated to wavesurfer to v7 and now having render issues

[qbikmusik]

Hi, Ive had a bunch of audio waveform previews on my website for years, using version 6.2.1 of wavesurfer. Recently a customer reached out saying they were on iOS and couldnt hear the audio, turns out there is a bug where if iOS users have their ringer turned off, you cant hear the wavesurfer audio. So I updated wavesurfer to the latest v7 and the issue is fixed but now the waveforms no longer render the same way visually and it just doesnt look as good on my website anymore. Im hoping someone can provide insight on how I can make the version 7 wavesurfer retain the same stylization as the older version I had, here is an example of what im looking for, you can see alot more details in terms of the dynamics:

Also here is the code I have it set up with for all the v6.2 waveforms, the ones i showed above:

And here is the new code for v7 where I cant get it to look the same:

[katspaugh]

Can you show v6 and v7 waveforms side by side? Also please upload a sample audio file.

[qbikmusik]

v6:

v7:

sample:
https://cdn.shopify.com/s/files/1/0571/1151/1240/files/SWOMP_WOMP_VITAL.wav?v=1733470467

[katspaugh]

Thanks!
The v6 style can be achieved by providing a custom render function in the options, see this example:
https://wavesurfer.xyz/examples/?custom-render.js

The v6 function was this: https://github.com/katspaugh/wavesurfer.js/blob/v6/src/drawer.canvasentry.js#L340-L392
It'd have to be adapted a little but should work.

[qbikmusik]

Thanks for letting me know! However, is there any chance there is an easier way to adjust what im assuming is the pixel ratio of the waveforms? I appreciate the insight and help but im unfortunately not experienced enough in coding to know how to adapt the old function into the new one :/