HTML5 Audio Test - Simple

simple example

HTML

<div id="ocean">
	<audio class="audioDemo" id="audio" src="http://www.sousound.com/music/healing/healing_01.mp3" preload="auto"></audio>
    
</div>
<button id="stop">STOP</button>

CSS

#ocean{
    
    width:200px;
    height:200px;
    background:blue;
}

JavaScript

$('#ocean').click(function () {
    if ($(".audioDemo").get(0).paused == false) {
        $(".audioDemo").trigger('pause');
    } else {
        $(".audioDemo").trigger('play');
    }
});

$('#stop').click(function(){
    $(".audioDemo").trigger('pause'); //pause playing
    $(".audioDemo").prop("currentTime",0); //set play time to 0
});