WebAudio

GET EXCITED AND PLAY!!

Transcript

1. WEBAUDIO
2. WebAudio != <audio … >
3. // create new <audio> var audioElement = new Audio();
4. // create new WebAudio Context var context = new audioContext();
5. // create new WebAudio Context var context = new webkitAudioContext();
6. WICKED WEBAUDIO DEMOS http://chromium.googlecode.com/svn/trunk/samples/audio/samples.html
7. PLAY
8. audioElement.src = path // check/wait until you can play audioElement.play();
9. var source = context.createBufferSource(); source.buffer = buffer; source.connect(context.destination); source.noteOn(at); // PLAY
10. var source = context.createBufferSource(); source.buffer = buffer; source.connect(context.destination); source.noteOn(at); // PLAY
11. var source = context.createBufferSource(); source.buffer = buffer; source.connect(context.destination); source.noteOn(at); // PLAY
12. $.ajax({ url: "/path/to/my/sound/file", success: decodeAudioData, requestType: "arraybuffer" });
13. $.ajax({ url: "/path/to/my/sound/file", success: decodeAudioData, requestType: "arraybuffer" }); NOPE
14. var request = new XMLHttpRequest(); request.open("GET", "/path/to/sound"); request.responseType = "arraybuffer"; request.onload = decodeAudioData; request.send();
15. var request = new XMLHttpRequest(); request.open("GET", "/path/to/sound"); request.responseType = "arraybuffer"; request.onload = decodeAudioData; request.send();
16. var decodeAudioData = function() { context.decodeAudioData( request.response, decodeSuccess); };
17. var decodeSuccess = function(buffer) { doSomething(buffer); };
18. var decodeSuccess = function(buffer) { doSomething(buffer); };
19. var decodeSuccess = function(buffer) { doSomething(buffer); };
20. I MADE SOME FUNCTIONS github.com/theophani/load-sounds
21. var loadSound = function(path, callback) { // load the sound sorta like I showed before };
22. var loadSounds = function(paths, callback) { // load a bunch of sounds };
23. var playSound = function(buffer) { // stuff with source and context };
24. Tiffany Conroy github.com/theophani/load-sounds @theophani