JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <audio id="lecteur_audio" controls="controls">audio inconnu</audio>

  <ul>
    <li class="piste_audio" href="https://www.w3schools.com/html/horse.mp3">flamenco</li>
    <li class="piste_audio" href="https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_700KB.mp3">Bach</li>
  </ul>

</body>

JavaScript

var lecteur = document.getElementById('lecteur_audio');

document.querySelectorAll(".piste_audio").forEach( mp3 => { 
	mp3.addEventListener('click', event => {
		lecteur.setAttribute('src',event.target.getAttribute('href'));
    lecteur.play();
  })
});