Buonasera,
sono nuovo in questo forum che solitamente utilizzo per i dubbi legati alla realizzazione di siti web. Non ho trovato nulla riguardante l'utilizzo del tag audio.
Nello specifico... voglio realizzare una pagina web con:

img/locandina + anteprima traccia audio differente per ciascun titolo

<div class="locandina">
<a href="music-title1.html"><img src="mialocandina1.jpg" alt="mia locandina1"></a>
</div>
<div class="preview">
<audio id="audio1" src="fileaudio1.mp3" type="audio/mp3"></audio>
<a class="agents-btn fa fa-play-circle" onclick="document.getElementById('audio1').play()" > Ascolta </a>
</div>

<div class="locandina">
<a href="music-title2.html"><img src="mialocandina2.jpg" alt="mia locandina 2"></a>
</div>
<div class="preview">
<audio id="audio2" src="fileaudio2.mp3" type="audio/mp3"></audio>
<a class="agents-btn fa fa-play-circle" onclick="document.getElementById('audio2').play()" > Ascolta </a>
</div>

Domanda:
- Come posso fare in modo che durante la riproduzione del fileaudio1 se viene attivato il play del fileaudio2 si blocchi la riproduzione della precedente e quindi non si sovrappone l'audio delle 2 tracce?

Per voi potr� sembrare banale... spero possiate aiutarmi, grazie.

Luciano