{"id":17600,"date":"2014-11-23T23:44:46","date_gmt":"2014-11-24T04:44:46","guid":{"rendered":"https:\/\/reactivemusic.net\/?p=17600"},"modified":"2014-11-29T20:04:25","modified_gmt":"2014-11-30T01:04:25","slug":"ep-413-dsp-week-12","status":"publish","type":"post","link":"https:\/\/reactivemusic.net\/?p=17600","title":{"rendered":"ep-413 DSP &#8211; week 12"},"content":{"rendered":"<p class=\"lead\">Web Audio API<\/p>\n<p><a href=\"http:\/\/labs.dinahmoe.com\/plink\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-17665\" src=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/11\/Screen-Shot-2014-11-29-at-6.00.08-PM-300x223.png\" alt=\"\" width=\"300\" height=\"223\" srcset=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/11\/Screen-Shot-2014-11-29-at-6.00.08-PM-300x223.png 300w, https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/11\/Screen-Shot-2014-11-29-at-6.00.08-PM-1024x762.png 1024w, https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/11\/Screen-Shot-2014-11-29-at-6.00.08-PM.png 1066w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h5>A good place to start<\/h5>\n<p>There are many links to Web Audio project right here on this blog:\u00a0<a href=\"https:\/\/reactivemusic.net\/?tag=web-audio\">https:\/\/reactivemusic.net\/?tag=web-audio<\/a><\/p>\n<h5>Technical reference manual<\/h5>\n<p>Comprehensive guide from Mozilla Developer Network\u00a0<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Web_Audio_API\">https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Web_Audio_API<\/a><\/p>\n<h4>Quick tutorial<\/h4>\n<ul>\n<li>Open a javascript console in a Web browser. This example uses Chrome.\u00a0From the Chrome menu, select View | Developer | Javascript console<\/li>\n<li>Type the following commands (in the shaded blocks) into the console:<\/li>\n<\/ul>\n<p>Assign an instance of the Web Audio class to the object: context<\/p>\n<div class=\"panel\">\n<p>context = new AudioContext();<\/p>\n<\/div>\n<p>Make an oscillator node<\/p>\n<div class=\"panel\">\n<p>osc = context.createOscillator();<\/p>\n<\/div>\n<p>Connect the oscillator to the audio output (speaker)<\/p>\n<div class=\"panel\">\n<p>osc.connect(context.destination);<\/p>\n<\/div>\n<p>Turn on the oscillator at the current time and plays a tone.<\/p>\n<div class=\"panel\">\n<p>osc.noteOn(0);<\/p>\n<\/div>\n<p>Turn of the oscillator<\/p>\n<div class=\"panel\">\n<p>osc.noteOff(0);<\/p>\n<\/div>\n<p>For more basics, see: &#8220;Using the Web Audio API&#8221;, at the Mozilla Developer Network:\u00a0<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Web_Audio_API\/Using_Web_Audio_API\">https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Web_Audio_API\/Using_Web_Audio_API<\/a><\/p>\n<h4>Basic html examples:<\/h4>\n<p>Demonstrated in class.\u00a0Download from here:\u00a0<a href=\"https:\/\/github.com\/tkzic\/web-audio-projects\">https:\/\/github.com\/tkzic\/web-audio-projects<\/a><\/p>\n<ul>\n<li>Oscillator<\/li>\n<li>Audio file player<\/li>\n<\/ul>\n<p>HTML versions of examples from Boris Smus&#8217;s book:\u00a0<a href=\"https:\/\/reactivemusic.net\/?p=6094\">https:\/\/reactivemusic.net\/?p=6094<\/a><\/p>\n<h4>Examples<\/h4>\n<ul>\n<li>Plink by Dinahmoe\u00a0<a style=\"line-height: normal;\" href=\"http:\/\/labs.dinahmoe.com\/plink\/\">http:\/\/labs.dinahmoe.com\/plink\/<\/a><\/li>\n<li>Web Audio Toy:\u00a0<a href=\"https:\/\/reactivemusic.net\/?p=17578\">https:\/\/reactivemusic.net\/?p=17578<\/a><\/li>\n<li>Sample demos:\u00a0\u00a0<a href=\"https:\/\/chromium.googlecode.com\/svn\/trunk\/samples\/audio\/samples.html\"><span class=\"s2\">https:\/\/chromium.googlecode.com\/svn\/trunk\/samples\/audio\/samples.html<\/span><\/a><\/li>\n<li>\n<p class=\"p1\"><span class=\"s1\">javascript motion detection \u00a0<a href=\"http:\/\/www.soundstep.com\/blog\/experiments\/jsdetection\/\"><span class=\"s2\">http:\/\/www.soundstep.com\/blog\/experiments\/jsdetection\/<\/span><\/a>\u00a0( broken)<\/span><\/p>\n<\/li>\n<li>\n<p class=\"p1\">infinite jukebox by Paul Lamere\u00a0<span class=\"s2\"><a href=\"http:\/\/labs.echonest.com\/Uploader\/index.html\">http:\/\/labs.echonest.com\/Uploader\/index.html<\/a><\/span><\/p>\n<\/li>\n<li>\n<p class=\"p1\"><span class=\"s1\">WebGL city\u00a0<a href=\"http:\/\/alteredqualia.com\/three\/examples\/webgl_city.html\"><span class=\"s2\">http:\/\/alteredqualia.com\/three\/examples\/webgl_city.html<\/span><\/a><\/span><\/p>\n<\/li>\n<li>\n<p class=\"p1\"><span class=\"s1\">Ring Visualizer\u00a0<a href=\"http:\/\/airtightinteractive.com\/demos\/js\/reactive\/\"><span class=\"s2\">http:\/\/airtightinteractive.com\/demos\/js\/reactive\/<\/span><\/a><\/span><\/p>\n<\/li>\n<li>\n<p class=\"p1\"><span class=\"s1\">Wave-pd1 (iOS)\u00a0<a href=\"http:\/\/alxgbsn.co.uk\/wavepad\/\"><span class=\"s2\">http:\/\/alxgbsn.co.uk\/wavepad\/<\/span><\/a><\/span><\/p>\n<\/li>\n<li><span style=\"line-height: 1.6;\">Granular synthesizers &#8211;<\/span><\/li>\n<li>\n<ul class=\"ul1\">\n<li><a style=\"line-height: 1.6;\" href=\"http:\/\/chromium.googlecode.com\/svn\/trunk\/samples\/audio\/granular.html\">http:\/\/chromium.googlecode.com\/svn\/trunk\/samples\/audio\/granular.html<\/a><span class=\"s2\" style=\"line-height: 1.6;\">\u00a0(broken)<\/span><\/li>\n<li><a style=\"line-height: 1.6;\" href=\"http:\/\/www.chromeexperiments.com\/detail\/granular-synthesiser\/?f=mobile\">http:\/\/www.chromeexperiments.com\/detail\/granular-synthesiser\/?f=mobile<\/a><\/li>\n<\/ul>\n<\/li>\n<li><span style=\"line-height: 1.6;\">webRTC &#8211;\u00a0<\/span><a style=\"line-height: 1.6;\" href=\"https:\/\/reactivemusic.net\/?p=5174\"><span class=\"s4\">https:\/\/reactivemusic.net\/?p=5174<\/span><\/a><\/li>\n<li><span style=\"line-height: 1.6;\">Chrome Experiments<\/span><\/li>\n<li>\n<ul class=\"ul1\">\n<li><span style=\"line-height: 1.6;\">webcam music by Karen Peng:\u00a0<\/span><a style=\"line-height: 1.6;\" href=\"http:\/\/www.chromeexperiments.com\/detail\/music\/?f=\"><span class=\"s4\">http:\/\/www.chromeexperiments.com\/detail\/music\/?f=<\/span><\/a><\/li>\n<li><span style=\"line-height: 1.6;\">Sound Viz by Bartek Drozdz:\u00a0<\/span><a style=\"line-height: 1.6;\" href=\"http:\/\/www.chromeexperiments.com\/detail\/soundviz\/?f=\"><span class=\"s4\">http:\/\/www.chromeexperiments.com\/detail\/soundviz\/?f=<\/span><\/a><\/li>\n<li><span style=\"line-height: 1.6;\">Noisee by Karen Peng:\u00a0<\/span><a style=\"line-height: 1.6;\" href=\"http:\/\/www.chromeexperiments.com\/detail\/noisee\/?f=\"><span class=\"s4\">http:\/\/www.chromeexperiments.com\/detail\/noisee\/?f=<\/span><\/a><\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"p1\">\n<\/li>\n<\/ul>\n<h4>Tutorials and references<\/h4>\n<ul>\n<li>Basic tutorial:\u00a0<a href=\"http:\/\/middleearmedia.com\/web-audio-api-basics\/\">http:\/\/middleearmedia.com\/web-audio-api-basics\/<\/a><\/li>\n<li>&#8220;The Web Audio API&#8221; by Boris Smus:\u00a0\u00a0<a href=\"https:\/\/github.com\/borismus\/webaudioapi.com\">https:\/\/github.com\/borismus\/webaudioapi.com<\/a>\u00a0(github repository)<\/li>\n<li>html5rocks &#8211; tutorials:\u00a0<a href=\"http:\/\/updates.html5rocks.com\/2012\/01\/Web-Audio-FAQ\">http:\/\/updates.html5rocks.com\/2012\/01\/Web-Audio-FAQ<\/a><\/li>\n<li>Web Audio API getting started (creative.js)\u00a0<a href=\"http:\/\/creativejs.com\/resources\/web-audio-api-getting-started\/\">http:\/\/creativejs.com\/resources\/web-audio-api-getting-started\/<\/a><\/li>\n<\/ul>\n<h4>Development (libraries, frameworks)<\/h4>\n<ul>\n<li>\n<p class=\"p1\">Gibber by Charie Roberts:\u00a0<a href=\"http:\/\/gibber.mat.ucsb.edu\/\">http:\/\/gibber.mat.ucsb.edu\/<\/a>\u00a0(for demos, select all code, press &lt;ctrl&gt;-Enter to start, press &lt;ctrl&gt;-. to stop) (updated but check github)<\/p>\n<\/li>\n<li>WebPd \u2013 Sebastien Piquemal &#8211;\u00a0<a href=\"https:\/\/github.com\/sebpiq\/WebPd\/tree\/develop\"><span class=\"s4\">https:\/\/github.com\/sebpiq\/WebPd\/tree\/develop<\/span><\/a><\/li>\n<li>gibberface by Charlie Roberts &#8211;\u00a0<a href=\"https:\/\/reactivemusic.net\/?p=16910\">https:\/\/reactivemusic.net\/?p=16910<\/a><\/li>\n<li>5 Web Audio libraries:\u00a0<a href=\"https:\/\/reactivemusic.net\/?p=16902\">https:\/\/reactivemusic.net\/?p=16902<\/a><\/li>\n<li>flocking by Colin Clark\u00a0<a href=\"https:\/\/github.com\/colinbdclark\/Flocking\">https:\/\/github.com\/colinbdclark\/Flocking<\/a><\/li>\n<li>p5js:\u00a0<a href=\"http:\/\/p5js.org\/libraries\/\">http:\/\/p5js.org\/libraries\/<\/a><\/li>\n<\/ul>\n<h4><b>tz \u2013 examples<\/b><\/h4>\n<ul class=\"ul1\">\n<li class=\"li3\"><span class=\"s1\">Web Audio API \u2013 Web Audio Playground, Google API, Osc, Web Sockets, Max\/MSP\u00a0<a href=\"https:\/\/reactivemusic.net\/?p=6243\"><span class=\"s2\">https:\/\/reactivemusic.net\/?p=6243<\/span><\/a><\/span><\/li>\n<li class=\"li3\"><span class=\"s1\">Hardware control (touchOSC) of Web Audio API\u00a0<a href=\"https:\/\/reactivemusic.net\/?p=6142\"><span class=\"s2\">https:\/\/reactivemusic.net\/?p=6142<\/span><\/a><\/span><\/li>\n<li class=\"li3\"><span class=\"s1\">Controlling Web Audio with Max (video) \u00a0<a href=\"https:\/\/reactivemusic.net\/?p=6212\"><span class=\"s2\">https:\/\/reactivemusic.net\/?p=6212<\/span><\/a><\/span><\/li>\n<li class=\"li3\"><span class=\"s1\">Controlling Web Audio with Max\u00a0<a href=\"https:\/\/reactivemusic.net\/?p=6193\"><span class=\"s2\">https:\/\/reactivemusic.net\/?p=6193<\/span><\/a><\/span><\/li>\n<li class=\"li3\"><span class=\"s1\">Programming a Sine wave in Web Audio (flocking by Colin Clark)\u00a0<span class=\"s2\"><a href=\"https:\/\/reactivemusic.net\/?p=6574\">https:\/\/reactivemusic.net\/?p=6574<\/a><\/span><\/span><\/li>\n<li class=\"li3\"><span class=\"s1\">Simple Web Audio input (microphone) example:\u00a0<a href=\"https:\/\/reactivemusic.net\/?p=3886\"><span class=\"s2\">https:\/\/reactivemusic.net\/?p=3886<\/span><\/a><\/span><\/li>\n<\/ul>\n<h4>Assignment<\/h4>\n<p>Write a composition to induce magical effects.<\/p>\n<p>Here is an example from Aseem Suri <a href=\"http:\/\/www.aseemsuri.com\/journal\/piece-of-mind-second-run-at-the-csound-conference\">http:\/\/www.aseemsuri.com\/journal\/piece-of-mind-second-run-at-the-csound-conference\u00a0<\/a><\/p>\n<p>The project was derived from computer technology, but the overall effect was that people would go into a mysterious room, for a minute, and when they emerged, they would be smiling and happy.<\/p>\n<p>Due on December 15th (last class)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web Audio API &nbsp; A good place to start There are many links to Web Audio project right here on this blog:\u00a0https:\/\/reactivemusic.net\/?tag=web-audio Technical reference manual Comprehensive guide from Mozilla Developer Network\u00a0https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Web_Audio_API Quick tutorial Open a javascript console in a Web browser. This example uses Chrome.\u00a0From the Chrome menu, select View | Developer | Javascript console &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/reactivemusic.net\/?p=17600\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;ep-413 DSP &#8211; week 12&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","footnotes":""},"categories":[21],"tags":[344,13,164],"class_list":["post-17600","post","type-post","status-publish","format-standard","hentry","category-dsp","tag-dsp","tag-teaching","tag-web-audio"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>ep-413 DSP - week 12 - reactive music<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/reactivemusic.net\/?p=17600\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ep-413 DSP - week 12 - reactive music\" \/>\n<meta property=\"og:description\" content=\"Web Audio API &nbsp; A good place to start There are many links to Web Audio project right here on this blog:\u00a0https:\/\/reactivemusic.net\/?tag=web-audio Technical reference manual Comprehensive guide from Mozilla Developer Network\u00a0https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Web_Audio_API Quick tutorial Open a javascript console in a Web browser. This example uses Chrome.\u00a0From the Chrome menu, select View | Developer | Javascript console &hellip; Continue reading &quot;ep-413 DSP &#8211; week 12&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/reactivemusic.net\/?p=17600\" \/>\n<meta property=\"og:site_name\" content=\"reactive music\" \/>\n<meta property=\"article:published_time\" content=\"2014-11-24T04:44:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-11-30T01:04:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/11\/Screen-Shot-2014-11-29-at-6.00.08-PM-300x223.png\" \/>\n<meta name=\"author\" content=\"Tom Zicarelli\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tom Zicarelli\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/?p=17600#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/?p=17600\"},\"author\":{\"name\":\"Tom Zicarelli\",\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/#\\\/schema\\\/person\\\/56224d281582df7e5518e037ca63e571\"},\"headline\":\"ep-413 DSP &#8211; week 12\",\"datePublished\":\"2014-11-24T04:44:46+00:00\",\"dateModified\":\"2014-11-30T01:04:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/?p=17600\"},\"wordCount\":598,\"image\":{\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/?p=17600#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/reactivemusic.net\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/Screen-Shot-2014-11-29-at-6.00.08-PM-300x223.png\",\"keywords\":[\"DSP\",\"teaching\",\"web audio\"],\"articleSection\":[\"DSP\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/?p=17600\",\"url\":\"https:\\\/\\\/reactivemusic.net\\\/?p=17600\",\"name\":\"ep-413 DSP - week 12 - reactive music\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/?p=17600#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/?p=17600#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/reactivemusic.net\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/Screen-Shot-2014-11-29-at-6.00.08-PM-300x223.png\",\"datePublished\":\"2014-11-24T04:44:46+00:00\",\"dateModified\":\"2014-11-30T01:04:25+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/#\\\/schema\\\/person\\\/56224d281582df7e5518e037ca63e571\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/?p=17600#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/reactivemusic.net\\\/?p=17600\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/?p=17600#primaryimage\",\"url\":\"https:\\\/\\\/reactivemusic.net\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/Screen-Shot-2014-11-29-at-6.00.08-PM.png\",\"contentUrl\":\"https:\\\/\\\/reactivemusic.net\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/Screen-Shot-2014-11-29-at-6.00.08-PM.png\",\"width\":1066,\"height\":794},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/?p=17600#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/reactivemusic.net\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ep-413 DSP &#8211; week 12\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/#website\",\"url\":\"https:\\\/\\\/reactivemusic.net\\\/\",\"name\":\"reactive music\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/reactivemusic.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/#\\\/schema\\\/person\\\/56224d281582df7e5518e037ca63e571\",\"name\":\"Tom Zicarelli\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0da58cf21a2707dd335b204b8ed3cd9194dcbf9d9814ac5d71195a65c76c8a72?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0da58cf21a2707dd335b204b8ed3cd9194dcbf9d9814ac5d71195a65c76c8a72?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0da58cf21a2707dd335b204b8ed3cd9194dcbf9d9814ac5d71195a65c76c8a72?s=96&d=mm&r=g\",\"caption\":\"Tom Zicarelli\"},\"sameAs\":[\"http:\\\/\\\/tomzicarelli.com\"],\"url\":\"https:\\\/\\\/reactivemusic.net\\\/?author=2\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ep-413 DSP - week 12 - reactive music","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/reactivemusic.net\/?p=17600","og_locale":"en_US","og_type":"article","og_title":"ep-413 DSP - week 12 - reactive music","og_description":"Web Audio API &nbsp; A good place to start There are many links to Web Audio project right here on this blog:\u00a0https:\/\/reactivemusic.net\/?tag=web-audio Technical reference manual Comprehensive guide from Mozilla Developer Network\u00a0https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Web_Audio_API Quick tutorial Open a javascript console in a Web browser. This example uses Chrome.\u00a0From the Chrome menu, select View | Developer | Javascript console &hellip; Continue reading \"ep-413 DSP &#8211; week 12\"","og_url":"https:\/\/reactivemusic.net\/?p=17600","og_site_name":"reactive music","article_published_time":"2014-11-24T04:44:46+00:00","article_modified_time":"2014-11-30T01:04:25+00:00","og_image":[{"url":"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/11\/Screen-Shot-2014-11-29-at-6.00.08-PM-300x223.png","type":"","width":"","height":""}],"author":"Tom Zicarelli","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Tom Zicarelli","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/reactivemusic.net\/?p=17600#article","isPartOf":{"@id":"https:\/\/reactivemusic.net\/?p=17600"},"author":{"name":"Tom Zicarelli","@id":"https:\/\/reactivemusic.net\/#\/schema\/person\/56224d281582df7e5518e037ca63e571"},"headline":"ep-413 DSP &#8211; week 12","datePublished":"2014-11-24T04:44:46+00:00","dateModified":"2014-11-30T01:04:25+00:00","mainEntityOfPage":{"@id":"https:\/\/reactivemusic.net\/?p=17600"},"wordCount":598,"image":{"@id":"https:\/\/reactivemusic.net\/?p=17600#primaryimage"},"thumbnailUrl":"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/11\/Screen-Shot-2014-11-29-at-6.00.08-PM-300x223.png","keywords":["DSP","teaching","web audio"],"articleSection":["DSP"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/reactivemusic.net\/?p=17600","url":"https:\/\/reactivemusic.net\/?p=17600","name":"ep-413 DSP - week 12 - reactive music","isPartOf":{"@id":"https:\/\/reactivemusic.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/reactivemusic.net\/?p=17600#primaryimage"},"image":{"@id":"https:\/\/reactivemusic.net\/?p=17600#primaryimage"},"thumbnailUrl":"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/11\/Screen-Shot-2014-11-29-at-6.00.08-PM-300x223.png","datePublished":"2014-11-24T04:44:46+00:00","dateModified":"2014-11-30T01:04:25+00:00","author":{"@id":"https:\/\/reactivemusic.net\/#\/schema\/person\/56224d281582df7e5518e037ca63e571"},"breadcrumb":{"@id":"https:\/\/reactivemusic.net\/?p=17600#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/reactivemusic.net\/?p=17600"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/reactivemusic.net\/?p=17600#primaryimage","url":"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/11\/Screen-Shot-2014-11-29-at-6.00.08-PM.png","contentUrl":"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/11\/Screen-Shot-2014-11-29-at-6.00.08-PM.png","width":1066,"height":794},{"@type":"BreadcrumbList","@id":"https:\/\/reactivemusic.net\/?p=17600#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/reactivemusic.net\/"},{"@type":"ListItem","position":2,"name":"ep-413 DSP &#8211; week 12"}]},{"@type":"WebSite","@id":"https:\/\/reactivemusic.net\/#website","url":"https:\/\/reactivemusic.net\/","name":"reactive music","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/reactivemusic.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/reactivemusic.net\/#\/schema\/person\/56224d281582df7e5518e037ca63e571","name":"Tom Zicarelli","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/0da58cf21a2707dd335b204b8ed3cd9194dcbf9d9814ac5d71195a65c76c8a72?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0da58cf21a2707dd335b204b8ed3cd9194dcbf9d9814ac5d71195a65c76c8a72?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0da58cf21a2707dd335b204b8ed3cd9194dcbf9d9814ac5d71195a65c76c8a72?s=96&d=mm&r=g","caption":"Tom Zicarelli"},"sameAs":["http:\/\/tomzicarelli.com"],"url":"https:\/\/reactivemusic.net\/?author=2"}]}},"_links":{"self":[{"href":"https:\/\/reactivemusic.net\/index.php?rest_route=\/wp\/v2\/posts\/17600","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reactivemusic.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/reactivemusic.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/reactivemusic.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/reactivemusic.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17600"}],"version-history":[{"count":14,"href":"https:\/\/reactivemusic.net\/index.php?rest_route=\/wp\/v2\/posts\/17600\/revisions"}],"predecessor-version":[{"id":17684,"href":"https:\/\/reactivemusic.net\/index.php?rest_route=\/wp\/v2\/posts\/17600\/revisions\/17684"}],"wp:attachment":[{"href":"https:\/\/reactivemusic.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17600"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/reactivemusic.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=17600"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/reactivemusic.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=17600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}