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

Technical Q&A
1

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

sonicweaponry_0-1657514138331.png
sonicweaponry_0-1657514138331.png1155×417 21.2 KB

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!

2

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.