{"id":4950,"date":"2017-08-11T10:41:54","date_gmt":"2017-08-11T08:41:54","guid":{"rendered":"https:\/\/glancr.de\/?p=4950"},"modified":"2021-04-19T13:58:57","modified_gmt":"2021-04-19T13:58:57","slug":"configure-the-spotify-module","status":"publish","type":"post","link":"https:\/\/glancr.net\/mirr-os\/previous-versions\/configure-the-spotify-module\/","title":{"rendered":"Configure the Spotify module"},"content":{"rendered":"[vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; overlay_strength=&#8221;0.3&#8243; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_link_target=&#8221;_self&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; overlay_strength=&#8221;0.3&#8243; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][vc_column_text]\n<h2>In order for the Spotify module to work for you, you need an API key.<\/h2>\n<p>On the module page you can download the <a href=\"https:\/\/glancr.net\/mirr-os\/previous-versions\/#modules\">Spotify module<\/a> or find more information about the module.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; overlay_strength=&#8221;0.3&#8243; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_link_target=&#8221;_self&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; overlay_strength=&#8221;0.3&#8243; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][vc_column_text]\n<h3>Prerequisites<\/h3>\n<p>You must meet the following requirements to use the module:<\/p>\n<ul>\n<li>you need an app in the <a href=\"https:\/\/developer.spotify.com\/dashboard\/\">developer area of Spotify<\/a><\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; overlay_strength=&#8221;0.3&#8243; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_link_target=&#8221;_self&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; overlay_strength=&#8221;0.3&#8243; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][vc_column_text]\n<h2>Step by step<\/h2>\n[\/vc_column_text][divider line_type=&#8221;No Line&#8221; custom_height=&#8221;40&#8243;][vc_column_text]\n<h3>Step 1: Create and configure app<\/h3>\n<p>Visit the <a href=\"https:\/\/developer.spotify.com\/dashboard\/\">Developers section<\/a> of Spotify and create an app using the button in the upper right corner. It doesn&#8217;t really matter what you enter for Application Name and Application Description. You can choose something of your own or use our suggestions as they can be found in the settings of the module. Go one step further by clicking Create.<\/p>\n<p>You will then be taken to the settings page for your app. Here, only the <strong>redirect URI<\/strong> is important.\u00a0This can be different for each system and is generated dynamically for you in the Spotify module settings. You take this over. Copy &#8211; Paste.<\/p>\n<p>Don&#8217;t forget to click Save at the very bottom.<\/p>\n<h3>Step 2: Configure module<\/h3>\n<p>Once you have done all this, go back to the module settings and in the next step enter the <strong>client ID<\/strong> and <strong>client secret<\/strong> as you find them in the Spotify app. Then go one step further and log in again with your Spotify account. That&#8217;s it.<\/p>\n<h3>Spotify and Sonos<\/h3>\n<p>Some of you may want to use Spotify in conjunction with a Sonos player. Please note that if you use the Sonos app, Sonos gets the data directly from Spotify and not via your account. This means that the module will only show you the data via Spotify Connect.[\/vc_column_text][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>[vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; overlay_strength=&#8221;0.3&#8243; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_link_target=&#8221;_self&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221;&#8230;<\/p>\n","protected":false},"author":4,"featured_media":5740,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[12],"tags":[],"_links":{"self":[{"href":"https:\/\/glancr.net\/wp-json\/wp\/v2\/posts\/4950"}],"collection":[{"href":"https:\/\/glancr.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/glancr.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/glancr.net\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/glancr.net\/wp-json\/wp\/v2\/comments?post=4950"}],"version-history":[{"count":3,"href":"https:\/\/glancr.net\/wp-json\/wp\/v2\/posts\/4950\/revisions"}],"predecessor-version":[{"id":9314,"href":"https:\/\/glancr.net\/wp-json\/wp\/v2\/posts\/4950\/revisions\/9314"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/glancr.net\/wp-json\/wp\/v2\/media\/5740"}],"wp:attachment":[{"href":"https:\/\/glancr.net\/wp-json\/wp\/v2\/media?parent=4950"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/glancr.net\/wp-json\/wp\/v2\/categories?post=4950"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/glancr.net\/wp-json\/wp\/v2\/tags?post=4950"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}