{"id":11499,"date":"2018-12-19T11:56:50","date_gmt":"2018-12-19T11:56:50","guid":{"rendered":"http:\/\/webartdevelopers.com\/?p=11499"},"modified":"2018-12-19T12:18:39","modified_gmt":"2018-12-19T12:18:39","slug":"music-player-9","status":"publish","type":"post","link":"https:\/\/webartdevelopers.com\/blog\/music-player-9\/","title":{"rendered":"MUSIC PLAYER"},"content":{"rendered":"\n<p>Created as a minimal soundcloud player. Playing around with canvas to extract cover colors, and creating the background effect, viewport units and the soundcloud API to bring this to live. To Port this into \u2018real world\u2019 &#8211; be aware that you can\u2019t access the album cover-art cross domain with canvas.<br>Made by Axel Michel<br>March 2, 2016<\/p>\n\n\n<a href=\"http:\/\/codepen.io\/webandapp\/share\/zip\/reVmyN\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Download<\/span><\/a>\n\n\n<a href=\"http:\/\/codepen.io\/webandapp\/pen\/reVmyN\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Demo and Code<\/span><\/a>\n<!-- AddThis Advanced Settings generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"Created as a minimal soundcloud player. Playing around with canvas to extract cover colors, and creating the background effect, viewport units and the soundcloud API to bring this to live. To Port this into \u2018real world\u2019 &#8211; be aware that you can\u2019t access the album cover-art cross domain with canvas.Made by Axel MichelMarch 2, 2016<!-- AddThis Advanced Settings generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":11509,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3110],"tags":[20,3121,3115],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/11499"}],"collection":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/comments?post=11499"}],"version-history":[{"count":1,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/11499\/revisions"}],"predecessor-version":[{"id":11519,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/11499\/revisions\/11519"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media\/11509"}],"wp:attachment":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media?parent=11499"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/categories?post=11499"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/tags?post=11499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}