<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-f" />
<title>Sound test</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid pink;
}
html, body, div { height: 100%; width: 100%; }
</style>
</head>
<body>
<div>
<audio id="click" preload="auto" controls>
<source src="/audio/click.ogg" type="audio/ogg" />
<source src="/audio/click.mp3" type="audio/mpeg" />
</audio>
</div>
<script type="text/javascript">
document.getElementsByTagName("div")[0].onclick = function () {
document.getElementById("click").play();
alert("hello");
}
</script>
</body>
</html>