Stop multiple audio, play single audio file on click

Design help Custom code
1

Hello Webflow fam!

I’m working on a very unique project and am having trouble with some Javascript. I’m not a coder, so I’m struggling trying to achieve this.

https://wynn-holly.webflow.io/radio-copy

On this page is a radio. Each radio button will play a corresponding audio file. I’ve gotten that part to work. Currently though, if you click on multiple buttons, it’ll play all the audio files you just clicked without stopping or restarting. I need all of the audio files except the corresponding one to stop when the user clicks another button. I also need the corresponding audio file to restart from the beginning.

Any help with this would be GREATLY appreciated! Thanks in advance!!

Here’s my preview link: https://preview.webflow.com/preview/wynn-holly?utm_medium=preview_link&utm_source=designer&utm_content=wynn-holly&preview=022bf1091a11548e99d27fbf48c49bd6&pageId=5e542ab638b8d704cbc73c69&mode=preview

2

We ran into a similar issue working on a client project and created a script that automatically pauses one audio player when the next starts playing.

If you check out the tutorial you’ll get walked through the issue as well as implementing the solution from start to finish.

Please feel free to tag me if you have any questions!

Happy Thursday!