{"id":223,"date":"2013-08-24T18:34:59","date_gmt":"2013-08-24T14:52:08","guid":{"rendered":"http:\/\/www.dereckson.be\/blog\/?p=223"},"modified":"2013-08-24T19:37:51","modified_gmt":"2013-08-24T17:37:51","slug":"8bit-js-de-la-chiptune-en-pur-javascript","status":"publish","type":"post","link":"https:\/\/www.dereckson.be\/blog\/2013\/08\/24\/8bit-js-de-la-chiptune-en-pur-javascript\/","title":{"rendered":"8Bit.js \u2014 De la chiptune en pur JavaScript"},"content":{"rendered":"<p><em>Ce post est d\u00e9dicac\u00e9 \u00e0 <a title=\"Barbare blanc\" href=\"http:\/\/poulpy.blogspot.be\/2008\/12\/barbare-blanc.html\">Poulpy<\/a> et <a href=\"http:\/\/www.nojhan.net\/\">Nojhan<\/a>.<\/em><\/p>\n<p><a title=\"Cody the coder\" href=\"http:\/\/codythecoder.com\/\">Cody Lundquist<\/a>, un australien vivant \u00e0 Sidney,vient de publier une biblioth\u00e8que permettant de synth\u00e9tiser de la musique 8 bits en pur JavaScript.<\/p>\n<p>Cette biblioth\u00e8que, <a href=\"https:\/\/github.com\/meenie\/8bit.js\"><strong>8Bit.js Audio Library<\/strong><\/a>, est une impl\u00e9mentation de l&#8217;API Web Audio d&#8217;HTML 5.<\/p>\n<p>Facile d&#8217;utilisation, elle permet de d\u00e9finir un temps (3\/4 par exemple), un tempo, et de d\u00e9clarer les notes \u00e0 jouer.<\/p>\n<p><a title=\"8Bit.js Audio Library - Write music using 8bit oscillation sounds - HTML5\" href=\"http:\/\/www.reddit.com\/r\/javascript\/comments\/1kuskc\/8bitjs_audio_library_write_music_using_8bit\/\">Annonc\u00e9e ce jeudi sur Reddit<\/a>, la biblioth\u00e8que est bien accueillie, plusieurs personnes ayant adapt\u00e9 des musiques de jeu vid\u00e9o et un contributeur ayant m\u00eame cr\u00e9\u00e9 un th\u00e8me original, <a title=\"Listen to Cities\" href=\"http:\/\/plnkr.co\/edit\/KYHDjzVTYsCKw8ibm6Bt?p=preview\">Cities<\/a>.<br \/>\n<\/time><\/p>\n<p><strong>Impact potentiel pour MediaWiki<\/strong><\/p>\n<p><a href=\"https:\/\/github.com\/meenie\/8bit.js\/issues\/9\">L&#8217;une des premi\u00e8res demandes de nouvelle fonctionnalit\u00e9<\/a> est un support de <a href=\"http:\/\/www.lilypond.org\/text-input.html\">la notation LilyPond<\/a>, ce qui permettrait son impl\u00e9mentation dans l&#8217;extension <a title=\"Score extension\" href=\"https:\/\/www.mediawiki.org\/wiki\/Extension:Score\">Score<\/a>, qui permet actuellement de jouer un son via de l&#8217;Ogg\/Vorbis.<\/p>\n<p><strong>Un support partiel des navigateurs<\/strong><\/p>\n<p>Tous les navigateurs n&#8217;ont pas encore impl\u00e9ment\u00e9s l&#8217;API Web Audio :<\/p>\n<ul>\n<li>cela fonctionne sous Safari 6, qui n&#8217;est disponible que pour Mac OS X et iOS, mais pas sous Windows ;<\/li>\n<li>Chrome 10+ le supporte, et donc Opera 15 ;<\/li>\n<li>pas de support sous Firefox, Internet Explorer et Opera 12.<\/li>\n<\/ul>\n<p><strong>Liens<\/strong><\/p>\n<ul>\n<li><a title=\"Plunker &gt; AngularJS, 8Bit.js, Tetris audio theme\" href=\"http:\/\/plnkr.co\/edit\/ev289bKEonSvqL3HVkDQ?p=preview\">\u00c9couter le th\u00e8me de Tetris with 8Bit.js<\/a><\/li>\n<li><a title=\"Chiptune\" href=\"http:\/\/fr.wikipedia.org\/wiki\/Chiptune\">Chiptune sur Wikip\u00e9dia<\/a><\/li>\n<li><a title=\"Web Audio API\" href=\"https:\/\/dvcs.w3.org\/hg\/audio\/raw-file\/tip\/webaudio\/specification.html\">Les sp\u00e9cifications de l&#8217;API Web Audio<\/a> (en)<\/li>\n<li><a title=\"Superheroic JavaScript MVW Framework\" href=\"http:\/\/angularjs.org\">AngularJS<\/a>, le framework utilis\u00e9 par 8Bit.js (en)<\/li>\n<li><a title=\"Playing Sounds with the Web Audio API\" href=\"Apple Developer documentation about Web Audio API\" href=\"https:\/\/developer.apple.com\/library\/safari\/documentation\/AudioVideo\/Conceptual\/Using_HTML5_Audio_Video\/PlayingandSynthesizingSounds\/PlayingandSynthesizingSounds.html\">La documentation d&#8217;Apple sur l&#8217;API Web Audio<\/a> (en)<\/li>\n<li><a title=\"Web Audio API comes to Firefox\" href=\"https:\/\/hacks.mozilla.org\/2013\/07\/web-audio-api-comes-to-firefox\/\">Support annonc\u00e9 pour Firefox<\/a> (en)<\/li>\n<\/ul>\n<p><strong>Remerciements<\/strong><\/p>\n<p><em>Merci \u00e0\u00a0<a title=\"Linedwell on the Wikipedia in French\" href=\"http:\/\/fr.wikipedia.org\/wiki\/Utilisateur:Linedwell\">Linedwell<\/a> pour son aide durant le test de la biblioth\u00e8que sous divers navigateurs.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce post est d\u00e9dicac\u00e9 \u00e0 Poulpy et Nojhan. Cody Lundquist, un australien vivant \u00e0 Sidney,vient de publier une biblioth\u00e8que permettant de synth\u00e9tiser de la musique 8 bits en pur JavaScript. Cette biblioth\u00e8que, 8Bit.js Audio Library, est une impl\u00e9mentation de l&#8217;API Web Audio d&#8217;HTML 5. Facile d&#8217;utilisation, elle permet de d\u00e9finir un temps (3\/4 par exemple), [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42,86],"tags":[],"class_list":["post-223","post","type-post","status-publish","format-standard","hentry","category-developpement","category-wikimedia-fr"],"_links":{"self":[{"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/posts\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/comments?post=223"}],"version-history":[{"count":3,"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/posts\/223\/revisions"}],"predecessor-version":[{"id":228,"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/posts\/223\/revisions\/228"}],"wp:attachment":[{"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/media?parent=223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/categories?post=223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dereckson.be\/blog\/wp-json\/wp\/v2\/tags?post=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}