richjava/web-audio.html

## web-audio.html
<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <div onclick="playDogSound()">Play dog sound</div>
        <script>
            var url = 'http://localhost:8383/webaudio/audio/dog_bark_x.wav';
            //var url =
            var dogBarkingBuffer = null;
            var context;
            window.addEventListener('load', init, false);
            function init() {
                try {
                    // Fix up for prefixing
                    window.AudioContext = window.AudioContext || window.webkitAudioContext;
                    context = new AudioContext();
                    loadDogSound(url);
                }
                catch (e) {
                    alert('Web Audio API is not supported in this browser');
                }
            }

            function loadDogSound(url) {
                var request = new XMLHttpRequest();
                request.open('GET', url, true);
                request.responseType = 'arraybuffer';

                // Decode asynchronously
                request.onload = function () {
                    context.decodeAudioData(request.response, function (buffer) {
                        dogBarkingBuffer = buffer;
                    }, onError);
                }
                request.send();
            }

            function playDogSound(){
                playSound(dogBarkingBuffer);
            }

            function playSound(buffer) {
                var source = context.createBufferSource(); // creates a sound source
                source.buffer = buffer;                    // tell the source which sound to play
                source.connect(context.destination);       // connect the source to the context's destination (the speakers)
                source.start(0);                           // play the source now
                // note: on older systems, may have to use deprecated noteOn(time);
            }

            var onError = function (error) {
                console.log('Whoops, there was an error!' + error);
            }
        </script>
    </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>TODO supply a title</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	</head>
	<body>
	<div onclick="playDogSound()">Play dog sound</div>
	<script>
	var url = 'http://localhost:8383/webaudio/audio/dog_bark_x.wav';
	//var url =
	var dogBarkingBuffer = null;
	var context;
	window.addEventListener('load', init, false);
	function init() {
	try {
	// Fix up for prefixing
	window.AudioContext = window.AudioContext \|\| window.webkitAudioContext;
	context = new AudioContext();
	loadDogSound(url);
	}
	catch (e) {
	alert('Web Audio API is not supported in this browser');
	}
	}

	function loadDogSound(url) {
	var request = new XMLHttpRequest();
	request.open('GET', url, true);
	request.responseType = 'arraybuffer';

	// Decode asynchronously
	request.onload = function () {
	context.decodeAudioData(request.response, function (buffer) {
	dogBarkingBuffer = buffer;
	}, onError);
	}
	request.send();
	}

	function playDogSound(){
	playSound(dogBarkingBuffer);
	}

	function playSound(buffer) {
	var source = context.createBufferSource(); // creates a sound source
	source.buffer = buffer; // tell the source which sound to play
	source.connect(context.destination); // connect the source to the context's destination (the speakers)
	source.start(0); // play the source now
	// note: on older systems, may have to use deprecated noteOn(time);
	}

	var onError = function (error) {
	console.log('Whoops, there was an error!' + error);
	}
	</script>
	</body>
	</html>