Play HTML5 Audio Stream on User Click

This example shows to to load an audio file in mobile Safari by a user click event.

by GregoireMTL

HTML

<audio id="audio">
    <source src="http://www.oringz.com/oringz-uploads/sounds-979-get-outta-here.mp3" type="audio/mpeg" />
</audio>
<button id="button">Play</button>

JavaScript

var button = document.getElementById('button');
var audio = document.getElementById('audio');

function clickHandler() {
    audio.play();
}

function endHandler() {
    alert('ended');
}

button.addEventListener('click', clickHandler, false);

audio.addEventListener('ended', endHandler, false);