What app or code would allow me to make this kind of container and preview?

[sonicweaponry]

Im trying to make audio previews for a product in a format like this:

https://cymatics.fm/collections/store/products/apex-one-shots-vol-4

Ive done some research and found wavesurfer to be one method but I have no idea how to implement it in my website because im using the GemPages app for my product pages (they do allow me to add liquid modules)

I dont have much experience coding so im a little out of my element with this one, hopefully there is an app or someone with some knowledge on this who could help me figure this out!

[samplethis-jp]

yo I know it's been a few years but could you please help me with this? I'm sure adding the wavesurfer code into the site is so simple and once I can get it to show up on my site once i'll be fine but i for the life of me can't get anything to show up on gempages.