{"id":3072,"date":"2016-01-01T00:38:58","date_gmt":"2015-12-31T23:38:58","guid":{"rendered":"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=3072"},"modified":"2017-06-27T06:39:38","modified_gmt":"2017-06-27T05:39:38","slug":"p5-js-21-gestion-du-son-partie-3","status":"publish","type":"post","link":"https:\/\/www.lyceelecorbusier.eu\/p5js\/?p=3072","title":{"rendered":"\/ p5.js \/ 21 \/ gestion du son \/ partie 3"},"content":{"rendered":"<p><!--more--><\/p>\n<h5><a href=\"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=3064\">&#8230; retour<\/a><\/h5>\n<h6>9 \/\u00a0Cr\u00e9er un analyseur d&#8217;amplitude<\/h6>\n\n<!-- iframe plugin v.5.1 wordpress.org\/plugins\/iframe\/ -->\n<iframe src=\"http:\/\/lyceelecorbusier.eu\/p5\/son\/10-son\" width=\"780\" height=\"300\" style=\"border: 1px solid #ddd;\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n\n<pre>var son;\r\nvar analyzer;\r\n\r\nfunction preload() {\r\n son = loadSound('sons\/electro.mp3');\r\n}\r\n\r\nfunction setup() {\r\n createCanvas(720, 200);\r\n son.loop();\r\n analyzer = new p5.Amplitude();\r\n analyzer.setInput(son);\r\n}\r\n\r\nfunction draw() {\r\n background(255);\r\n var vol = analyzer.getLevel();\r\n fill(236,36,94);\r\n noStroke();\r\n ellipse(width\/2, height\/2, 100+vol*800, 100+vol*800);\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<h6>10 \/\u00a0Cr\u00e9er un analyseur d&#8217;amplitude (suite)<\/h6>\n\n<!-- iframe plugin v.5.1 wordpress.org\/plugins\/iframe\/ -->\n<iframe src=\"http:\/\/lyceelecorbusier.eu\/p5\/son\/11-son\" width=\"780\" height=\"500\" style=\"border: 1px solid #ddd;\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n\n<pre>var taille;\r\nvar soundFile;\r\nvar amplitude;\r\nvar description;\r\nvar p1;\r\nvar smoothing = .01;\r\nvar smoothSlider, smoothLabel;\r\n\r\nfunction preload() {\r\n soundFile = loadSound('voix.mp3');\r\n}\r\n\r\nfunction setup() {\r\n createCanvas(780, 300); \r\n background(236,36,94);\r\n noStroke();\r\n fill(255);\r\n amplitude = new p5.Amplitude(smoothing);\r\n textFont(\"Helvetica\");\r\n description = \"Touche S : pause\/play&lt;br&gt;&lt;br&gt;Touche N : activer Normalize\";\r\n p1 = createP(description);\r\n smoothSlider = createSlider(0.0, 99.9, smoothing*100);\r\n smoothLabel = createP('Lissage: ' + smoothing);\r\n}\r\n\r\nfunction draw() {\r\n background(236,36,94);\r\n var volume = amplitude.getLevel();\r\n taille = map(volume, 0, 1.0, 25, 400);\r\n ellipse(width\/2, height\/2, taille, taille);\r\n smoothing = smoothSlider.value()\/100;\r\n smoothLabel.html('Lissage: ' + smoothing);\r\n amplitude.smooth(smoothing);\r\n}\r\n\r\nfunction keyPressed() {\r\n if (key == 's' || key == 'S') {\r\n if (soundFile.isPlaying()) {\r\n soundFile.pause();\r\n } else {\r\n soundFile.loop();\r\n }\r\n }\r\n if (key == 'n' || key == 'N') {\r\n amplitude.toggleNormalize();\r\n }\r\n}<\/pre>\n<h6>11 \/Tracer la courbe d&#8217;un son<\/h6>\n\n<!-- iframe plugin v.5.1 wordpress.org\/plugins\/iframe\/ -->\n<iframe src=\"http:\/\/lyceelecorbusier.eu\/p5\/son\/12-son\" width=\"780\" height=\"300\" style=\"border: 1px solid #ddd;\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n\n<pre>function setup() {\r\n createCanvas(780,300);\r\n soundFormats('ogg', 'mp3');\r\n soundFile = loadSound('sons\/caisse', soundReady);\r\n }\r\n\r\nfunction soundReady(){\r\n text('Cliquer pour jouer le son \/ Cliquer pour mettre en pause', 10, 10);\r\n peaks = soundFile.getPeaks();\r\n beginShape();\r\n for (i = 0; i&lt; peaks.length; i++){\r\n stroke(236,36,94);\r\n vertex(map(i, 0, peaks.length, 0, width), map(peaks[i], -.2 , .2, height\/2, 200) );\r\n }\r\n endShape();\r\n}\r\n\r\nfunction mousePressed(){\r\n if (soundFile.isPlaying()){\r\n soundFile.pause();\r\n } else {\r\n soundFile.play();\r\n }\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[],"_links":{"self":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/3072"}],"collection":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3072"}],"version-history":[{"count":9,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/3072\/revisions"}],"predecessor-version":[{"id":3083,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/3072\/revisions\/3083"}],"wp:attachment":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3072"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3072"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}