HTML 5 элемент <audio>

Особенности параметра loop для автоматического и не автоматичесвого проигрывания.

Для Chrome, в следующем примере

<audio src="/public/html5/audio.ogg"
	controls="controls" loop="2" >
</audio>

при нажатии на кнопку "проигрывать" мелодия будет звучать больше 2-х раз (бесконечно), но в следующем примере только один раз

<audio src="/public/html5/audio.ogg"
	controls="controls" >
</audio>

Использование Audio API своими кнопками.

<style>
#html5AudioSample1Play{
	color: #333;
	border: 1px gray solid;
	background: lightgray;
	display: inline-block;
	padding: 2px 4px;
	
}
#html5AudioSample1Pause{
	color: #333;
	border: 1px gray solid;
	background: lightgray;
	display: inline-block;
	padding: 2px 4px;
}
</style>
<div>
	<audio id="html5AudioSample1Audio1">
		<source src="http://ramech.net/public/html5/audio.ogg">
	</audio>
	<div>
		<span id="html5AudioSample1Play" type="button">play&nbsp;|&gt;</span>
		<span id="html5AudioSample1Pause" type="button">pause&nbsp;||</span>
		<span id="html5AudioSample1Duration"> </span>
	</div>
</div>
<script>
var audio = document.getElementById('html5AudioSample1Audio1');

var play = document.getElementById('html5AudioSample1Play');
play.addEventListener('click', function(){
    audio.play();
}, false);

var pause = document.getElementById('html5AudioSample1Pause');
pause.addEventListener('click', function(){
    audio.pause();
}, false);

audio.addEventListener("timeupdate", function() {
    var duration = document.getElementById('html5AudioSample1Duration');
    var s = parseInt(audio.currentTime % 60);
    var m = parseInt((audio.currentTime / 60) % 60);
    duration.innerHTML = m + '.' + s + 'sec';
}, false);
</script>