gunfire

Demonstrates how to use web audio to play short sounds that need to be played precisely when needed, and may require multiple overlapping instances of the sound. Note that the sound must be converted to base64 and be added to your application in the form of a string. The base64 encoding must not contain any line returns, so be careful! Since this string will be large, placing it in its own *.js file and including it in your application (as 'sounds/m4a1.js' is handled in this example) is recommended.

1-2-three
example 36: gunfire

<!DOCTYPE html>
<html>
<head>
<title>example 36: gunfire</title>
<script src="js/base64-binary.js"></script>
<script src="sounds/m4a1.js"></script>
<script>
var soundBase64  = m4base64;
var byteArray = Base64Binary.decodeArrayBuffer(soundBase64); 
var context = new AudioContext();
var buffer;

context.decodeAudioData(
  byteArray, 
  function(_buffer) { buffer = _buffer; }, 
  function(err) { console.log("err(decodeAudioData): "+err); }
);
  
var firstPressB = true;
  
function onPress(evt) {
  if (!firstPressB)
    evt.preventDefault(); // only the window select click goes to browser
  firstPressB = false;
  var source = context.createBufferSource(); // creates a sound source
  source.buffer = buffer;    
  source.connect(context.destination); // connect the source to the context's destination (the speakers)
  source.start(0); 
}
window.addEventListener('mousedown',onPress,false);
window.addEventListener('keydown',onPress,true);
</script>
</head>
<body>
Click in window with mouse, then press mouse buttons or keys to fire.
</html>

gunfire

1-2-threeexample 36: gunfire

1-2-three
example 36: gunfire