HTML <audio> sorum var!! R10+

Merhaba arkadaşlar,
bir html sayfasında yaklaşıl 40 tane <audio> etiketim var ve her birinde ayrı ayrı mp3 dosyaları var.
kullanıcının sadece birini dinlemesini istiyorum ama bir ses açıldığında diğeride açılabiliyor.
Birisi çalıyorken diğerine tıklandığında çalan mp3'ün durmasını ve tıklanan mp3'ün çalmasını istiyorum
umarım anlatabilmişimdir. yardımlarınız için şimdiden teşekkürler.

Aslında çok basit bir şekilde JavaScript ile yapılabilir. İlgili sayfanın kaynak kodlarını paylaşırsanız yardımcı olabilirim.

play tuşuna tıkladığında tüm audio elementlerini pause yapabilirsin.

bir audio elementini pause yapmak için

var audio_element = $("audio")[0];
audio_element.pause()

bu kadar.

pause işlemleri bittikten sonra tıklanan element için play verebilirsin.

Merhaba,
Dom olarak tum audio elementlerini sec;

var audioElements = document.querySelectorAll('audio')

Sonra bir dongude bunlari don iclerinde herhangi biri caliyorsa kapat.

audioElements.forEach(res=> {
if(!res.paused){
res.pause();
}
});

Bunu herbir muzigi play ettiginde yukardaki kodu fuction yapip cagirabilirsin.

Bilmediğimden soruyorum hocam, her bir müziği play ettiğimizde fuction'u nasıl çağıracağız