demo.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Speak.js Demo</title>
	<script src="speakClient.js"></script>
	<script>
	var period = 0;
	function beat_it() {
		if( period !== 0 ) {
			speak('beat', {pitch: 10});
			setTimeout(beat_it, period);
		}
	}
	function stop_the_beat() {
		period = 0;
	}
	function start_the_beat() {
		period = document.getElementById('beat-frequency').value;
		beat_it();
	}
	</script>
	<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>
<body>
	<div id="audio"></div>
	<input type="button" onclick="speak('hello world!')" value="Say 'Hello World!'" />
	<br>
	<br>
	<label for="">Beat frequency</label>
	<input id="beat-frequency" type="text" value="500" placeholder="Beat frequency (in miliseconds)'" />
	<br>
	<input type="button" onclick="start_the_beat()" value="Start The Beat!'" />
	<br>
	<input type="button" onclick="stop_the_beat()" value="Stop The Beat!'" />
</body>
</html>