{"id":523,"date":"2011-07-01T23:48:41","date_gmt":"2011-07-01T22:48:41","guid":{"rendered":"http:\/\/www.abumarkub.net\/abublog\/?p=523"},"modified":"2014-07-08T13:13:11","modified_gmt":"2014-07-08T12:13:11","slug":"color-piano-sample-app-on-canvas","status":"publish","type":"post","link":"https:\/\/abumarkub.net\/abublog\/?p=523","title":{"rendered":"Color Piano sample app on Canvas"},"content":{"rendered":"<p>Being heavily inspired by the beautiful <a href=\"http:\/\/www.chromeexperiments.com\/detail\/color-piano\/\" target=\"blank\" title=\"michael deal color piano experiment\" rel=\"michael deal color piano experiment\">Color Piano Theory experiment<\/a> by Michael Deal of <a href=\"http:\/\/mudcu.be\/\" target=\"blank\" title=\"michael deal color piano experiment\" rel=\"michael deal color piano experiment\">Mudcube<\/a>, i decided to make a color piano sample client for the midi bridge. You can find it here:<\/p>\n<p><a href=\"http:\/\/abumarkub.net\/midibridge\/canvas\/\" target=\"blank\" title=\"abumarkub midibridge color piano sample app on canvas\" rel=\"abumarkub midibridge color piano sample app on canvas\">http:\/\/abumarkub.net\/midibridge\/canvas\/<\/a><\/p>\n<p>I have used the canvas element and it runs fine in all modern browsers. <\/p>\n<p>Click on &#8220;open midi configuration&#8221; first to connect a keyboard and a midi output, then click &#8220;close midi configuration&#8221; and play your keys: enjoy the beautiful rainbow colors while playing!<\/p>\n<p>For more information and links about the colors and music see <a href=\"http:\/\/pianoraum.wordpress.com\/2011\/05\/06\/synasthesie-zwischen-tonen-und-farben\/\" target=\"blank\" title=\"colorpiano colors and music\" rel=\"colorpiano colors and music\">this blog<\/a>.<\/p>\n<p>Note for Internet Explorer 7 and 8 users: to support the Canvas element in older browsers i use Googles Explorer Canvas, and thus VML. Because VML is quite slow, you can run the app in Internet Explorer 7 and 8, but it is actually too sluggish for real time animations like this. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Being heavily inspired by the beautiful Color Piano Theory experiment by Michael Deal of Mudcube, i decided to make a color piano sample client for the midi bridge. You can find it here: http:\/\/abumarkub.net\/midibridge\/canvas\/ I have used the canvas element and it runs fine in all modern browsers. Click on &#8220;open midi configuration&#8221; first to [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,8,9],"tags":[],"class_list":["post-523","post","type-post","status-publish","format-standard","hentry","category-java","category-javascript","category-midi"],"_links":{"self":[{"href":"https:\/\/abumarkub.net\/abublog\/index.php?rest_route=\/wp\/v2\/posts\/523","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abumarkub.net\/abublog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/abumarkub.net\/abublog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/abumarkub.net\/abublog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/abumarkub.net\/abublog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=523"}],"version-history":[{"count":2,"href":"https:\/\/abumarkub.net\/abublog\/index.php?rest_route=\/wp\/v2\/posts\/523\/revisions"}],"predecessor-version":[{"id":935,"href":"https:\/\/abumarkub.net\/abublog\/index.php?rest_route=\/wp\/v2\/posts\/523\/revisions\/935"}],"wp:attachment":[{"href":"https:\/\/abumarkub.net\/abublog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=523"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/abumarkub.net\/abublog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=523"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/abumarkub.net\/abublog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}