Ascendents.net HTML5 Audio Player 1.0

Ascendents.net HTML5 MP3 Audio Player 1.0

Use this easy copy-and-paste code to preview multiple embedded webpage audio files. Like other free and easy-to-use HTML5 Javascript CSS audio players (such as Google Software and once the Yahoo Media Player), this runs without Flash or any other extra software.

Track listing
1.	Song 1	Preview
2.	Song 2	Preview
3.	Song 3	Preview
4.	Song 4	Preview
5.	Song 5	Preview
Ascendents.net HTML5 Audio Player 1.0

<div style="display:none;"><style>.newPad{padding:4px;}</style>
<script>function pauseAllAudio(){var sounds=document.getElementsByTagName('audio');for(i=0;i<sounds.length;i++){sounds[i].pause();document.getElementById(sounds[i].id+'control').setAttribute('onclick',"hPlay('"+sounds[i].id+"');");document.getElementById(sounds[i].id+'control').innerHTML="Preview";}}function hPlay(handler){var hControl=handler+"control";pauseAllAudio();document.getElementById(handler).play();document.getElementById(hControl).setAttribute('onclick',"hPause('"+handler+"');");document.getElementById(hControl).innerHTML='Pause';}function hPause(handler){var hControl=handler+"control";document.getElementById(handler).pause();document.getElementById(hControl).setAttribute('onclick',"hPlay('"+handler+"');");document.getElementById(hControl).innerHTML='Preview';}</script>
	
	
	
	<!--ADD AUDIO OBJECTS HERE-------------->

<audio controls="" id="song1" onended="pauseAllAudio();" src="https://ascendents.net/sample.mp3"> </audio>

<audio controls="" id="song2" onended="pauseAllAudio();" src="https://ascendents.net/sample.mp3"> </audio>

<audio controls="" id="song3" onended="pauseAllAudio();" src="https://ascendents.net/sample.mp3"> </audio>

<audio controls="" id="song4" onended="pauseAllAudio();" src="https://ascendents.net/sample.mp3"> </audio>

<audio controls="" id="song5" onended="pauseAllAudio();" src="https://ascendents.net/sample.mp3"> </audio>

	<!--END ADD AUDIO OBJECTS----------------->
	
	
	
	
</div>
<center>
<table style="background:#000;border:1px solid #333; padding:5px;" width="60%"><tbody style="padding:5px;"><tr><td bgcolor="#002" colspan="3" style="padding:5px;">Track listing</td></tr></tbody>
	
		
			
	<!--ADD ENTRIES TO PREVIEW LIST HERE-------------------------->
<tbody><tr><td class=newPad width="5">1.</td><td class=newPad>Song 1</td>
<td class=newPad><span><a href="javascript:void(0);" id="song1control" onclick="hPlay('song1');">Preview</a></span></td></tr></tbody>

<tbody><tr><td class=newPad width="5">2.</td><td class=newPad>Song 2</td>
<td class=newPad><span><a href="javascript:void(0);" id="song2control" onclick="hPlay('song2');">Preview</a></span></td></tr></tbody>

<tbody><tr><td class=newPad width="5">3.</td><td class=newPad>Song 3</td>
<td class=newPad><span><a href="javascript:void(0);" id="song3control" onclick="hPlay('song3');">Preview</a></span></td></tr></tbody>

<tbody><tr><td class=newPad width="5">4.</td><td class=newPad>Song 4</td>
<td class=newPad><span><a href="javascript:void(0);" id="song4control" onclick="hPlay('song4');">Preview</a></span></td></tr></tbody>

<tbody><tr><td class=newPad width="5">5.</td><td class=newPad>Song 5</td>
<td class=newPad><span><a href="javascript:void(0);" id="song5control" onclick="hPlay('song5');">Preview</a></span></td></tr></tbody>

	<!--END ADD ENTRIES TO PREVIEW LIST------------------------------>
		
		
		
		
<tbody><tr><td bgcolor="#080808" colspan="3" style="padding:1px;"><div style="text-align:center; padding:0px;"><a style="color:#333; font-weight:bold; font-size:.8em; letter-spacing:.2px;" href="https://ascendents.net/html5-mp3-audio-player.php" target="_blank">Ascendents.net HTML5 Audio Player 1.0</a></div></td></tr></tbody></table>
</center>