You can create a placeholder for each track using standard CSS audio controls. These controls behave slightly differently in different browsers, but they work for Chrome, Firefox, Edge and IE. All give the option to either download or save the audio

HTML Code:
<audio controls>
  <source src="MySong.mp3" type="audio/mpeg">
  <source src="MySong.ogg" type="audio/ogg">
Your browser does not support the audio element.
</audio>
Click image for larger version. 

Name:	Chrome Browser.jpg 
Views:	66 
Size:	24.6 KB 
ID:	126385 Click image for larger version. 

Name:	Firefox Browser.jpg 
Views:	54 
Size:	29.8 KB 
ID:	126386

Providing you accept you need to pause one audio before starting another this works fine. If you want a really slick 'playlist' solution you're into coding https://codepen.io/BloodyGaming11/pen/MNgoxo. Maybe someone here on TG has a simpler CSS solution for pausing/stopping one audio track before starting another.

The additional option is to create an Album of the 12 songs, place them in a .zip file and create a link to it. This will get exported in the normal way and will open for the visitor with all songs.

You can of course add a short slider/ video alongside the song (e.g. https://barnesbowling.org) Check out the Santana 2019 cut!