Page inline mp3 audio elements

by Spencer Smith

HTML

<h1>Index of /audio/PATB</h1>
<ul><li><a href="http://chrismerrittmusic.com/audio/PATB//audio/"> Parent Directory</a></li>
<li><a href="http://chrismerrittmusic.com/audio/PATB/01%20Chris%20Merritt%20-%20Pixie%20And%20The%20Bear%20-%20North.mp3"> 01 Chris Merritt - Pixie And The Bear - North.mp3</a></li>
<li><a href="http://chrismerrittmusic.com/audio/PATB/02%20Chris%20Merritt%20-%20Pixie%20And%20The%20Bear%20-%20Sarah%20And%20The%20Fabric%20Of%20Reality.mp3"> 02 Chris Merritt - Pixie And The Bear - Sarah And The Fabric Of Reality.mp3</a></li>
<li><a href="http://chrismerrittmusic.com/audio/PATB/03%20Chris%20Merritt%20-%20Pixie%20And%20The%20Bear%20-%20The%20Cult%20Of%20Karl.mp3"> 03 Chris Merritt - Pixie And The Bear - The Cult Of Karl.mp3</a></li>
<li><a href="http://chrismerrittmusic.com/audio/PATB/04%20Chris%20Merritt%20-%20Pixie%20And%20The%20Bear%20-%20Bleach.mp3"> 04 Chris Merritt - Pixie And The Bear - Bleach.mp3</a></li>
<li><a href="http://chrismerrittmusic.com/audio/PATB/05%20Chris%20Merritt%20-%20Pixie%20And%20The%20Bear%20-%20Mafia.mp3"> 05 Chris Merritt - Pixie And The Bear - Mafia.mp3</a></li>
<li><a href="http://chrismerrittmusic.com/audio/PATB/06%20Chris%20Merritt%20-%20Pixie%20And%20The%20Bear%20-%20Madison.mp3"> 06 Chris Merritt - Pixie And The Bear - Madison.mp3</a></li>
<li><a href="http://chrismerrittmusic.com/audio/PATB/07%20Chris%20Merritt%20-%20Pixie%20And%20The%20Bear%20-%20Arizona.mp3"> 07 Chris Merritt - Pixie And The Bear - Arizona.mp3</a></li>
<li><a href="http://chrismerrittmusic.com/audio/PATB/08%20Chris%20Merritt%20-%20Pixie%20And%20The%20Bear%20-%20Cruise%20Elroy.mp3"> 08 Chris Merritt - Pixie And The Bear - Cruise Elroy.mp3</a></li>
<li><a href="http://chrismerrittmusic.com/audio/PATB/09%20Chris%20Merritt%20-%20Pixie%20And%20The%20Bear%20-%20Mimic.mp3"> 09 Chris Merritt - Pixie And The Bear - Mimic.mp3</a></li>
<li><a...

JavaScript

var links = document.querySelectorAll("a[href$='mp3']");

for(var i = 0; i < links.length; i++){
	var audio = document.createElement('audio');
  audio.src = links[i].href;
  audio.controls = true;
  audio.preload = "none";
  audio.style.display = "block";
  audio.style.margin = "5px";
  audio.style.marginBottom = "20px";
  links[i].outerHTML += audio.outerHTML;
}