{"id":55,"date":"2020-03-09T23:48:16","date_gmt":"2020-03-09T23:48:16","guid":{"rendered":"https:\/\/erplayer.pro.radio\/manual\/?post_type=knowledgebase&#038;p=55"},"modified":"2020-03-10T18:03:36","modified_gmt":"2020-03-10T18:03:36","slug":"backgrounds","status":"publish","type":"knowledgebase","link":"https:\/\/erplayer.pro.radio\/manual\/knowledge-base\/design-customization\/backgrounds\/","title":{"rendered":"Backgrounds"},"content":{"rendered":"<p>This player has<strong> 3 background layers.<\/strong><\/p>\n<p>The layer on <strong>top holds the Album Cover background (<\/strong>or the radio logo). <strong>This means that if you set the opacity to 1<\/strong> in the Radio Channels panel, <strong>you will never see the background color or picture.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-151\" src=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.55.34.png\" alt=\"\" width=\"674\" height=\"483\" srcset=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.55.34.png 674w, https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.55.34-300x215.png 300w\" sizes=\"(max-width: 674px) 100vw, 674px\" \/><\/p>\n<p>So, to customize the background,<strong> make sure to set the Album Cover opacity to 0<\/strong> (or anything less than 1).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-152\" src=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.56.39.png\" alt=\"\" width=\"662\" height=\"484\" srcset=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.56.39.png 662w, https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.56.39-300x219.png 300w\" sizes=\"(max-width: 662px) 100vw, 662px\" \/><\/p>\n<p>Then, in <strong>Backgrounds<\/strong>, you can set a custom color:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-153\" src=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.57.10.png\" alt=\"\" width=\"675\" height=\"746\" srcset=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.57.10.png 675w, https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.57.10-271x300.png 271w\" sizes=\"(max-width: 675px) 100vw, 675px\" \/><\/p>\n<p>You can also set a custom image, and set a custom opacity level, to mix it with the background color:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-154\" src=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.57.59.png\" alt=\"\" width=\"678\" height=\"700\" srcset=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.57.59.png 678w, https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-18.57.59-291x300.png 291w\" sizes=\"(max-width: 678px) 100vw, 678px\" \/><\/p>\n<h2>Using album covers as background<\/h2>\n<p>This player can optionally search for the album artworks within the iTunes database.<\/p>\n<p>With this option enabled, you can also use the album artwors as background of the player, it will replace the logo and be blurred (as the maximum resolution is 100px X 100px).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-156\" src=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-19.01.45.png\" alt=\"\" width=\"673\" height=\"491\" srcset=\"https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-19.01.45.png 673w, https:\/\/erplayer.pro.radio\/manual\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-10-at-19.01.45-300x219.png 300w\" sizes=\"(max-width: 673px) 100vw, 673px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Artwork rate limits<\/h3>\n<p>Please note that the usage is restricted to about 20 searches per hour because of iTunes API limitations.<\/p>\n<p>After the limit is reached, the channel logo will be used.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This player has 3 background layers. The layer on top holds the Album Cover background (or the radio logo). This means that if you set the opacity to 1 in the Radio Channels panel, you will never see the background color or picture. So, to customize the background, make sure to set the Album Cover [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[7],"class_list":["post-55","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-design-customization"],"_links":{"self":[{"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/knowledgebase\/55"}],"collection":[{"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":3,"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/knowledgebase\/55\/revisions"}],"predecessor-version":[{"id":157,"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/knowledgebase\/55\/revisions\/157"}],"wp:attachment":[{"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/media?parent=55"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/erplayer.pro.radio\/manual\/wp-json\/wp\/v2\/knowledgebase_cat?post=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}