<!DOCTYPE html>
<html>
<head>
<script src=”http://code.jquery.com/jquery-1.11.0.min.js”></script>
<script>
$(‘document’).ready(function () {
$(‘#box’).click(function () {
var audioElement = document.createElement(‘audio’);
audioElement.setAttribute(‘src’, ‘http://www.rangde.org/static/bell-ring-01.mp3’);
audioElement.setAttribute(‘autoplay’, ‘autoplay’);
audioElement.addEventListener(“load”, function() {
audioElement.play();
}, true);
});
});
</script>
</head>
<body>
<div id=”box” style=”width: 100px; height: 100px; background-color: red;”>
</div>
</body>
</html>