{"id":2081,"date":"2016-01-01T00:49:01","date_gmt":"2015-12-31T23:49:01","guid":{"rendered":"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2081"},"modified":"2016-10-02T15:50:23","modified_gmt":"2016-10-02T14:50:23","slug":"p5-js-10-media-charger-des-sons","status":"publish","type":"post","link":"https:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2081","title":{"rendered":"\/ p5.js \/ 11 \/ m\u00e9dia : charger des sons"},"content":{"rendered":"<p style=\"text-align: center;\"><!--more--><\/p>\n<p>Les fichiers <em>*.mp3<\/em> &amp; <em>*.ogg<\/em> sont support\u00e9 par p5.js.<br \/>\nLes sont se chargent dans <em>p5.js<\/em> comme les images (n&#8217;oubliez pas de placer le fichier son dans le dossier de votre animation).<\/p>\n[attachments template=small include=&#8221;2086&#8243;]\n<pre>var son;\r\nfunction preload(){\r\nson = loadSound('a.mp3');\r\n}\r\nfunction setup() {\r\ncreateCanvas(800, 600);\r\n}\r\nfunction draw() {\r\n}\r\nfunction mousePressed() {\r\n\u00a0\u00a0 \u00a0son.play();\r\n}<\/pre>\n<p>Il est possible de r\u00e9gler le volume avec la fonction <em>setVolume(0.5);<\/em> La valeur est comprise entre 0 &amp; 1.<br \/>\nPour jouer un son en boucle utiliser la fonction <em>loop();<\/em><\/p>\n<pre>function preload(){\r\nson = loadSound('a.mp3');\r\n}\r\nfunction setup() {\r\ncreateCanvas(800, 600);\r\nson.setVolume(0.5);\r\n}\r\nfunction draw() {\r\n}\r\nfunction mousePressed() {\r\n\u00a0\u00a0 \u00a0son.loop();\r\n}<\/pre>\n<p>Pour les fonctions avanc\u00e9es \u00e0 propos du son voir :<\/p>\n<blockquote data-secret=\"Nqom8nKVAX\" class=\"wp-embedded-content\"><p><a href=\"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=3047\">\/ p5.js \/ 21 \/ gestion du son \/ partie 1<\/a><\/p><\/blockquote>\n<p><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" src=\"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=3047&#038;embed=true#?secret=Nqom8nKVAX\" data-secret=\"Nqom8nKVAX\" width=\"600\" height=\"338\" title=\"&laquo;&nbsp;\/ p5.js \/ 21 \/ gestion du son \/ partie 1&nbsp;&raquo; &#8212; \" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<blockquote data-secret=\"w4qzrjAAiX\" class=\"wp-embedded-content\"><p><a href=\"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=3064\">\/ p5.js \/ 21 \/ gestion du son \/ partie 2<\/a><\/p><\/blockquote>\n<p><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" src=\"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=3064&#038;embed=true#?secret=w4qzrjAAiX\" data-secret=\"w4qzrjAAiX\" width=\"600\" height=\"338\" title=\"&laquo;&nbsp;\/ p5.js \/ 21 \/ gestion du son \/ partie 2&nbsp;&raquo; &#8212; \" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<blockquote data-secret=\"vA78FkhXWR\" class=\"wp-embedded-content\"><p><a href=\"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=3072\">\/ p5.js \/ 21 \/ gestion du son \/ partie 3<\/a><\/p><\/blockquote>\n<p><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" src=\"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=3072&#038;embed=true#?secret=vA78FkhXWR\" data-secret=\"vA78FkhXWR\" width=\"600\" height=\"338\" title=\"&laquo;&nbsp;\/ p5.js \/ 21 \/ gestion du son \/ partie 3&nbsp;&raquo; &#8212; \" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/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\/2081"}],"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=2081"}],"version-history":[{"count":15,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/2081\/revisions"}],"predecessor-version":[{"id":3204,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/2081\/revisions\/3204"}],"wp:attachment":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2081"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2081"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}