CINXE.COM
Introducing the Spotify Miniplayer to Spotify Desk... - The Spotify Community
<!DOCTYPE html><html prefix="og: http://ogp.me/ns#" dir="ltr" lang="en" class="no-js"> <head> <title> Introducing the Spotify Miniplayer to Spotify Desk... - The Spotify Community </title> <link rel="stylesheet" href="//www.scdn.co/build/css/masthead-52fc96aa34.css"/> <link rel="icon" type="image/png" sizes="16x16" rel="noopener" target="_blank" href="https://community.spotify.com/html/@886D2EB9C80AE22B76E943EA703D3B9A/assets/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="32x32" rel="noopener" target="_blank" href="https://community.spotify.com/html/@E7A00621295DBE27A4F109B3DE24E9C7/assets/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="144x144" rel="noopener" target="_blank" href="https://community.spotify.com/html/@91872616A375B4D78F2CA40F5BABD53E/assets/favicon-144x144.png"> <link rel="icon" type="image/x-icon" href="https://community.spotify.com/html/@96F242F491E41FD9FB924A4768EA1513/assets/favicon.ico"> <link rel="apple-touch-icon-precomposed" sizes="180x180" href="https://community.spotify.com/html/@16D13BABF01777CD553CFDE8D0E74E8D/assets/apple-touch-icon-180x180.png"> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="https://community.spotify.com/html/@511876379DCAA5ECE6B1124C975335A3/assets/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://community.spotify.com/html/@1135C6DB2E9B95DC19774FBEF3EBB424/assets/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="https://community.spotify.com/html/@381DA39187AD5F40093B34D440800A50/assets/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://community.spotify.com/html/@48371D028EC8118D23912FEC3029B77D/assets/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon-precomposed" sizes="76x76" href="https://community.spotify.com/html/@7EB9D440304F87151F8353980830D2B4/assets/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://community.spotify.com/html/@699E526F5612F757925B070A1293C0E4/assets/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon-precomposed" sizes="57x57" href="https://community.spotify.com/html/@B138700D17C81ABFBBE77C4EFFECDBFC/assets/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon-precomposed" href="https://community.spotify.com/html/@B138700D17C81ABFBBE77C4EFFECDBFC/assets/apple-touch-icon-57x57.png"> <!-- Compiled and minified Bootstrap 5.1 CSS --> <link href="https://community.spotify.com/html/@336A0213BC162A42A2CF2340D51DB6BB/assets/bootstrap.min.css" rel="stylesheet" /> <!-- Owl Carousel --> <link href="https://community.spotify.com/html/@499EF4F3DBA4D61E8F9A665C79594C9B/assets/owl.carousel.min.css" rel="stylesheet" /> <!-- jBox --> <link href="https://community.spotify.com/html/@DA0EBBB1AB2AE6B8F53C67E343D241AC/assets/jBox.all.min.css" rel="stylesheet" /> <link rel="search" type="application/opensearchdescription+xml" title="Spotify Community Search" href="//community.spotify.com/html/assets/SpotifyCommunityOpenSearch.xml"> <!-- Google Optimize --> <!-- Anti-flicker snippet (recommended) --> <style>.async-hide { opacity: 0 !important} </style> <script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date; h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')}; (a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c; })(window,document.documentElement,'async-hide','dataLayer',4000, {'OPT-T9388SC':true});</script> <script src="https://www.googleoptimize.com/optimize.js?id=OPT-T9388SC"></script> <!-- End Google Optimize --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WVZ2SFM');</script> <!-- End Google Tag Manager --> <link rel="stylesheet" href="https://community.spotify.com/html/@65C3446A2AB50E0BBEE209F6DECB5E4A/assets/fontawesome5.min.css" /> <script> document.querySelector('head').addEventListener('countryFunc', function (e) { if (window.markerFunc() == 1) { var cookiePolicy = document.getElementById("cookie-policy") cookiePolicy.innerHTML = '' var btn = document.createElement("button"); btn.innerHTML = "Cookie Settings" cookiePolicy.appendChild(btn); btn.setAttribute('id', 'ot-sdk-btn') btn.setAttribute('class', 'ot-sdk-show-settings') } else { var testCase = document.getElementById("cookie-policy") var a = document.createElement("a") var link = document.createTextNode("Cookie Policy") testCase.appendChild(a); a.appendChild(link); a.title = "Cookie Policy" a.href = "https://www.spotify.com/legal/cookies-policy/" a.setAttribute('class', 'mh-footer-secondary svelte-1ouzkfx') } }, false); </script> <meta content="Hey folks! I’m excited to introduce a new addition to the Spotify desktop experience: the Spotify Miniplayer! Whenever I’m working, Spotify is always" name="description"/><meta content="width=device-width, initial-scale=1.0" name="viewport"/><meta content="2024-10-24T01:15:16+02:00" itemprop="dateModified"/><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><link href="https://community.spotify.com/t5/Community-Blog/Introducing-the-Spotify-Miniplayer-to-Spotify-Desktop/ba-p/5956132" rel="canonical"/> <meta content="1440" property="og:image:width"/><meta content="https://community.spotify.com/t5/image/serverpage/image-id/170591iD8205BD23A7FD00F?v=v2" property="og:image"/><meta content="https://community.spotify.com/t5/image/serverpage/image-id/170592i7530967970092A4E?v=v2" property="og:image"/><meta content="https://community.spotify.com/t5/image/serverpage/image-id/170590i04CF35353F72EFFB?v=v2" property="og:image"/><meta content="https://community.spotify.com/t5/image/serverpage/image-id/170681i056393068E5D2216?v=v2" property="og:image"/><meta content="https://community.spotify.com/t5/image/serverpage/image-id/170715i9B83A046272CC2FD?v=v2" property="og:image"/><meta content="https://community.spotify.com/t5/image/serverpage/image-id/170744i4775988CEF65EC0D?v=v2" property="og:image"/><meta content="https://community.spotify.com/t5/image/serverpage/image-id/170817i364C0F13F59F2198?v=v2" property="og:image"/><meta content="https://community.spotify.com/t5/image/serverpage/image-id/170832iF9659D98EF889AA4?v=v2" property="og:image"/><meta content="https://community.spotify.com/t5/image/serverpage/image-id/171000i71FA0C44A3B5E1C2?v=v2" property="og:image"/><meta content="https://community.spotify.com/t5/image/serverpage/image-id/171001i71D788213E22EE1A?v=v2" property="og:image"/><meta content="https://community.spotify.com/t5/image/serverpage/image-id/171002iE5F2990271704F91?v=v2" property="og:image"/><meta content="https://community.spotify.com/t5/image/serverpage/image-id/171003i225125AC49A6DB86?v=v2" property="og:image"/><meta content="https://community.spotify.com/t5/image/serverpage/image-id/171005i87BC91C5E222E87D?v=v2" property="og:image"/><meta content="https://community.spotify.com/t5/image/serverpage/image-id/171180iF057C4C9C6EEE17E?v=v2" property="og:image"/><meta content="https://community.spotify.com/t5/image/serverpage/image-id/171292iBC6DE62D5425FA7B?v=v2" property="og:image"/><meta content="https://community.spotify.com/t5/image/serverpage/image-id/171293i4C60C9359A64C287?v=v2" property="og:image"/><meta content="https://community.spotify.com/t5/image/serverpage/image-id/171493iDD811A1ABB2438A8?v=v2" property="og:image"/><meta content="https://community.spotify.com/t5/image/serverpage/image-id/171494i00970D2CB5AC9C20?v=v2" property="og:image"/><meta content="https://community.spotify.com/t5/image/serverpage/image-id/171604i982FB8BD28A90981?v=v2" property="og:image"/><meta content="https://community.spotify.com/t5/user/viewprofilepage/user-id/24841200" property="article:author"/><meta content="article" property="og:type"/><meta content="820" property="og:image:height"/><meta content="https://community.spotify.com/t5/Community-Blog/Introducing-the-Spotify-Miniplayer-to-Spotify-Desktop/ba-p/5956132" property="og:url"/><meta content="Community Blog" property="article:section"/><meta content="Hey folks! I’m excited to introduce a new addition to the Spotify desktop experience: the Spotify Miniplayer! Whenever I’m working, Spotify is always running in the background. I keep jumping from track to track and this means I keep switching between windows. If I have to adjust volume or chan..." property="og:description"/><meta content="2024-03-21T03:30:00.022Z" property="article:published_time"/><meta content="2024-10-24T01:15:16+02:00" property="article:modified_time"/><meta content="Introducing the Spotify Miniplayer to Spotify Desktop" property="og:title"/> <link class="lia-link-navigation hidden live-links" title="article Introducing the Spotify Miniplayer to Spotify Desktop in Community Blog" type="application/rss+xml" rel="alternate" id="link" href="/spotify/rss/message?board.id=spotifyct&message.id=24056"></link> <link href="/skins/1969351/d7d5419b152886415ebf0700c97e02f7/spotify_responsive.css" rel="stylesheet" type="text/css"/> <link rel="stylesheet" href="https://community.spotify.com/html/assets/main.css?v=20241113" /> <meta property="og:title" content="Introducing the Spotify Miniplayer to Spotify Desk... - T…" /> <meta property="og:image" content="https://community.spotify.com/html/@223D1B0BDECDD6FB6B6723136080EDFB/assets/spotify-preview-v2.png" /> <meta name="twitter:image" content="https://community.spotify.com/html/@223D1B0BDECDD6FB6B6723136080EDFB/assets/spotify-preview-v2.png"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:title" content="Introducing the Spotify Miniplayer to Spotify Desk... - T…"/> <meta name="twitter:description" content=" Hey folks! I’m excited to introduce a new addition to the Spotify desktop experience: the Spotify Miniplayer! Whenever I’m working, Spoti…"/> <meta name="twitter:url" content="https://community.spotify.com/t5/Community-Blog/Introducing-the-Spotify-Miniplayer-to-Spotify-Desktop/ba-p/5956132"/> <script type="text/javascript" src="/t5/scripts/2410E039424F69BAC69F910CA12BBD87/lia-scripts-head-min.js"></script><script language="javascript" type="text/javascript"> <!-- window.FileAPI = { jsPath: '/html/assets/js/vendor/ng-file-upload-shim/' }; LITHIUM.PrefetchData = {"Components":{},"commonResults":{}}; LITHIUM.DEBUG = false; LITHIUM.CommunityJsonObject = { "Validation" : { "image.description" : { "min" : 0, "max" : 1000, "isoneof" : [ ], "type" : "string" }, "tkb.toc_maximum_heading_level" : { "min" : 1, "max" : 6, "isoneof" : [ ], "type" : "integer" }, "tkb.toc_heading_list_style" : { "min" : 0, "max" : 50, "isoneof" : [ "disc", "circle", "square", "none" ], "type" : "string" }, "blog.toc_maximum_heading_level" : { "min" : 1, "max" : 6, "isoneof" : [ ], "type" : "integer" }, "tkb.toc_heading_indent" : { "min" : 5, "max" : 50, "isoneof" : [ ], "type" : "integer" }, "blog.toc_heading_indent" : { "min" : 5, "max" : 50, "isoneof" : [ ], "type" : "integer" }, "blog.toc_heading_list_style" : { "min" : 0, "max" : 50, "isoneof" : [ "disc", "circle", "square", "none" ], "type" : "string" } }, "User" : { "settings" : { "imageupload.legal_file_extensions" : "*.jpg;*.JPG;*.jpeg;*.JPEG;*.gif;*.GIF;*.png;*.PNG", "config.enable_avatar" : true, "integratedprofile.show_klout_score" : true, "layout.sort_view_by_last_post_date" : true, "layout.friendly_dates_enabled" : true, "profileplus.allow.anonymous.scorebox" : false, "tkb.message_sort_default" : "topicPublishDate", "layout.format_pattern_date" : "yyyy-MM-dd", "config.require_search_before_post" : "off", "isUserLinked" : false, "integratedprofile.cta_add_topics_dismissal_timestamp" : -1, "layout.message_body_image_max_size" : 1000, "profileplus.everyone" : false, "integratedprofile.cta_connect_wide_dismissal_timestamp" : -1, "blog.toc_maximum_heading_level" : "", "integratedprofile.hide_social_networks" : false, "blog.toc_heading_indent" : "", "contest.entries_per_page_num" : 20, "layout.messages_per_page_linear" : 20, "integratedprofile.cta_manage_topics_dismissal_timestamp" : -1, "profile.shared_profile_test_group" : false, "integratedprofile.cta_personalized_feed_dismissal_timestamp" : -1, "integratedprofile.curated_feed_size" : 10, "contest.one_kudo_per_contest" : false, "integratedprofile.enable_social_networks" : false, "integratedprofile.my_interests_dismissal_timestamp" : -1, "profile.language" : "en", "layout.friendly_dates_max_age_days" : 31, "layout.threading_order" : "thread_descending", "blog.toc_heading_list_style" : "disc", "useRecService" : false, "layout.module_welcome" : "", "imageupload.max_uploaded_images_per_upload" : 100, "imageupload.max_uploaded_images_per_user" : 10000, "integratedprofile.connect_mode" : "", "tkb.toc_maximum_heading_level" : "", "tkb.toc_heading_list_style" : "disc", "sharedprofile.show_hovercard_score" : true, "config.search_before_post_scope" : "community", "tkb.toc_heading_indent" : "", "p13n.cta.recommendations_feed_dismissal_timestamp" : -1, "imageupload.max_file_size" : 5120, "layout.show_batch_checkboxes" : false, "integratedprofile.cta_connect_slim_dismissal_timestamp" : -1 }, "isAnonymous" : true, "policies" : { "image-upload.process-and-remove-exif-metadata" : true }, "registered" : false, "emailRef" : "", "id" : -1, "login" : "user-removed" }, "Server" : { "communityPrefix" : "/spotify", "nodeChangeTimeStamp" : 1732744511957, "tapestryPrefix" : "/t5", "deviceMode" : "DESKTOP", "responsiveDeviceMode" : "DESKTOP", "membershipChangeTimeStamp" : "0", "version" : "24.8", "branch" : "24.8-release", "showTextKeys" : false }, "Config" : { "phase" : "prod", "integratedprofile.cta.reprompt.delay" : 30, "profileplus.tracking" : { "profileplus.tracking.enable" : false, "profileplus.tracking.click.enable" : false, "profileplus.tracking.impression.enable" : false }, "app.revision" : "2409250548-sfb81563bd4-b83", "navigation.manager.community.structure.limit" : "1000" }, "Activity" : { "Results" : [ ] }, "NodeContainer" : { "viewHref" : "https://community.spotify.com/t5/Welcome/ct-p/Welcome", "description" : "", "id" : "Welcome", "shortTitle" : "Welcome", "title" : "Welcome", "nodeType" : "category" }, "Page" : { "skins" : [ "spotify_responsive", "responsive_peak" ], "authUrls" : { "loginUrl" : "/plugins/common/feature/oauth2sso_v2/sso_login_redirect?referer=https%3A%2F%2Fcommunity.spotify.com%2Ft5%2FCommunity-Blog%2FIntroducing-the-Spotify-Miniplayer-to-Spotify-Desktop%2Fba-p%2F5956132", "loginUrlNotRegistered" : "/plugins/common/feature/oauth2sso_v2/sso_login_redirect?redirectreason=notregistered&referer=https%3A%2F%2Fcommunity.spotify.com%2Ft5%2FCommunity-Blog%2FIntroducing-the-Spotify-Miniplayer-to-Spotify-Desktop%2Fba-p%2F5956132", "loginUrlNotRegisteredDestTpl" : "/plugins/common/feature/oauth2sso_v2/sso_login_redirect?redirectreason=notregistered&referer=%7B%7BdestUrl%7D%7D" }, "name" : "BlogArticlePage", "rtl" : false, "object" : { "viewHref" : "/t5/Community-Blog/Introducing-the-Spotify-Miniplayer-to-Spotify-Desktop/ba-p/5956132", "subject" : "Introducing the Spotify Miniplayer to Spotify Desktop", "id" : 5956132, "page" : "BlogArticlePage", "type" : "Thread" } }, "WebTracking" : { "Activities" : { }, "path" : "Community:Home/Category:Welcome/Blog:Community Blog/Article:Introducing the Spotify Miniplayer to Spotify Desktop" }, "Feedback" : { "targeted" : { } }, "Seo" : { "markerEscaping" : { "pathElement" : { "prefix" : "@", "match" : "^[0-9][0-9]$" }, "enabled" : false } }, "TopLevelNode" : { "viewHref" : "https://community.spotify.com/", "description" : "", "id" : "spotify", "shortTitle" : "Home", "title" : "The Spotify Community", "nodeType" : "Community" }, "Community" : { "viewHref" : "https://community.spotify.com/", "integratedprofile.lang_code" : "en", "integratedprofile.country_code" : "US", "id" : "spotify", "shortTitle" : "Home", "title" : "The Spotify Community" }, "CoreNode" : { "conversationStyle" : "blog", "viewHref" : "https://community.spotify.com/t5/Community-Blog/bg-p/spotifyct", "settings" : { }, "description" : "Check out member profiles, monthly idea updates, contests, and more!", "id" : "spotifyct", "shortTitle" : "Community Blog", "title" : "Community Blog", "nodeType" : "Board", "ancestors" : [ { "viewHref" : "https://community.spotify.com/t5/Welcome/ct-p/Welcome", "description" : "", "id" : "Welcome", "shortTitle" : "Welcome", "title" : "Welcome", "nodeType" : "category" }, { "viewHref" : "https://community.spotify.com/", "description" : "", "id" : "spotify", "shortTitle" : "Home", "title" : "The Spotify Community", "nodeType" : "Community" } ] } }; LITHIUM.Components.RENDER_URL = "/t5/util/componentrenderpage/component-id/#{component-id}?render_behavior=raw"; LITHIUM.Components.ORIGINAL_PAGE_NAME = 'blogs/v2/BlogArticlePage'; LITHIUM.Components.ORIGINAL_PAGE_ID = 'BlogArticlePage'; LITHIUM.Components.ORIGINAL_PAGE_CONTEXT = 'chtDNO0fQ1Z7L-9qLQX8W-nPsN8CJYL_9bh788RYoSiS_Ti_mmOS4JQvpZh5ROhItkqh-tU5k9W9sdCtBbY-apfm6Kbnd9N9C_cLV3_hR2mNPp9xx1yXy5KhayY436YQVw1wyseM6vPufF9mVAAPoiVnNnfCff5Qnb7iQfIjIl5JqaOZRYyLcIFyFLXR-Db5yZEuYD5dZfy3Te22IazBtDWdcaJ_tKJ-t6-EHnJrCL0k1zFkemEo_BbfF9D9jiiYAW8fJHiYrKaZ-Guc0plWexN5KrTWtUS7uk2-rHU9KrkaAhAtlzTppnb9AVZvdmQYPFWcM1Iu8D4ibp0_F8R5S-h4tqUYtCvZsizJW-tn8G8.'; LITHIUM.Css = { "BASE_DEFERRED_IMAGE" : "lia-deferred-image", "BASE_BUTTON" : "lia-button", "BASE_SPOILER_CONTAINER" : "lia-spoiler-container", "BASE_TABS_INACTIVE" : "lia-tabs-inactive", "BASE_TABS_ACTIVE" : "lia-tabs-active", "BASE_AJAX_REMOVE_HIGHLIGHT" : "lia-ajax-remove-highlight", "BASE_FEEDBACK_SCROLL_TO" : "lia-feedback-scroll-to", "BASE_FORM_FIELD_VALIDATING" : "lia-form-field-validating", "BASE_FORM_ERROR_TEXT" : "lia-form-error-text", "BASE_FEEDBACK_INLINE_ALERT" : "lia-panel-feedback-inline-alert", "BASE_BUTTON_OVERLAY" : "lia-button-overlay", "BASE_TABS_STANDARD" : "lia-tabs-standard", "BASE_AJAX_INDETERMINATE_LOADER_BAR" : "lia-ajax-indeterminate-loader-bar", "BASE_AJAX_SUCCESS_HIGHLIGHT" : "lia-ajax-success-highlight", "BASE_CONTENT" : "lia-content", "BASE_JS_HIDDEN" : "lia-js-hidden", "BASE_AJAX_LOADER_CONTENT_OVERLAY" : "lia-ajax-loader-content-overlay", "BASE_FORM_FIELD_SUCCESS" : "lia-form-field-success", "BASE_FORM_WARNING_TEXT" : "lia-form-warning-text", "BASE_FORM_FIELDSET_CONTENT_WRAPPER" : "lia-form-fieldset-content-wrapper", "BASE_AJAX_LOADER_OVERLAY_TYPE" : "lia-ajax-overlay-loader", "BASE_FORM_FIELD_ERROR" : "lia-form-field-error", "BASE_SPOILER_CONTENT" : "lia-spoiler-content", "BASE_FORM_SUBMITTING" : "lia-form-submitting", "BASE_EFFECT_HIGHLIGHT_START" : "lia-effect-highlight-start", "BASE_FORM_FIELD_ERROR_NO_FOCUS" : "lia-form-field-error-no-focus", "BASE_EFFECT_HIGHLIGHT_END" : "lia-effect-highlight-end", "BASE_SPOILER_LINK" : "lia-spoiler-link", "BASE_DISABLED" : "lia-link-disabled", "FACEBOOK_LOGOUT" : "lia-component-users-action-logout", "FACEBOOK_SWITCH_USER" : "lia-component-admin-action-switch-user", "BASE_FORM_FIELD_WARNING" : "lia-form-field-warning", "BASE_AJAX_LOADER_FEEDBACK" : "lia-ajax-loader-feedback", "BASE_AJAX_LOADER_OVERLAY" : "lia-ajax-loader-overlay", "BASE_LAZY_LOAD" : "lia-lazy-load" }; LITHIUM.noConflict = true; LITHIUM.useCheckOnline = false; LITHIUM.RenderedScripts = [ "jquery.iframe-transport.js", "jquery.hoverIntent-r6.js", "SearchForm.js", "DeferredImages.js", "jquery.ui.dialog.js", "DataHandler.js", "Components.js", "DropDownMenuVisibilityHandler.js", "Cache.js", "jquery.placeholder-2.0.7.js", "PolyfillsOld.js", "jquery.clone-position-1.0.js", "EarlyEventCapture.js", "jquery.blockui.js", "ActiveCast3.js", "jquery.iframe-shim-1.0.js", "jquery.ajax-cache-response-1.0.js", "prism.js", "SearchAutoCompleteToggle.js", "jquery.css-data-1.0.js", "jquery.autocomplete.js", "jquery.tools.tooltip-1.2.6.js", "jquery.tmpl-1.1.1.js", "jquery.function-utils-1.0.js", "jquery.delayToggle-1.0.js", "Placeholder.js", "jquery.ui.draggable.js", "jquery.viewport-1.0.js", "LiModernizr.js", "Video.js", "FormActions.js", "HelpIcon.js", "jquery.lithium-selector-extensions.js", "Lithium.js", "CustomEvent.js", "ResizeSensor.js", "SpoilerToggle.js", "AjaxSupport.js", "Auth.js", "Text.js", "Forms.js", "jquery.ui.mouse.js", "jquery.ui.position.js", "Link.js", "Tooltip.js", "jquery.appear-1.1.1.js", "jquery.ui.resizable.js", "jquery.effects.slide.js", "AjaxFeedback.js", "Globals.js", "jquery.scrollTo.js", "AutoComplete.js", "jquery.json-2.6.0.js", "jquery.position-toggle-1.0.js", "jquery.ui.widget.js", "ForceLithiumJQuery.js", "jquery.fileupload.js", "PartialRenderProxy.js", "json2.js", "Events.js", "ElementMethods.js", "Loader.js", "jquery.ui.core.js", "Sandbox.js", "Throttle.js", "Namespace.js", "PolyfillsAll.js", "MessageBodyDisplay.js", "jquery.js", "ElementQueries.js", "jquery.effects.core.js", "DropDownMenu.js", "NoConflict.js", "InformationBox.js" ];// --> </script><script type="text/javascript" src="/t5/scripts/D60EB96AE5FF670ED274F16ABB044ABD/lia-scripts-head-min.js"></script></head> <body class="lia-blog lia-user-status-anonymous BlogArticlePage lia-body" id="lia-body"> <div id="926-175-2" class="ServiceNodeInfoHeader"> </div> <div class="lia-page"> <center> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WVZ2SFM" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="MinimumWidthContainer"> <div class="min-width-wrapper"> <div class="min-width"> <div class="lia-content"> <div class="lia-browser-support-alert"> <div class="lia-browser-support-alert-text"> We no longer support Internet Explorer v10 and older, or you have compatibility view enabled. Disable Compatibility view, upgrade to a newer version, or use a different browser. </div> <div class="lia-browser-support-alert-close"> <a class="lia-link-navigation lia-link-ticket-post-action" data-lia-action-token="x86AdD-rxC6aq6zwKTocXPskgbsRkjv_F8WYXE_LqzY." rel="nofollow" id="dismissAlert" href="https://community.spotify.com/t5/blogs/v2/blogarticlepage.liabase.basebody.browsersupportalert.dismissalert:dismissalert?t:ac=blog-id/spotifyct/article-id/24056"><span class="lia-img-close-small lia-fa-close lia-fa-small lia-fa" title="Dismiss this alert" alt="Dismiss this alert" aria-label="Dismiss this alert" role="img" id="display"></span></a> </div> </div> <div class="lia-quilt lia-quilt-blog-article-page lia-quilt-layout-custom-blog-page lia-top-quilt"> <div class="lia-quilt-row lia-quilt-row-header"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-common-header"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <div class="lia-quilt lia-quilt-header lia-quilt-layout-spotify-header lia-component-quilt-header"> <div class="lia-quilt-row"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-header"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <script> document.body.className += ' theme2'; </script> <div class="background2"></div> <div class="headerWrapper"> <!-- <div id="js-message-bar-cookie-notice" class="alert alert-cookie alert-info alert-dismissible" role="alert"> <div class="container"> <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <span class="js-cookie-notice">We use cookies to give you the best online experience. By using our website you agree to our use of cookies in accordance with our cookie policy.</span> <a class="alert-link cookie-link" href="https://www.spotify.com/legal/privacy-policy/#s3" title="Cookies">Learn more here.</a> </div> </div> <script> (function () { var cookieName = "cookieNoticeDismissed"; function createCookie(name,value,days) { if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else var expires = ""; document.cookie = name+"="+value+expires+"; path=/"; } function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } if(readCookie(cookieName) !== null) { document.getElementById("js-message-bar-cookie-notice").remove(); } else { // wait until jquery is loaded (function defer() { if (window.jQuery) { (function ($) { $("#js-message-bar-cookie-notice .close").click(function () { createCookie(cookieName, '1', 30); }); })(window.jQuery); } else { setTimeout(function() { defer() }, 10); } })(); } })(); </script> --> <div class="lia-panel lia-panel-standard StringDisplayTaplet Chrome lia-component-common-widget-announcement"><div class="lia-decoration-border"><div class="lia-decoration-border-top"><div> </div></div><div class="lia-decoration-border-content"><div><div class="lia-panel-heading-bar-wrapper"><div class="lia-panel-heading-bar"><span aria-level="3" role="heading" class="lia-panel-heading-bar-title">Announcements</span></div></div><div class="lia-panel-content-wrapper"><div class="lia-panel-content"><div class="StringDisplayTaplet"> <style type="text/css"> .lia-panel.lia-panel-standard.lia-component-common-widget-announcement { display:none !important; } </style> </div></div></div></div></div><div class="lia-decoration-border-bottom"><div> </div></div></div></div> <!-- header --> <header id="js-navbar" class="navbar navbar-default navbar-transparent navbar-sidepanel navbar-highlight-aquamarine " role="banner"> <div class="navbar-top navbar-header"> <div class="container"> <button type="button" id="mainBurger" class="navbar-toggle collapsed" aria-expanded="false" aria-controls="navbar-nav" aria-label="Community Menu"> <span class="sr-only">Menu</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <h1><a href="/"><span class="navbar-logo">Spotify Community</span></a></h1> <section class="navbar-user-navigation"> <ul class="nav navbar-nav navbar-right nav-main"> <li> <div data-encore-id="popoverTrigger" class="PopoverTrigger__PopoverTriggerContainer-sc-yux5vv-0 cEYmZt"> <div class="PopoverTrigger__TriggerContainer-sc-yux5vv-1 fgHdSJ"> <button class="Button-sc-y0gtbx-0 fONPwv encore-text-body-small-bold sc-bMTdWJ wnxOJ" data-encore-id="buttonSecondary">Explore Premium</button> </div> <div class="Overlay-sc-u80gmt-0 dNjGPJ"> <div class="Popover__StyledPopover-sc-1iog353-0 dVUbFf PopoverDesktop-sc-1q89gj7-0 jLZdsC encore-base-set sc-eOzmre cfbUs" data-encore-id="popoverNavigation"> <ul role="list" data-encore-id="typeList" class="TypeList__TypeListElement-sc-1jhixr6-0 cwbXbV"> <li class="encore-text encore-text-body-small TypeListItem__TypeListItemElement-sc-q1l2mf-0 fzTYwb PopoverNavigationItem__PopoverNavigationItemElement-sc-1w8ibku-0 euDSCO sc-geXuza kCmPBS" data-encore-id="typeListItem" container="header"> <span class="sc-cEzcPc DBxbQ">Explore Premium</span> <ul class="sc-ovuCP cmoGOM"> <li class="encore-text encore-text-body-small TypeListItem__TypeListItemElement-sc-q1l2mf-0 fzTYwb PopoverNavigationItem__PopoverNavigationItemElement-sc-1w8ibku-0 euDSCO sc-eauhAA kIPqhQ" data-encore-id="typeListItem"> <a target="_self" href="https://www.spotify.com/premium/" level="1" class="Button-sc-1dqy6lx-0 BlGkW encore-text-body-medium-bold sc-dprtRQ fVcOgY premium-track-1" data-encore-id="buttonTertiary"><span level="1" class="sc-eUlrpB kcWqZe"> <span class="sc-gQaihK qWFOV">Individual</span><span class="sc-iuUfFv bWGyel">1 account - For one person.</span></span><span aria-hidden="true" class="IconWrapper__Wrapper-sc-16usrgb-0 gZFHvO"><svg data-encore-id="icon" role="img" aria-hidden="true" viewBox="0 0 16 16" class="Svg-sc-ytk21e-0 cAZbRH"><path d="M4.97.47a.75.75 0 0 0 0 1.06L11.44 8l-6.47 6.47a.75.75 0 1 0 1.06 1.06L13.56 8 6.03.47a.75.75 0 0 0-1.06 0z"></path></svg></span> </a> </li> <li class="encore-text encore-text-body-small TypeListItem__TypeListItemElement-sc-q1l2mf-0 fzTYwb PopoverNavigationItem__PopoverNavigationItemElement-sc-1w8ibku-0 euDSCO sc-eauhAA kIPqhQ" data-encore-id="typeListItem"> <a target="_self" href="https://www.spotify.com/duo/" level="1" class="Button-sc-1dqy6lx-0 BlGkW encore-text-body-medium-bold sc-dprtRQ fVcOgY premium-track-2" data-encore-id="buttonTertiary"> <span level="1" class="sc-eUlrpB kcWqZe"><span class="sc-gQaihK qWFOV">Duo</span><span class="sc-iuUfFv bWGyel">2 accounts - For couples under one roof.</span></span><span aria-hidden="true" class="IconWrapper__Wrapper-sc-16usrgb-0 gZFHvO"><svg data-encore-id="icon" role="img" aria-hidden="true" viewBox="0 0 16 16" class="Svg-sc-ytk21e-0 cAZbRH"><path d="M4.97.47a.75.75 0 0 0 0 1.06L11.44 8l-6.47 6.47a.75.75 0 1 0 1.06 1.06L13.56 8 6.03.47a.75.75 0 0 0-1.06 0z"></path></svg></span> </a> </li> <li class="encore-text encore-text-body-small TypeListItem__TypeListItemElement-sc-q1l2mf-0 fzTYwb PopoverNavigationItem__PopoverNavigationItemElement-sc-1w8ibku-0 euDSCO sc-eauhAA kIPqhQ" data-encore-id="typeListItem"> <a target="_self" href="https://www.spotify.com/family/" level="1" class="Button-sc-1dqy6lx-0 BlGkW encore-text-body-medium-bold sc-dprtRQ fVcOgY premium-track-family" data-encore-id="buttonTertiary"><span level="1" class="sc-eUlrpB kcWqZe"><span class="sc-gQaihK qWFOV">Family</span><span class="sc-iuUfFv bWGyel">6 accounts - For family members under one roof.</span></span> <span aria-hidden="true" class="IconWrapper__Wrapper-sc-16usrgb-0 gZFHvO"><svg data-encore-id="icon" role="img" aria-hidden="true" viewBox="0 0 16 16" class="Svg-sc-ytk21e-0 cAZbRH"><path d="M4.97.47a.75.75 0 0 0 0 1.06L11.44 8l-6.47 6.47a.75.75 0 1 0 1.06 1.06L13.56 8 6.03.47a.75.75 0 0 0-1.06 0z"></path></svg></span> </a> </li> <li class="encore-text encore-text-body-small TypeListItem__TypeListItemElement-sc-q1l2mf-0 fzTYwb PopoverNavigationItem__PopoverNavigationItemElement-sc-1w8ibku-0 euDSCO sc-eauhAA kIPqhQ" data-encore-id="typeListItem"> <a target="_self" href="https://www.spotify.com/student/" level="1" class="Button-sc-1dqy6lx-0 BlGkW encore-text-body-medium-bold sc-dprtRQ fVcOgY premium-track-student" data-encore-id="buttonTertiary"> <span level="1" class="sc-eUlrpB kcWqZe"><span class="sc-gQaihK qWFOV">Student</span><span class="sc-iuUfFv bWGyel">1 account - Discount for eligible students.</span></span><span aria-hidden="true" class="IconWrapper__Wrapper-sc-16usrgb-0 gZFHvO"><svg data-encore-id="icon" role="img" aria-hidden="true" viewBox="0 0 16 16" class="Svg-sc-ytk21e-0 cAZbRH"><path d="M4.97.47a.75.75 0 0 0 0 1.06L11.44 8l-6.47 6.47a.75.75 0 1 0 1.06 1.06L13.56 8 6.03.47a.75.75 0 0 0-1.06 0z"></path></svg></span> </a> </li> </ul> </li> </ul> </div> </div> </div> </li> <li> <a href="https://www.spotify.com/download/" target="_self" class="Button-sc-y0gtbx-0 kVreNx encore-text-body-small-bold sc-iAJcmt kyTaZd track-install" data-encore-id="buttonSecondary"> <span aria-hidden="true" class="IconWrapper__Wrapper-sc-ihacte-0 fdPgF"><svg data-encore-id="icon" role="img" aria-hidden="true" viewBox="0 0 16 16" class="Svg-sc-ytk21e-0 cDNLgn"><path d="M4.995 8.745a.75.75 0 0 1 1.06 0L7.25 9.939V4a.75.75 0 0 1 1.5 0v5.94l1.195-1.195a.75.75 0 1 1 1.06 1.06L8 12.811l-.528-.528a.945.945 0 0 1-.005-.005L4.995 9.805a.75.75 0 0 1 0-1.06z"></path><path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13z"></path></svg></span> Install App </a> </li> <li><a href="/plugins/common/feature/oauth2sso_v2/sso_login_redirect?referer=https%3A%2F%2Fcommunity.spotify.com%2Ft5%2FCommunity-Blog%2FIntroducing-the-Spotify-Miniplayer-to-Spotify-Desktop%2Fba-p%2F5956132">Log In</a></li> </ul> </section> </div> </div> <div class="headerContent"> <div id="lia-searchformV32_26d3548ff8946a" class="SearchForm lia-search-form-wrapper lia-mode-default lia-component-common-widget-search-form"> <div class="lia-inline-ajax-feedback"> <div class="AjaxFeedback" id="ajaxfeedback_26d3548ff8946a"></div> </div> <div id="searchautocompletetoggle_26d3548ff8946a"> <div class="lia-inline-ajax-feedback"> <div class="AjaxFeedback" id="ajaxfeedback_26d3548ff8946a_0"></div> </div> <form enctype="multipart/form-data" class="lia-form lia-form-inline SearchForm" action="https://community.spotify.com/t5/blogs/v2/blogarticlepage.searchformv32.form.form" method="post" id="form_26d3548ff8946a" name="form_26d3548ff8946a"><div class="t-invisible"><input value="blog-id/spotifyct/article-id/24056" name="t:ac" type="hidden"></input><input value="search/contributions/page" name="t:cp" type="hidden"></input><input value="72GQB-_SFEsU4FV4SwXaOKb4zXlUWVyQGj1N_kjMh_joz93IuSdmCYuonhwnTQWWLbioZbNdjadKI0bx3BXcRJLJGOthYdT-7foU-c1q-6evW-N9J4j117r3x0NingF2K3eEIgGKzlVzQrSNobelLhRqvqe0nLHP4TH0WfEBJhqcD3ZDShPm-4MAdLg-Lcq7YQFmoPbo5tX_LxOcewknSvU7qOPTh9WK7uF6_539UHUSuD7_IZBoR5hibX48dJ37tPMDZg2wkXrLWnrl5hgZWjRp0XQ0uK0eVq6anxOX_M9g5VO3v0ExB-omrDxMbtoHM8D8Yn9F78YZOazp0TWGQk4v5snxjcWXcigENWeY_ymnetVZiy01uiKQBEt7icLkTTw6eJDtDamUdf0pvFyz47tl41ueMg-UPj7t_xDVza6FHm8hm9Dpcp9A_KRlhx4bG1sqxNKup-zLJjFdK_86233pmX-WL9eql4vfAREUtr54Cs8NeBYpd2V8I_PqDoCU2dzhjpeMOsebbZ8PJHJ9NFSBl_vyzfmi1U9yrcy20m6mEfrkAcCvVbZiSR1Gmk0Kwe6Y0DStM4KcavNNjWHWcoISu-85YKw8FAvr5DqSzCUtKr46azcOGQU4xn_oa3rcEWwXXz2jozU7EQj5FzQsrKHYXRRqKM-9rryDiJLFyRBgx5rocDkofCTrGpyn6MfhbVYipFenoEtP_XqIuReoSBbPlPrHe1hRSXTuep8hNSQc7yYIrwsgyZtbKbttr9wPWxxRw5DBTC_UFcOAtbDQ5gWKOSU0wM4HEFvJ9WdpXj_rCaqnfXcpjLdzsmNAS6CCgiXfiV5gaelejVpkOn409XvLeYpYZ1nxvbHSl6oa8JOGimrxXKO_MPwMkIHMPheqdvZu8PgeCXhXgBqfh-yKs5QVFZkC9mlwsVSH9OvqEhMB9-fnOIpbw_GUCjb64B3wNwjWt_Au_W3NeRTdn2GBqpMHOWGSD81sO25Wh_tf_utQ24XJnebHwSAs9DahqxA5Oj5hDJk9oM7zzVGHyX8jMS6gMIz9A0zAnMfDfjpE5zIF5MyP19XLapiHT1cdYtVyOt4KKPTu-NPW6phwss85_dnTIG3dh_qyTpX9Q9mGlFuUvyE31hQdntLezrNjN9hgFL3SbrVxwhczZEu24VbfKkhAzkJ9atIhVWxGRkrFJaOVSNHlZ4sYGRvuylZb0nYk4Tfmxq4DUjtENyowEuJoXyqp3T8sYAAfxfCR0HrMSlI." name="lia-form-context" type="hidden"></input><input value="BlogArticlePage:blog-id/spotifyct/article-id/24056:searchformv32.form:" name="liaFormContentKey" type="hidden"></input><input value="5DI9GWMef1Esyz275vuiiOExwpQ=:H4sIAAAAAAAAALVSTU7CQBR+krAixkj0BrptjcpCMSbERGKCSmxcm+kwlGrbqTOvFDYexRMYL8HCnXfwAG5dubDtFKxgYgu4mrzvm3w/M+/pHcphHQ4kI4L2dMo9FLYZoM09qbeJxQ4V0+XC7e/tamqyBPEChwgbh1JAjQtLIz6hPaYh8ZlEMaxplAvm2KZmEsm0hhmBhOKpzZzOlsEw8LevR5W3zZfPEqy0oJIYc+eCuAyh2rolfaI7xLN0I8rjWfWBj7CuzJvf5osmbxRN3hacMimNwHRtKSOr0XNnv/vx+FoCGPjhMRzljhNLYHrEt9kA5T08ACCsKvREoYuqxqLl8BLO84q4UcMITcG49y/QOGs1pYyESl5p6V6qwRW086rinVmoxMZsiZud/zBUTc6gmVc4kExkJafmcYG1GM9+wfIsCkf2OP54hal5EjnG54z8h0XhjfcF7wQUs5Kz0GTjU2rOjc/llTT4Au07pDOcBQAA" name="t:formdata" type="hidden"></input></div> <div class="lia-inline-ajax-feedback"> <div class="AjaxFeedback" id="feedback_26d3548ff8946a"></div> </div> <input value="kuEEXrwIck3WkS5HWAfH41FDtRVv4_PnVhL4VvgBczk." name="lia-action-token" type="hidden"></input> <input value="form_26d3548ff8946a" id="form_UIDform_26d3548ff8946a" name="form_UID" type="hidden"></input> <input value="" id="form_instance_keyform_26d3548ff8946a" name="form_instance_key" type="hidden"></input> <span class="lia-search-granularity-wrapper"> <select title="Search Granularity" class="lia-search-form-granularity search-granularity" aria-label="Search Granularity" id="searchGranularity_26d3548ff8946a" name="searchGranularity"><option title="All community" value="spotify|community">All community</option><option title="This category" value="Welcome|category">This category</option><option title="Blog" selected="selected" value="spotifyct|blog-board">Blog</option><option title="FAQs" value="tkb|tkb">FAQs</option><option title="Users" value="user|user">Users</option></select> </span> <span class="lia-search-input-wrapper"> <span class="lia-search-input-field"> <span class="lia-button-wrapper lia-button-wrapper-secondary lia-button-wrapper-searchForm-action"><input value="searchForm" name="submitContextX" type="hidden"></input><input class="lia-button lia-button-secondary lia-button-searchForm-action" value="Search" id="submitContext_26d3548ff8946a" name="submitContext" type="submit"></input></span> <input placeholder="Search all content" aria-label="Search" title="Search" class="lia-form-type-text lia-autocomplete-input search-input lia-search-input-message" value="" id="messageSearchField_26d3548ff8946a_0" name="messageSearchField" type="text"></input> <input placeholder="Search all content" aria-label="Search" title="Search" class="lia-form-type-text lia-autocomplete-input search-input lia-search-input-tkb-article lia-js-hidden" value="" id="messageSearchField_26d3548ff8946a_1" name="messageSearchField_0" type="text"></input> <input placeholder="Enter a keyword to search within the users" ng-non-bindable="" title="Enter a user name or rank" class="lia-form-type-text UserSearchField lia-search-input-user search-input lia-js-hidden lia-autocomplete-input" aria-label="Enter a user name or rank" value="" id="userSearchField_26d3548ff8946a" name="userSearchField" type="text"></input> <input placeholder="Enter a keyword to search within the private messages" title="Enter a search word" class="lia-form-type-text NoteSearchField lia-search-input-note search-input lia-js-hidden lia-autocomplete-input" aria-label="Enter a search word" value="" id="noteSearchField_26d3548ff8946a_0" name="noteSearchField" type="text"></input> <input title="Enter a search word" class="lia-form-type-text ProductSearchField lia-search-input-product search-input lia-js-hidden lia-autocomplete-input" aria-label="Enter a search word" value="" id="productSearchField_26d3548ff8946a" name="productSearchField" type="text"></input> <input class="lia-as-search-action-id" name="as-search-action-id" type="hidden"></input> </span> </span> <span class="lia-cancel-search">cancel</span> </form> <div class="search-autocomplete-toggle-link lia-js-hidden"> <span> <a class="lia-link-navigation auto-complete-toggle-on lia-link-ticket-post-action lia-component-search-action-enable-auto-complete" data-lia-action-token="xZO3WUgDwDXQ01POodZqrgGjbHycorbWwUl0hBQSUmo." rel="nofollow" id="enableAutoComplete_26d3548ff8946a" href="https://community.spotify.com/t5/blogs/v2/blogarticlepage.enableautocomplete:enableautocomplete?t:ac=blog-id/spotifyct/article-id/24056&t:cp=action/contributions/searchactions">Turn on suggestions</a> <span class="HelpIcon"> <a class="lia-link-navigation help-icon lia-tooltip-trigger" role="button" aria-label="Help Icon" id="link_26d3548ff8946a" href="#"><span class="lia-img-icon-help lia-fa-icon lia-fa-help lia-fa" alt="Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type." aria-label="Help Icon" role="img" id="display_26d3548ff8946a"></span></a><div role="alertdialog" class="lia-content lia-tooltip-pos-bottom-left lia-panel-tooltip-wrapper" id="link_26d3548ff8946a_0-tooltip-element"><div class="lia-tooltip-arrow"></div><div class="lia-panel-tooltip"><div class="content">Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.</div></div></div> </span> </span> </div> </div> <div class="spell-check-showing-result"> Showing results for <span class="lia-link-navigation show-results-for-link lia-link-disabled" aria-disabled="true" id="showingResult_26d3548ff8946a"></span> </div> <div> <span class="spell-check-search-instead"> Search instead for <a class="lia-link-navigation search-instead-for-link" rel="nofollow" id="searchInstead_26d3548ff8946a" href="#"></a> </span> </div> <div class="spell-check-do-you-mean lia-component-search-widget-spellcheck"> Did you mean: <a class="lia-link-navigation do-you-mean-link" rel="nofollow" id="doYouMean_26d3548ff8946a" href="#"></a> </div> </div> </div> <div class="breadcrumbWrapperAlign"> <div class="breadcrumbWrapper"> <span class="breadcrumbTitle">You are here <i class="far fa-arrow-right"></i></span> <div class="lia-breadcrumb"> <ul class="lia-list-standard-inline"> <li class="lia-breadcrumb-node crumb"> <a href="https://community.spotify.com/" class="crumb-community lia-breadcrumb-community lia-breadcrumb-forum">Home</a> </li> <li class="lia-breadcrumb-node crumb"> <a href="https://community.spotify.com/t5/Welcome/ct-p/Welcome" class="crumb-category lia-breadcrumb-category lia-breadcrumb-forum">Welcome</a> </li> <li class="lia-breadcrumb-node crumb"> <a href="https://community.spotify.com/t5/Community-Blog/bg-p/spotifyct" class="crumb-board lia-breadcrumb-board lia-breadcrumb-forum">Community Blog</a> </li> <li class="lia-breadcrumb-node crumb final-crumb"> <span>Introducing the Spotify Miniplayer to Spotify Desk...</span> </li> </ul> </div> </div> </div> <nav id="navbar-nav" class="collapse navbar-collapse" role="navigation"> <button type="button" id="closeBurger" class="navbar-toggle" aria-expanded="false" aria-controls="navbar-nav" aria-label="Community Menu"> <span class="sr-only">Close Menu</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <ul class="nav navbar-nav navbar-right nav-main"> <li class="nav-section" data-url="/t5/FAQs/Spotify-Support-Community-Guidelines/ta-p/4575166"><h3><span>Community Guidelines</span></h3></li> <li class="nav-section yes-js category Community Blog active" data-url="https://community.spotify.com/t5/Community-Blog/bg-p/spotifyct"><h3><span>Community Blog</span></h3></li> <li class="nav-section yes-js category FAQs" data-url="https://community.spotify.com/t5/FAQs/tkb-p/Spotify-Answers"><h3><span>FAQs</span></h3> </li> <li class="nav-section yes-js category Help" data-url="https://community.spotify.com/t5/Help/ct-p/Help"> <h3><span>Help</span></h3> <ul class="cust-subsection" style="display:none"> <li class=""><a href="https://community.spotify.com/t5/Announcements/bd-p/important_announcements">Announcements</a></li> <li class=""><a href="https://community.spotify.com/t5/Ongoing-Issues/idb-p/ongoing_issues">Ongoing Issues</a></li> <li class=""><a href="https://community.spotify.com/t5/Accounts/bd-p/spotifyaccountrelated">Accounts</a></li> <li class=""><a href="https://community.spotify.com/t5/Subscriptions/bd-p/Subscriptions">Subscriptions</a></li> <li class=""><a href="https://community.spotify.com/t5/Premium-Family/bd-p/family">Premium Family</a></li> <li class=""><a href="https://community.spotify.com/t5/Premium-Student/bd-p/students">Premium Student</a></li> <li class=""><a href="https://community.spotify.com/t5/Your-Library/bd-p/yourlibrary">Your Library</a></li> <li class=""><a href="https://community.spotify.com/t5/iOS-iPhone-iPad/bd-p/spotifyiOS">iOS (iPhone, iPad)</a></li> <li class=""><a href="https://community.spotify.com/t5/Android/bd-p/spotifyandroid">Android</a></li> <li class=""><a href="https://community.spotify.com/t5/Desktop-Windows/bd-p/desktop_windows">Desktop (Windows)</a></li> <li class=""><a href="https://community.spotify.com/t5/Desktop-Mac/bd-p/desktop_mac">Desktop (Mac)</a></li> <li class=""><a href="https://community.spotify.com/t5/Desktop-Linux/bd-p/desktop_linux">Desktop (Linux)</a></li> <li class=""><a href="https://community.spotify.com/t5/Content-Questions/bd-p/content">Content Questions</a></li> <li class=""><a href="https://community.spotify.com/t5/Car-Thing/bd-p/carthing">Car Thing</a></li> <li class=""><a href="https://community.spotify.com/t5/Other-Podcasts-Partners-etc/bd-p/002">Other (Podcasts, Partners, etc.)</a></li> <li class=""><a href="https://community.spotify.com/t5/Spotify-for-Developers/bd-p/Spotify_Developer">Spotify for Developers</a></li> </ul> </li> <li class="nav-section yes-js category chat" data-url="https://community.spotify.com/t5/Chat/ct-p/chat"> <h3><span>Chat</span></h3> <ul class="cust-subsection" style="display:none"> <li><a href="/t5/Music-Exchange/bd-p/music_exchange" class="chatCategory" alt="Audio Exchange" title="Share your current favourite tracks and create playlists together">Music Exchange</a></li> <li><a href="/t5/Music-Discussion/bd-p/music_discussion" class="chatCategory" alt="Music Discussion" title="Let's dig deeper. What's so special about the music and artists you're most passionate about?">Music Discussion</a></li> <li><a href="/t5/Discovery-Promo/bd-p/discovery_and_promo" class="chatCategory" alt="Discovery & Promo" title="Celebrate the new and emerging artists you've never heard of">Discovery & Promo</a></li> <li><a href="/t5/Social-Random/bd-p/social_and_random" class="chatCategory" alt="Social & Random" title="Music games, listening parties, fun chat and getting to know one another">Social & Random</a></li> <li><a href="/t5/Podcast-Discussion/bd-p/podcast_discussion" class="chatCategory" alt="Podcast Discussion" title="What are the shows and creators everyone should be paying attention to?">Podcast Discussion</a></li> </ul> </li> <li class="nav-section yes-js category superuserarea" data-url="https://community.spotify.com/t5/Spotify-Stars/ct-p/superuserarea"> <h3><span>Spotify Stars</span></h3> <ul class="cust-subsection" style="display:none"> </ul> </li> <li class="nav-section yes-js category newideas" data-url="https://community.spotify.com/t5/Ideas/ct-p/newideas"> <h3><span>Ideas</span></h3> <ul class="cust-subsection" style="display:none"> <li class=""><a href="https://community.spotify.com/t5/Implemented-Ideas/idb-p/ideas_implemented">Implemented Ideas</a></li> <li class=""><a href="https://community.spotify.com/t5/Live-Ideas/idb-p/ideas_live">Live Ideas</a></li> <li class=""><a href="https://community.spotify.com/t5/Closed-Ideas/idb-p/ideas_no">Closed Ideas</a></li> </ul> </li> <li class="nav-section yes-js category Vault" data-url="https://community.spotify.com/t5/Vault/ct-p/Vault"> <h3><span>Vault</span></h3> <ul class="cust-subsection" style="display:none"> <li class=""><a href="https://community.spotify.com/t5/The-Blog-Vault/bg-p/BlogVault">The Blog Vault</a></li> <li class=""><a href="https://community.spotify.com/t5/App-Features/bd-p/app_and_features">App & Features</a></li> </ul> </li> <noscript> <style type="text/css"> .nav-section.yes-js {display:none !important;} </style> <li class="nav-section no-js category Welcome"> <h3><a href="https://community.spotify.com/t5/Welcome/ct-p/Welcome">Welcome</a></h3> <ul style="display:none"> </ul> </li> <li class="nav-section no-js category Community Blog active"><h3><a href="https://community.spotify.com/t5/Community-Blog/bg-p/spotifyct">Community Blog</a></h3></li> <li class="nav-section no-js category FAQs"><h3><a href="https://community.spotify.com/t5/FAQs/tkb-p/Spotify-Answers">FAQs</a></h3> </li> <li class="nav-section no-js category Help"> <h3><a href="https://community.spotify.com/t5/Help/ct-p/Help">Help</a></h3> <ul style="display:none"> <li><a href="https://community.spotify.com/t5/Announcements/bd-p/important_announcements">Announcements</a></li> <li><a href="https://community.spotify.com/t5/Ongoing-Issues/idb-p/ongoing_issues">Ongoing Issues</a></li> <li><a href="https://community.spotify.com/t5/Accounts/bd-p/spotifyaccountrelated">Accounts</a></li> <li><a href="https://community.spotify.com/t5/Subscriptions/bd-p/Subscriptions">Subscriptions</a></li> <li><a href="https://community.spotify.com/t5/Premium-Family/bd-p/family">Premium Family</a></li> <li><a href="https://community.spotify.com/t5/Premium-Student/bd-p/students">Premium Student</a></li> <li><a href="https://community.spotify.com/t5/Your-Library/bd-p/yourlibrary">Your Library</a></li> <li><a href="https://community.spotify.com/t5/iOS-iPhone-iPad/bd-p/spotifyiOS">iOS (iPhone, iPad)</a></li> <li><a href="https://community.spotify.com/t5/Android/bd-p/spotifyandroid">Android</a></li> <li><a href="https://community.spotify.com/t5/Desktop-Windows/bd-p/desktop_windows">Desktop (Windows)</a></li> <li><a href="https://community.spotify.com/t5/Desktop-Mac/bd-p/desktop_mac">Desktop (Mac)</a></li> <li><a href="https://community.spotify.com/t5/Desktop-Linux/bd-p/desktop_linux">Desktop (Linux)</a></li> <li><a href="https://community.spotify.com/t5/Content-Questions/bd-p/content">Content Questions</a></li> <li><a href="https://community.spotify.com/t5/Car-Thing/bd-p/carthing">Car Thing</a></li> <li><a href="https://community.spotify.com/t5/Other-Podcasts-Partners-etc/bd-p/002">Other (Podcasts, Partners, etc.)</a></li> <li><a href="https://community.spotify.com/t5/Spotify-for-Developers/bd-p/Spotify_Developer">Spotify for Developers</a></li> </ul> </li> <li class="nav-section no-js category chat"> <h3><a href="https://community.spotify.com/t5/Chat/ct-p/chat">Chat</a></h3> <ul style="display:none"> <li><a href="https://community.spotify.com/t5/Music-Exchange/bd-p/music_exchange">Music Exchange</a></li> <li><a href="https://community.spotify.com/t5/Podcast-Discussion/bd-p/podcast_discussion">Podcast Discussion</a></li> <li><a href="https://community.spotify.com/t5/Music-Discussion/bd-p/music_discussion">Music Discussion</a></li> <li><a href="https://community.spotify.com/t5/Discovery-Promo/bd-p/discovery_and_promo">Discovery & Promo</a></li> <li><a href="https://community.spotify.com/t5/Social-Random/bd-p/social_and_random">Social & Random</a></li> </ul> </li> <li class="nav-section no-js category superuserarea"> <h3><a href="https://community.spotify.com/t5/Spotify-Stars/ct-p/superuserarea">Spotify Stars</a></h3> <ul style="display:none"> </ul> </li> <li class="nav-section no-js category newideas"> <h3><a href="https://community.spotify.com/t5/Ideas/ct-p/newideas">Ideas</a></h3> <ul style="display:none"> <li><a href="https://community.spotify.com/t5/Implemented-Ideas/idb-p/ideas_implemented">Implemented Ideas</a></li> <li><a href="https://community.spotify.com/t5/Live-Ideas/idb-p/ideas_live">Live Ideas</a></li> <li><a href="https://community.spotify.com/t5/Closed-Ideas/idb-p/ideas_no">Closed Ideas</a></li> </ul> </li> <li class="nav-section no-js category Vault"> <h3><a href="https://community.spotify.com/t5/Vault/ct-p/Vault">Vault</a></h3> <ul style="display:none"> <li><a href="https://community.spotify.com/t5/The-Blog-Vault/bg-p/BlogVault">The Blog Vault</a></li> <li><a href="https://community.spotify.com/t5/App-Features/bd-p/app_and_features">App & Features</a></li> </ul> </li> <li class="nav-section no-js root-boards"> <ul> </ul> </li> </noscript> </ul> </nav> <div id="navbar-nav-bg"></div> </header> <!--/header --> </div> </div> </div> </div><div class="lia-quilt-row"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-after"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <div id="help-wizard"> <div id="hw-modal-container"> <div id="hw-back"> <button id="hw-back-cta">Back</button> </div> <button id="hw-close"><i class="fas fa-times"></i></button> <div id="hw-modal"> <h2>Help Wizard</h2> <h3 id="hw-step-number">Step 1</h3> <div id="carouselWizard" class="owl-carousel"> <div id="hw-step1" class="hw-step"> <div class="hw-loading-results hw-loading"> <div class="lds-dual-ring"></div> </div> <p>Type in your question below and we'll check to see what answers we can find...</p> <textarea id="hw-question" maxLength="75"></textarea> </div> <div id="hw-step2" class="hw-step"> <div class="hw-loading-article"> <div class="lds-dual-ring"></div> <p>Loading article...</p> </div> <div class="hw-loading-filter hw-loading"> <div class="lds-dual-ring"></div> </div> <div id="hw-results"></div> </div> <div id="hw-step3" class="hw-step"> <div class="hw-posting"> <div class="lds-dual-ring"></div> <p>Submitting...</p> </div> <div id="hw-form"> <p>If you couldn't find any answers in the previous step then we need to post your question in the community and wait for someone to respond. You'll be notified when that happens.</p> <p>Simply add some detail to your question and refine the title if needed, choose the relevant category, then post.</p> <div id="hw-post-errors"></div> <Label>Question:</Label> <textarea id="hw-post-question" maxlength="75"></textarea> <Label>More detail:</Label> <textarea id="hw-post-detail" rows="4" maxLength="700"></textarea> <input type="hidden" id="hw-post-detail-html"/> <Label>Category:</Label> <select id="hw-post-category"> <option disabled selected>Please select...</option> <option value="spotifyaccountrelated">Accounts</option> <option value="Subscriptions">Subscriptions</option> <option value="family">Premium for Family</option> <option value="students">Premium for Students</option> <option value="spotifyiOS">iOS</option> <option value="spotifyandroid">Android</option> <option value="desktop_windows">Desktop (Windows)</option> <option value="desktop_mac">Desktop (Mac)</option> <option value="desktop_linux">Desktop (Linux)</option> <option value="carthing">Car Thing</option> <option value="yourlibrary">Your Library</option> <option value="content">Content Questions</option> <option value="Spotify_Developer">Spotify for Developers</option> <option value="002">Other</option> </select> </div> </div> <div id="hw-step4" class="hw-step"> <h3 class="h3">Just quickly...</h3> <div> <p>Before we can post your question we need you to quickly make an account (or sign in if you already have one).</p> <p>Don't worry - it's quick and painless! Just click below, and once you're logged in we'll bring you right back here and post your question. We'll remember what you've already typed in so you won't have to do it again.</p> </div> </div> </div> <a class="btn btn-primary" id="hw-cta" onclick="if(window.spotTrack !== undefined){window.spotTrack.track('Help.Wizard.' + $(this).closest('#hw-modal').find('#hw-step-number').text().replace(' ', ''), 'click', 'Next step');}">NEXT STEP</a> </div> </div> <div id="hw-bg"></div> </div> <script> var currentStep = 0, issue, board="", scrollPos=0, msgId = "", isSubmitting; var initHelpWizard; </script> <div class="help-tools" id="help-tools-faq"> <div class="ht-modal-container"> <button class="ht-close" id="htf-close"><i class="fas fa-times"></i></button> <div class="ht-modal"> <h2>FAQs</h2> <div class="ht-scroll"> <p class="ht-intro">Please see below the most popular frequently asked questions.</p> <div class="ht-loading"> <div class="lds-dual-ring"></div> <p class="text-loading-article">Loading article...</p> <p class="text-loading-results">Loading faqs...</p> </div> <div class="ht-articles" id="htf-articles"> </div> </div> <a href="/t5/Spotify-Answers/tkb-p/Spotify-Answers" class="btn btn-primary ht-cta" id="htf-cta">VIEW ALL</a> </div> </div> </div><div class="help-tools" id="help-tools-ongoingissues"> <div class="ht-modal-container"> <button class="ht-close" id="hti-close"><i class="fas fa-times"></i></button> <div class="ht-modal"> <h2>Ongoing Issues</h2> <div class="ht-scroll"> <p class="ht-intro">Please see below the current ongoing issues which are under investigation.</p> <div class="ht-loading"> <div class="lds-dual-ring"></div> <p class="text-loading-article">Loading issue...</p> <p class="text-loading-results">Loading ongoing issues...</p> </div> <div class="ht-articles" id="hti-articles"> </div> </div> <a href="/t5/Ongoing-Issues/idb-p/ongoing_issues/status-key/Under_investigation" class="btn btn-primary ht-cta" id="hti-cta">VIEW ALL</a> </div> </div> </div> <div id="help-tools-nav"> <button class="htnav-mobile-init">Need support? Click here</button> <div class="htnav-mobile-block"> <button class="ht-close" id="htnav-close"><i class="fas fa-times"></i></button> <ul> <li><button class="htnav-helpcategories" data-bs-toggle="collapse" data-bs-target="#help-tools-categories" aria-expanded="false" aria-controls="help-tools-categories"><i class="fas fa-line-columns"></i>Help Categories</button></li> <li><button class="htnav-faqs"><i class="fas fa-question"></i>FAQs</button></li> <li><button class="htnav-ongoingissues"><i class="fas fa-spinner"></i>Ongoing Issues</button></li> </ul> </div> </div> <div class="lia-quilt-row lia-quilt-row-help-categories-row collapse" id="help-tools-categories"> <div class="container"> <section class="help-panel-categories"> <button class="ht-close" id="htc-close" data-bs-toggle="collapse" data-bs-target="#help-tools-categories" aria-expanded="false" aria-controls="help-tools-categories"><i class="fas fa-times"></i></button> <h2> Help categories </h2> <div class="basic-view"> <div class="category-container"> <div class="item"> <h3> Account & Payment </h3> <ul> <li><a href="/t5/Accounts/bd-p/spotifyaccountrelated">Accounts</a></li> <li><a href="/t5/Subscriptions/bd-p/Subscriptions">Subscriptions</a></li> <li><a href="/t5/Premium-Family/bd-p/family">Premium Family</a></li> <li><a href="/t5/Premium-Student/bd-p/students">Premium Student</a></li> </ul> </div> <div class="item"> <h3> Using Spotify </h3> <ul> <li><a href="/t5/Your-Library/bd-p/yourlibrary">Your Library</a></li> <li><a href="/t5/Content-Questions/bd-p/content">Content Questions</a></li> <li><a href="/t5/Spotify-for-Developers/bd-p/Spotify_Developer">Spotify for Developers</a></li> <li><a href="/t5/FAQs/tkb-p/Spotify-Answers">FAQs</a></li> <li><a href="/t5/Other-Podcasts-Partners-etc/bd-p/002">Other (Podcasts, Partners, etc.)</a></li> </ul> </div> <div class="item"> <h3> Listen Everywhere </h3> <ul> <li><a href="/t5/iOS-iPhone-iPad/bd-p/spotifyiOS">iOS (iPhone, iPad)</a></li> <li><a href="/t5/Android/bd-p/spotifyandroid">Android</a></li> <li><a href="/t5/Desktop-Windows/bd-p/desktop_windows">Desktop (Windows)</a></li> <li><a href="/t5/Desktop-Mac/bd-p/desktop_mac">Desktop (Mac)</a></li> <li><a href="/t5/Desktop-Linux/bd-p/desktop_linux">Desktop (Linux)</a></li> <li><a href="/t5/Car-Thing/bd-p/carthing">Car Thing</a></li> </ul> </div> </div> <div class="feature-categories"> <a href="/t5/Ongoing-Issues/idb-p/ongoing_issues" class="ongoing-issues">Ongoing Issues</a> </div> </div> </section> </div> </div> <div id="help-tools-ios-position"></div> </div> </div> </div> </div> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-main-top"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-main-content-top"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <div data-lia-message-uid="5956132" id="messageview" class="lia-panel-message message-uid-5956132 lia-component-article"> <div data-lia-message-uid="5956132" class="lia-message-view-wrapper lia-js-data-messageUid-5956132 lia-component-forums-widget-message-view-two" id="messageView2_1"> <span id="U5956132"> </span> <span id="M24056"> </span> <div class="lia-inline-ajax-feedback"> <div class="AjaxFeedback" id="ajaxfeedback"></div> </div> <div class="MessageView lia-message-view-blog-topic-message lia-message-view-display lia-row-standard-unread lia-thread-topic"> <span class="lia-message-state-indicator"></span> <div class="lia-quilt lia-quilt-blog-topic-message lia-quilt-layout-one-column-message"> <div class="lia-quilt-row lia-quilt-row-top"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-top-content"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <div class="blog-message-header"> <div class="blog-message-header-image"> <P><span class="lia-inline-image-display-wrapper lia-image-align-center" image-alt="Blog Teasers 2023.png" style="width: 400px;"><img src="https://community.spotify.com/t5/image/serverpage/image-id/170590i04CF35353F72EFFB/image-size/large?v=v2&px=999" role="button" title="Blog Teasers 2023.png" alt="Blog Teasers 2023.png" /></span></P> </div> <div class="blog-message-header-text"> <div class="lia-message-subject lia-component-message-view-widget-subject"> <div class="MessageSubject"> <div class="MessageSubjectIcons "> <h2 itemprop="name" class="message-subject"> <span class="lia-message-unread lia-message-unread-windows"> <div class="lia-message-subject"> Introducing the Spotify Miniplayer to Spotify Desktop </div> </span> </h2> <span class="lia-img-message-has-image lia-fa-message lia-fa-has lia-fa-image lia-fa" title="Contains an image" alt="Message contains an image" aria-label="Contains an image" role="img" id="display_3_26d3549c5f2379"></span> </div> </div> </div> <div class="blog-message-author"> <div class="lia-message-author-avatar lia-component-author-avatar lia-component-message-view-widget-author-avatar"><div class="UserAvatar lia-user-avatar lia-component-common-widget-user-avatar"> <img class="lia-user-avatar-message" title="Amayy" alt="Amayy" id="imagedisplay_26d3549c99ee64" src="/t5/image/serverpage/image-id/183278i3345AFB0EFCBDE84/image-dimensions/40x40/image-coordinates/0%2C0%2C812%2C812/constrain-image/false?v=v2"/> </div></div> <div class="byline-text"> <span class="UserName lia-user-name lia-user-rank-Spotify-Star lia-component-message-view-widget-author-username"> <img class="lia-user-rank-icon lia-user-rank-icon-left" title="Spotify Star" alt="Spotify Star" id="display_26d3549cce8cc5" src="/html/@D449E2C4BFF06544408AD931D15CADFE/rank_icons/rank_ssp.png"/> <a class="lia-link-navigation lia-page-link lia-user-name-link" style="color:#191414" target="_self" aria-label="View Profile of Amayy" itemprop="url" id="link_26d3549cce8cc5" href="https://community.spotify.com/t5/user/viewprofilepage/user-id/24841200"><span class="login-bold">Amayy</span></a> </span> <span class="delimiter">/</span> <div class="lia-message-author-rank lia-component-author-rank lia-component-message-view-widget-author-rank"> Spotify Star </div> <span class="delimiter">/</span> <div title="Posted on 2024-03-21 04:30 AM" class="lia-message-post-date lia-component-post-date lia-component-message-view-widget-post-date"> <span class="DateTime"> <span class="local-date">2024-03-21</span> <span class="local-time">04:30 AM</span> </span> </div> </div> </div> </div> </div> <div class='lia-menu-navigation-wrapper lia-js-hidden lia-menu-action lia-component-message-view-widget-action-menu' id='actionMenuDropDown'> <div class='lia-menu-navigation'> <div class='dropdown-default-item'><a title='Show option menu' class='lia-js-menu-opener default-menu-option lia-js-click-menu lia-link-navigation' aria-expanded='false' role='button' aria-label='Show Introducing the Spotify Miniplayer to Spotify Desktop post option menu' id='dropDownLink' href='#'></a> <div class='dropdown-positioning'> <div class='dropdown-positioning-static'> <ul aria-label='Dropdown menu items' role='list' id='dropdownmenuitems' class='lia-menu-dropdown-items'> <li role='listitem'><span class='lia-link-navigation mark-message-unread lia-link-disabled lia-component-forums-action-mark-message-unread' aria-disabled='true' id='markMessageUnread'>Mark as New</span></li> <li role='listitem'><span class='lia-link-navigation addMessageUserBookmark lia-link-disabled lia-component-subscriptions-action-add-message-user-bookmark' aria-disabled='true' id='addMessageUserBookmark'>Bookmark</span></li> <li role='listitem'><span class='lia-link-navigation addMessageUserEmailSubscription lia-link-disabled lia-component-subscriptions-action-add-message-user-email' aria-disabled='true' id='addMessageUserEmailSubscription'>Subscribe</span></li> <li role='listitem'><span class='lia-link-navigation addMessageUserMute lia-link-disabled lia-component-subscriptions-action-add-message-user-mute' aria-disabled='true' id='addMessageUserMute'>Mute</span></li> <li aria-hidden='true'><span class='lia-separator lia-component-common-widget-link-separator'> <span class='lia-separator-post'></span> <span class='lia-separator-pre'></span> </span></li> <li role='listitem'><a class='lia-link-navigation rss-message-link lia-component-rss-action-message' rel='nofollow noopener noreferrer' id='rssMessage' href='https://community.spotify.com/rss/message?board.id=spotifyct&message.id=24056'>Subscribe to RSS Feed</a></li> <li aria-hidden='true'><span class='lia-separator lia-component-common-widget-link-separator'> <span class='lia-separator-post'></span> <span class='lia-separator-pre'></span> </span></li> <li role='listitem'><a class='lia-link-navigation highlight-message lia-component-forums-action-highlight-message' id='highlightMessage' href='/t5/Community-Blog/Introducing-the-Spotify-Miniplayer-to-Spotify-Desktop/ba-p/5956132/highlight/true'>Permalink</a></li> <li role='listitem'><a class='lia-link-navigation print-comment lia-component-forums-action-print-message' rel='nofollow' id='printMessage' href='/t5/blogs/blogarticleprintpage/blog-id/spotifyct/article-id/24056/comment-id/24056'>Print</a></li> <li aria-hidden='true'><span class='lia-separator lia-component-common-widget-link-separator'> <span class='lia-separator-post'></span> <span class='lia-separator-pre'></span> </span></li> <li role='listitem'><a class='lia-link-navigation report-abuse-link lia-component-forums-action-report-abuse' rel='nofollow' id='reportAbuse' href='/t5/notifications/notifymoderatorpage/message-uid/5956132'>Report Inappropriate Content</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-header"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-header-content lia-mark-empty"> </div> </div><div class="lia-quilt-row lia-quilt-row-main"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-main"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <div class="lia-message-body-wrapper lia-component-message-view-widget-body"> <div itemprop="text" id="bodyDisplay" class="lia-message-body"> <div class="lia-message-body-content"> <P><SPAN>Hey folks! </SPAN></P> <P> </P> <P><SPAN>I’m excited to introduce a new addition to the Spotify desktop experience: the Spotify Miniplayer!</SPAN></P> <P> </P> <P><SPAN>Whenever I’m working, Spotify is always running in the background. I keep jumping from track to track and this means I keep switching between windows. If I have to adjust volume or change the Repeat mode, for example, I need to switch to the Spotify window. I bet that you also felt from time to time that there should be a better way to handle these controls?</SPAN></P> <P> </P> <P><SPAN>Well, we got lucky! That’s what the Miniplayer is for! Looks like this nifty feature is designed to give us maximum control over our music and podcasts with minimal intrusion, ensuring the workflow goes undisturbed.</SPAN></P> <P> </P> <P><SPAN>Here’s a couple of things we can expect from the new Miniplayer:</SPAN></P> <P><SPAN> </SPAN></P> <H3 id="toc-hId-570427596"><SPAN>Supported Content</SPAN></H3> <P><SPAN>Whether you're into the music, podcasts, or both, the Miniplayer is your go-to. It delivers a balanced experience, catering equally to both video and music content. I really like how it takes the video podcasts out in a picture-in-picture mode with controls. I can make the video size larger or smaller based on my preference.</SPAN></P> <P> </P> <H3 id="toc-hId--1237026867"><SPAN>Discreet</SPAN></H3> <P><SPAN>I find it neat how the Miniplayer floats over other applications. I can get all the playback controls I need without getting distracted. This helps me stay focused and does not disturb my workflow.</SPAN></P> <H3 id="toc-hId-1250485966"> </H3> <H3 id="toc-hId--556968497"><SPAN>Fluid Transition</SPAN></H3> <P><SPAN>The Miniplayer doesn't replace the main Spotify window. It's easy to switch back and forth. I can open the Miniplayer or close it without interrupting the listening experience.</SPAN></P> <P><SPAN> </SPAN></P> <P><SPAN>I love exploring playlists and podcasts but this can easily become a distraction. One example is the time I was listening to rock music whilst replying to some emails, and I wanted to shuffle my playlist. I switched to Spotify and a few minutes later I was browsing a classical playlist. You see? It is so easy to get lost since there are a lot of amazing curated playlists.</SPAN></P> <P><SPAN> </SPAN></P> <P><SPAN>Thanks to the Miniplayer, I can now shuffle my queue or put a song on repeat without opening the main app. I can also quickly add or remove a song or episode from my library with just one click.</SPAN></P> <P> </P> <H3 id="toc-hId-1930544336"><SPAN>Adaptable Design</SPAN></H3> <P><SPAN>It’s awesome that I can shape my space according to my own rules. I really enjoy that the Miniplayer can transform its shape into a square, rectangle, or a sleek bar. You can adjust it to any size based on the current task. </SPAN></P> <P> </P> <P><span class="lia-inline-image-display-wrapper lia-image-align-center" image-alt="Amayy_0-1710942636526.jpeg" style="width: 999px;"><img src="https://community.spotify.com/t5/image/serverpage/image-id/170591iD8205BD23A7FD00F/image-size/large?v=v2&px=999" role="button" title="Amayy_0-1710942636526.jpeg" alt="Amayy_0-1710942636526.jpeg" li-image-url="https://community.spotify.com/t5/image/serverpage/image-id/170591iD8205BD23A7FD00F?v=v2" li-image-display-id="'170591iD8205BD23A7FD00F'" li-message-uid="'5956132'" li-messages-message-image="true" li-bindable="" class="lia-media-image" tabindex="0" li-bypass-lightbox-when-linked="true" li-use-hover-links="false" /></span></P> <P> </P> <P><SPAN>I often use the Miniplayer in a small pill size. This gives me the basic controls while maintaining the minimum visual presence. I can then close the main Spotify window but still control my music and podcasts easily.</SPAN></P> <P> </P> <P><SPAN>Earlier today I was reviewing my projects. The Miniplayer was quietly sitting at the bottom left corner of my screen. It takes the minimum screen real estate while giving me a visual glimpse of what is playing and ability to quickly pause or go to the next track.</SPAN></P> <P> </P> <P><SPAN>Quick Tip: You can also click the Artist name, Song name, or the Album Art to open it in the main Spotify app.</SPAN></P> <P> </P> <H3 id="toc-hId-123089873"><SPAN>Availability</SPAN></H3> <P><SPAN>The Miniplayer is only available for Premium users just now. </SPAN><SPAN>To use the Miniplayer, look for this icon</SPAN> <SPAN>on your desktop app: </SPAN></P> <P><SPAN><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Amayy_1-1710942675588.png" style="width: 200px;"><img src="https://community.spotify.com/t5/image/serverpage/image-id/170592i7530967970092A4E/image-size/small?v=v2&px=200" role="button" title="Amayy_1-1710942675588.png" alt="Amayy_1-1710942675588.png" li-image-url="https://community.spotify.com/t5/image/serverpage/image-id/170592i7530967970092A4E?v=v2" li-image-display-id="'170592i7530967970092A4E'" li-message-uid="'5956132'" li-messages-message-image="true" li-bindable="" class="lia-media-image" tabindex="0" li-bypass-lightbox-when-linked="true" li-use-hover-links="false" /></span></SPAN></P> <P><SPAN>You can find it at the bottom right corner between the volume and the full screen buttons.</SPAN></P> <P> </P> <P><SPAN><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Miniplayer icon in-app" style="width: 999px;"><img src="/t5/image/serverpage/image-id/170669iD2641B948BBDC95C/image-size/large?v=v2&px=999" role="button" title="image (9).png" alt="Miniplayer icon in-app" li-image-url="https://community.spotify.com/t5/image/serverpage/image-id/170669iD2641B948BBDC95C?v=v2" li-image-display-id="'170669iD2641B948BBDC95C'" li-message-uid="'5956132'" li-messages-message-image="true" li-bindable="" class="lia-media-image" tabindex="0" li-bypass-lightbox-when-linked="true" li-use-hover-links="false" /><span class="lia-inline-image-caption" onclick="event.preventDefault();">Miniplayer icon in-app</span></span></SPAN></P> <P> </P> <P><SPAN>I hope you have the same handy experience with the Miniplayer as I did. Maybe you will discover even more useful things. Don’t forget to share them with the rest of the Community - feel free to drop your thoughts and feedback below.</SPAN></P> </div> </div> </div> <div class="lia-message-tags lia-mark-empty"> </div> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-footer"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-footer-content"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <div class="lia-button-group lia-component-comment-button lia-component-message-view-widget-comment-button"> </div> <div data-lia-kudos-id="5956132" id="kudosButtonV2" class="KudosButton lia-button-image-kudos-wrapper lia-component-kudos-widget-button-version-3 lia-component-kudos-widget-button-horizontal lia-component-kudos-widget-button lia-component-kudos-action lia-component-message-view-widget-kudos-action"> <div class="lia-button-image-kudos lia-button-image-kudos-horizontal lia-button-image-kudos-enabled lia-button-image-kudos-not-kudoed lia-button-image-kudos-has-kudoes lia-button-image-kudos-has-kudos lia-button"> <div class="lia-button-image-kudos-count"> <a class="lia-link-navigation kudos-count-link" title="Click here to see who gave likes to this post." id="link_0" href="/t5/kudos/messagepage/board-id/spotifyct/message-id/24056/tab/all-users"> <span itemprop="upvoteCount" id="messageKudosCount_26d3549f21bdfd" class="MessageKudosCount lia-component-kudos-widget-message-kudos-count"> 134 </span><span class="lia-button-image-kudos-label lia-component-kudos-widget-kudos-count-label"> Likes </span> </a> </div> <div class="lia-button-image-kudos-give"> <a onclick="return LITHIUM.EarlyEventCapture(this, 'click', true)" class="lia-link-navigation kudos-link lia-link-ticket-post-action" role="button" data-lia-kudos-entity-uid="5956132" aria-label="Click here to give likes to this post." title="Click here to give likes to this post." data-lia-action-token="nLg84XOUGTvdCOPGI4x5tODLgmNffhdcNubBu6LdA1A." rel="nofollow" id="kudoEntity" href="https://community.spotify.com/t5/blogs/v2/blogarticlepage.kudosbuttonv2.kudoentity:kudoentity/kudosable-gid/5956132?t:ac=blog-id/spotifyct/article-id/24056&t:cp=kudos/contributions/tapletcontributionspage"> </a> </div> </div> </div> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-mod-controls"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-mod-controls-main"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single lia-mark-empty"> </div> </div> </div> </div> </div> </div> <div class="lia-progress lia-js-hidden" id="progressBar"> <div class="lia-progress-indeterminate"></div> </div> </div> <div class="lia-menu-bar top-block lia-component-menu-bar"> <div class="lia-decoration-border-menu-bar"> <div class="lia-decoration-border-menu-bar-top"> <div> </div> </div> <div class="lia-decoration-border-menu-bar-content"> <div> <div class="lia-menu-bar-buttons"> <div class="lia-menu-navigation-wrapper lia-js-hidden lia-menu-action" id="actionMenuDropDown_0"> <div class="lia-menu-navigation"> <div class="dropdown-default-item"><a title="Show option menu" class="lia-js-menu-opener default-menu-option lia-js-click-menu lia-link-navigation" aria-expanded="false" role="button" aria-label="Article Options" id="dropDownLink_0" href="#">Article Options</a> <div class="dropdown-positioning"> <div class="dropdown-positioning-static"> <ul aria-label="Dropdown menu items" role="list" id="dropdownmenuitems_0" class="lia-menu-dropdown-items"> <li role="listitem"><a class="lia-link-navigation rss-thread-link lia-component-rss-action-thread" rel="nofollow noopener noreferrer" id="rssThread" href="/spotify/rss/message?board.id=spotifyct&message.id=24056">Subscribe to RSS Feed</a></li> <li aria-hidden="true"><span class="lia-separator lia-component-common-widget-link-separator"> <span class="lia-separator-post"></span> <span class="lia-separator-pre"></span> </span></li> <li role="listitem"><span class="lia-link-navigation mark-thread-unread lia-link-disabled lia-component-forums-action-mark-thread-unread" aria-disabled="true" id="markThreadUnread">Mark as New</span></li> <li role="listitem"><span class="lia-link-navigation mark-thread-read lia-link-disabled lia-component-forums-action-mark-thread-read" aria-disabled="true" id="markThreadRead">Mark as Read</span></li> <li aria-hidden="true"><span class="lia-separator lia-component-common-widget-link-separator"> <span class="lia-separator-post"></span> <span class="lia-separator-pre"></span> </span></li> <li role="listitem"><span class="lia-link-navigation addThreadUserBookmark lia-link-disabled lia-component-subscriptions-action-add-thread-user-bookmark" aria-disabled="true" id="addThreadUserBookmark">Bookmark</span></li> <li role="listitem"><span class="lia-link-navigation addThreadUserEmailSubscription lia-link-disabled lia-component-subscriptions-action-add-thread-user-email" aria-disabled="true" id="addThreadUserEmailSubscription">Subscribe</span></li> <li aria-hidden="true"><span class="lia-separator lia-component-common-widget-link-separator"> <span class="lia-separator-post"></span> <span class="lia-separator-pre"></span> </span></li> <li role="listitem"><a class="lia-link-navigation print-article lia-component-forums-action-print-thread" rel="nofollow" id="printThread" href="/t5/blogs/blogarticleprintpage/blog-id/spotifyct/article-id/24056">Printer Friendly Page</a></li> <li role="listitem"><a class="lia-link-navigation report-abuse-link lia-component-forums-action-report-abuse" rel="nofollow" id="reportAbuse_0" href="/t5/notifications/notifymoderatorpage/message-uid/5956132">Report Inappropriate Content</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <div class="lia-decoration-border-menu-bar-bottom"> <div> </div> </div> </div> </div> <div class="lia-menu-bar lia-discussion-page-discussion-navigator lia-component-article-navigator"> <div class="lia-decoration-border-menu-bar"> <div class="lia-decoration-border-menu-bar-top"> <div> </div> </div> <div class="lia-decoration-border-menu-bar-content"> <div> <div class="lia-menu-bar-buttons"> </div> <div class="lia-paging-full-wrapper" id="threadnavigator"> <ul class="lia-paging-full"> <li class="lia-paging-page-previous lia-paging-page-listing lia-component-listing"> <a class="lia-link-navigation" title="Community Blog" id="link_1" href="/t5/Community-Blog/bg-p/spotifyct"> <span class="lia-paging-page-arrow"></span> <span class="lia-paging-page-link">Back to Blog</span> </a> </li> <li class="lia-paging-page-previous lia-component-previous"> <a class="lia-link-navigation" title="Choose your own adventure - Part I" id="link_0_0" href="/t5/Community-Blog/Choose-your-own-adventure-Part-I/ba-p/5962538"> <span class="lia-paging-page-arrow"></span> <span class="lia-paging-page-link">Newer Article</span> </a> </li> <li class="lia-paging-page-next lia-component-next"> <a class="lia-link-navigation" title="JJ's Bizarre Blog #24 - The Machine is Now Alive" id="link_2" href="/t5/Community-Blog/JJ-s-Bizarre-Blog-24-The-Machine-is-Now-Alive/ba-p/5953337"> <span class="lia-paging-page-link">Older Article</span> <span class="lia-paging-page-arrow"></span> </a> </li> </ul> </div> </div> </div> <div class="lia-decoration-border-menu-bar-bottom"> <div> </div> </div> </div> </div> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-main-bottom"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-main-content-bottom"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <div class="replies-container"> <div class="lia-text lia-blog-article-page-comment-count lia-discussion-page-sub-section-header lia-component-comment-count-conditional"> 108 Comments </div> <div aria-label="Use the previous and next links to move between pages. Use the page number links to go directly to a page." role="navigation" class="lia-paging-full-wrapper lia-paging-pager lia-paging-full-left-position lia-discussion-page-message-pager lia-component-comment-pager" id="pager"> <div class="lia-inline-ajax-feedback"> <div class="AjaxFeedback" id="ajaxFeedback"></div> </div> <ul class="lia-paging-full lia-paging-full-left"> <li class="lia-paging-page-previous lia-component-previous"> <span class="lia-link-navigation lia-js-data-pageNum-1 lia-link-disabled" aria-disabled="true" id="link_3"> <span> <span aria-hidden="true" class="lia-paging-page-arrow"></span> <span class="lia-paging-page-link">Previous</span> </span> </span> </li> <li class="lia-component-pagesnumbered"> <ul class="lia-paging-full-pages"> <li class="lia-paging-page-first lia-js-data-pageNum-1"> <span class="lia-js-data-pageNum-1 lia-link-navigation lia-link-disabled" aria-disabled="true" aria-current="page" id="link_4">1</span> </li><li class="lia-paging-page-link lia-js-data-pageNum-2"> <a class="lia-js-data-pageNum-2 lia-link-navigation lia-custom-event" aria-label="Page 2" id="link_5" href="https://community.spotify.com/t5/Community-Blog/Introducing-the-Spotify-Miniplayer-to-Spotify-Desktop/ba-p/5956132/page/2#comments">2</a> </li><li class="lia-paging-page-link lia-js-data-pageNum-3"> <a class="lia-js-data-pageNum-3 lia-link-navigation lia-custom-event" aria-label="Page 3" id="link_6" href="https://community.spotify.com/t5/Community-Blog/Introducing-the-Spotify-Miniplayer-to-Spotify-Desktop/ba-p/5956132/page/3#comments">3</a> </li><li class="lia-paging-page-ellipsis"> <span class="lia-js-data-pageNum-5 lia-link-navigation lia-link-disabled" aria-disabled="true" id="link_7">…</span> </li><li class="lia-paging-page-last lia-js-data-pageNum-6"> <a class="lia-js-data-pageNum-6 lia-link-navigation lia-custom-event" aria-label="Page 6" id="link_8" href="https://community.spotify.com/t5/Community-Blog/Introducing-the-Spotify-Miniplayer-to-Spotify-Desktop/ba-p/5956132/page/6#comments">6</a> </li> </ul> </li> <li class="lia-paging-page-next lia-component-next"> <a class="lia-link-navigation lia-js-data-pageNum-2 lia-custom-event" aria-label="Next Page" rel="next" id="link_0_1" href="https://community.spotify.com/t5/Community-Blog/Introducing-the-Spotify-Miniplayer-to-Spotify-Desktop/ba-p/5956132/page/2#comments"> <span class="lia-paging-page-link">Next</span> <span aria-hidden="true" class="lia-paging-page-arrow">»</span> </a> </li> </ul> </div> <a name="comments"> </a> <div class="lia-component-blogs-page-comment-list-loader lia-component-lazy-loader lia-lazy-load lia-component-comment-list" id="lazyload"></div> <div aria-label="Use the previous and next links to move between pages. Use the page number links to go directly to a page." role="navigation" class="lia-paging-full-wrapper lia-paging-pager lia-paging-full-left-position lia-discussion-page-message-pager lia-component-comment-pager" id="pager_0"> <div class="lia-inline-ajax-feedback"> <div class="AjaxFeedback" id="ajaxFeedback_0"></div> </div> <ul class="lia-paging-full lia-paging-full-left"> <li class="lia-paging-page-previous lia-component-previous"> <span class="lia-link-navigation lia-js-data-pageNum-1 lia-link-disabled" aria-disabled="true" id="link_9"> <span> <span aria-hidden="true" class="lia-paging-page-arrow"></span> <span class="lia-paging-page-link">Previous</span> </span> </span> </li> <li class="lia-component-pagesnumbered"> <ul class="lia-paging-full-pages"> <li class="lia-paging-page-first lia-js-data-pageNum-1"> <span class="lia-js-data-pageNum-1 lia-link-navigation lia-link-disabled" aria-disabled="true" aria-current="page" id="link_10">1</span> </li><li class="lia-paging-page-link lia-js-data-pageNum-2"> <a class="lia-js-data-pageNum-2 lia-link-navigation lia-custom-event" aria-label="Page 2" id="link_11" href="https://community.spotify.com/t5/Community-Blog/Introducing-the-Spotify-Miniplayer-to-Spotify-Desktop/ba-p/5956132/page/2#comments">2</a> </li><li class="lia-paging-page-link lia-js-data-pageNum-3"> <a class="lia-js-data-pageNum-3 lia-link-navigation lia-custom-event" aria-label="Page 3" id="link_12" href="https://community.spotify.com/t5/Community-Blog/Introducing-the-Spotify-Miniplayer-to-Spotify-Desktop/ba-p/5956132/page/3#comments">3</a> </li><li class="lia-paging-page-ellipsis"> <span class="lia-js-data-pageNum-5 lia-link-navigation lia-link-disabled" aria-disabled="true" id="link_13">…</span> </li><li class="lia-paging-page-last lia-js-data-pageNum-6"> <a class="lia-js-data-pageNum-6 lia-link-navigation lia-custom-event" aria-label="Page 6" id="link_14" href="https://community.spotify.com/t5/Community-Blog/Introducing-the-Spotify-Miniplayer-to-Spotify-Desktop/ba-p/5956132/page/6#comments">6</a> </li> </ul> </li> <li class="lia-paging-page-next lia-component-next"> <a class="lia-link-navigation lia-js-data-pageNum-2 lia-custom-event" aria-label="Next Page" rel="next" id="link_0_2" href="https://community.spotify.com/t5/Community-Blog/Introducing-the-Spotify-Miniplayer-to-Spotify-Desktop/ba-p/5956132/page/2#comments"> <span class="lia-paging-page-link">Next</span> <span aria-hidden="true" class="lia-paging-page-arrow">»</span> </a> </li> </ul> </div> </div> <a name="comment-on-this"></a> <span id="feedback-successinformationbox_4"> </span> <div class="InfoMessage lia-panel-feedback-banner-note lia-component-comment-editor" id="informationbox_4"> <div role="alert" class="lia-text"> <p ng-non-bindable="" tabindex="0"> You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in. </p> <ul role="list" id="list" class="lia-list-standard"> <li><a class="lia-link-navigation blog-link lia-message-comment-post" rel="nofollow" id="link_15" href="/plugins/common/feature/oauth2sso_v2/sso_login_redirect?redirectreason=permissiondenied&referer=https%3A%2F%2Fcommunity.spotify.com%2Ft5%2FCommunity-Blog%2FIntroducing-the-Spotify-Miniplayer-to-Spotify-Desktop%2Fba-p%2F5956132%23comment-on-this">Comment</a></li> </ul> </div> </div> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-footer"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-common-footer"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <div class="lia-quilt lia-quilt-footer lia-quilt-layout-footer lia-component-quilt-footer"> <div class="lia-quilt-row lia-quilt-row-main"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-icons"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <div class="lia-component-common-widget-slide-out-user-menu"> <div class="lia-user-navigation-sign-in lia-component-users-action-login-with-avatar"> <div class="user-navigation-user-profile"> <a class="lia-link-navigation login-link lia-authentication-link" rel="nofollow" id="link_16" href="/plugins/common/feature/oauth2sso_v2/sso_login_redirect?referer=https%3A%2F%2Fcommunity.spotify.com%2Ft5%2FCommunity-Blog%2FIntroducing-the-Spotify-Miniplayer-to-Spotify-Desktop%2Fba-p%2F5956132"> Log In </a> </div> <div class="UserAvatar lia-user-avatar"> <a class="lia-link-navigation login-link lia-authentication-link" rel="nofollow" id="link_17" href="/plugins/common/feature/oauth2sso_v2/sso_login_redirect?referer=https%3A%2F%2Fcommunity.spotify.com%2Ft5%2FCommunity-Blog%2FIntroducing-the-Spotify-Miniplayer-to-Spotify-Desktop%2Fba-p%2F5956132"> <div class="lia-anonymous-profile-icon"></div> </a> </div> </div> </div> <script> // -- Accessibility script for owl carousels function owlAccessibility() { $('.owl-carousel').each(function() { $(this).find('.owl-dot').each(function(index) { $(this).attr('aria-label', "Goto slide " + (index + 1)); }); }); } </script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <footer class="sc-bepydM dQvHYM encore-inverted-dark-set encore-layout-themes" data-testid="turnkey-footer"><div class="sc-jmqcPp hebJqh"><a href="https://www.spotify.com" data-testid="footer-logo" class="Link-sc-k8gsk-0 iaxguq sc-dHMlHb gOOqrm" data-encore-id="textLink"><svg role="img" viewBox="0 0 88 24" aria-label="Spotify" aria-hidden="false" class="Svg-sc-6c3c1v-0 EIZUx sc-MAtXD fHNijo" data-encore-id="logoSpotify"><title>Spotify</title><path d="M13.427.01C6.805-.253 1.224 4.902.961 11.524.698 18.147 5.853 23.728 12.476 23.99c6.622.263 12.203-4.892 12.466-11.514S20.049.272 13.427.01m5.066 17.579a.717.717 0 0 1-.977.268 14.4 14.4 0 0 0-5.138-1.747 14.4 14.4 0 0 0-5.42.263.717.717 0 0 1-.338-1.392c1.95-.474 3.955-.571 5.958-.29 2.003.282 3.903.928 5.647 1.92a.717.717 0 0 1 .268.978m1.577-3.15a.93.93 0 0 1-1.262.376 17.7 17.7 0 0 0-5.972-1.96 17.7 17.7 0 0 0-6.281.238.93.93 0 0 1-1.11-.71.93.93 0 0 1 .71-1.11 19.5 19.5 0 0 1 6.94-.262 19.5 19.5 0 0 1 6.599 2.165c.452.245.62.81.376 1.263m1.748-3.551a1.147 1.147 0 0 1-1.546.488 21.4 21.4 0 0 0-6.918-2.208 21.4 21.4 0 0 0-7.259.215 1.146 1.146 0 0 1-.456-2.246 23.7 23.7 0 0 1 8.034-.24 23.7 23.7 0 0 1 7.657 2.445c.561.292.78.984.488 1.546m13.612-.036-.832-.247c-1.67-.495-2.14-.681-2.14-1.353 0-.637.708-1.327 2.264-1.327 1.539 0 2.839.752 3.51 1.31.116.096.24.052.24-.098V6.935c0-.097-.027-.15-.098-.203-.83-.62-2.272-1.07-3.723-1.07-2.953 0-4.722 1.68-4.722 3.59 0 2.157 1.371 2.91 3.626 3.546l.973.274c1.689.478 1.998.902 1.998 1.556 0 1.097-.831 1.433-2.07 1.433-1.556 0-3.457-.911-4.35-2.025-.08-.098-.177-.053-.177.062v2.423c0 .097.01.141.08.22.743.814 2.52 1.53 4.59 1.53 2.546 0 4.456-1.485 4.456-3.784 0-1.787-1.052-2.865-3.625-3.635m10.107-1.76c-1.68 0-2.653 1.026-3.219 2.052V9.376c0-.08-.044-.124-.124-.124h-2.22c-.079 0-.123.044-.123.124V20.72c0 .08.044.124.124.124h2.22c.079 0 .123-.044.123-.124v-4.536c.566 1.025 1.521 2.034 3.237 2.034 2.264 0 3.89-1.955 3.89-4.581s-1.644-4.545-3.908-4.545m-.654 6.986c-1.185 0-2.211-1.167-2.618-2.458.407-1.362 1.344-2.405 2.618-2.405 1.211 0 2.051.92 2.051 2.423s-.84 2.44-2.051 2.44m40.633-6.826h-2.264c-.08 0-.115.017-.15.097l-2.282 5.483-2.29-5.483c-.035-.08-.07-.097-.15-.097h-3.661v-.584c0-.955.645-1.397 1.476-1.397.496 0 1.035.256 1.415.486.089.053.15-.008.115-.088l-.796-1.901a.26.26 0 0 0-.124-.133c-.389-.203-1.025-.38-1.644-.38-1.875 0-2.954 1.432-2.954 3.254v.743h-1.503c-.08 0-.124.044-.124.124v1.768c0 .08.044.124.124.124h1.503v6.668c0 .08.044.123.124.123h2.264c.08 0 .124-.044.124-.123v-6.668h1.936l2.812 6.11-1.512 3.325c-.044.098.009.142.097.142h2.414c.08 0 .116-.018.15-.097l4.997-11.355c.035-.08-.009-.141-.097-.141M54.964 9.04c-2.865 0-4.837 2.025-4.837 4.616 0 2.573 1.971 4.616 4.837 4.616 2.856 0 4.846-2.043 4.846-4.616 0-2.591-1.99-4.616-4.846-4.616m.008 7.065c-1.37 0-2.343-1.043-2.343-2.45 0-1.405.973-2.449 2.343-2.449 1.362 0 2.335 1.043 2.335 2.45 0 1.406-.973 2.45-2.335 2.45m33.541-6.334a1.24 1.24 0 0 0-.483-.471 1.4 1.4 0 0 0-.693-.17q-.384 0-.693.17a1.24 1.24 0 0 0-.484.471q-.174.302-.174.681 0 .375.174.677.175.3.484.471t.693.17.693-.17.483-.471.175-.676q0-.38-.175-.682m-.211 1.247a1 1 0 0 1-.394.39 1.15 1.15 0 0 1-.571.14 1.16 1.16 0 0 1-.576-.14 1 1 0 0 1-.391-.39 1.14 1.14 0 0 1-.14-.566q0-.316.14-.562t.391-.388.576-.14q.32 0 .57.14.253.141.395.39t.142.565q0 .312-.142.56m-19.835-5.78c-.85 0-1.468.6-1.468 1.396s.619 1.397 1.468 1.397c.866 0 1.485-.6 1.485-1.397 0-.796-.619-1.397-1.485-1.397m19.329 5.19a.31.31 0 0 0 .134-.262q0-.168-.132-.266-.132-.099-.381-.099h-.588v1.229h.284v-.489h.154l.374.489h.35l-.41-.518a.5.5 0 0 0 .215-.084m-.424-.109h-.26v-.3h.27q.12 0 .184.036a.12.12 0 0 1 .065.116.12.12 0 0 1-.067.111.4.4 0 0 1-.192.037M69.607 9.252h-2.263c-.08 0-.124.044-.124.124v8.56c0 .08.044.123.124.123h2.263c.08 0 .124-.044.124-.123v-8.56c0-.08-.044-.124-.124-.124m-3.333 6.605a2.1 2.1 0 0 1-1.053.257c-.725 0-1.185-.425-1.185-1.362v-3.484h2.211c.08 0 .124-.044.124-.124V9.376c0-.08-.044-.124-.124-.124h-2.21V6.944c0-.097-.063-.15-.15-.08l-3.954 3.113c-.053.044-.07.088-.07.16v1.007c0 .08.044.124.123.124h1.539v3.855c0 2.087 1.203 3.06 2.918 3.06.743 0 1.46-.194 1.884-.442.062-.035.07-.07.07-.133v-1.68c0-.088-.044-.115-.123-.07" transform="translate(-0.95,0)"></path></svg></a><div class="sc-cJAKoS dWaFyl"><ul class="sc-bqvdXA cHHVDD"><li class="sc-leMUev jta-dJp"><h2 class="encore-text encore-text-marginal-bold encore-internal-color-text-subdued" data-encore-id="text">Company</h2></li><li class="sc-leMUev jta-dJp"><a href="https://www.spotify.com/us/about-us/contact" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM bFMDdm" data-encore-id="textLink">About</a></li><li class="sc-leMUev jta-dJp"><a href="https://www.lifeatspotify.com" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM bFMDdm" data-encore-id="textLink">Jobs</a></li><li class="sc-leMUev jta-dJp"><a href="https://newsroom.spotify.com" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM bFMDdm" data-encore-id="textLink">For the Record</a></li></ul><ul class="sc-bqvdXA cHHVDD"><li class="sc-leMUev jta-dJp"><h2 class="encore-text encore-text-marginal-bold encore-internal-color-text-subdued" data-encore-id="text">Communities</h2></li><li class="sc-leMUev jta-dJp"><a href="https://artists.spotify.com" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM bFMDdm" data-encore-id="textLink">For Artists</a></li><li class="sc-leMUev jta-dJp"><a href="https://developer.spotify.com" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM bFMDdm" data-encore-id="textLink">Developers</a></li><li class="sc-leMUev jta-dJp"><a href="https://ads.spotify.com" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM bFMDdm" data-encore-id="textLink">Advertising</a></li><li class="sc-leMUev jta-dJp"><a href="https://investors.spotify.com" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM bFMDdm" data-encore-id="textLink">Investors</a></li><li class="sc-leMUev jta-dJp"><a href="https://spotifyforvendors.com/" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM bFMDdm" data-encore-id="textLink">Vendors</a></li></ul><ul class="sc-bqvdXA cHHVDD"><li class="sc-leMUev jta-dJp"><h2 class="encore-text encore-text-marginal-bold encore-internal-color-text-subdued" data-encore-id="text">Useful Links</h2></li><li class="sc-leMUev jta-dJp"><a href="https://support.spotify.com/" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM bFMDdm" data-encore-id="textLink">Support</a></li><li class="sc-leMUev jta-dJp"><a href="https://open.spotify.com" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM bFMDdm" data-encore-id="textLink">Web Player</a></li><li class="sc-leMUev jta-dJp"><a href="https://www.spotify.com/download" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM bFMDdm" data-encore-id="textLink">Free Mobile App</a></li><li class="sc-leMUev jta-dJp"><a href="https://support.spotify.com/article/contact-us" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM bFMDdm" data-encore-id="textLink">Contact Spotify</a></li></ul><ul class="sc-bqvdXA cHHVDD"><li class="sc-leMUev jta-dJp"><h2 class="encore-text encore-text-marginal-bold encore-internal-color-text-subdued" data-encore-id="text">Spotify Plans</h2></li><li class="sc-leMUev jta-dJp"><a href="https://www.spotify.com/premium/" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM bFMDdm" data-encore-id="textLink">Premium Individual</a></li><li class="sc-leMUev jta-dJp"><a href="https://www.spotify.com/duo/" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM bFMDdm" data-encore-id="textLink">Premium Duo</a></li><li class="sc-leMUev jta-dJp"><a href="https://www.spotify.com/family/" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM bFMDdm" data-encore-id="textLink">Premium Family</a></li><li class="sc-leMUev jta-dJp"><a href="https://www.spotify.com/student/" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM bFMDdm" data-encore-id="textLink">Premium Student</a></li><li class="sc-leMUev jta-dJp"><a href="https://www.spotify.com/free/" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM bFMDdm" data-encore-id="textLink">Spotify Free</a></li></ul></div><div class="sc-dKpdpM cvicAM"><a href="https://instagram.com/spotify" target="_blank" data-testid="footer-instagram" class="Button-sc-y0gtbx-0 aAWHp sc-ebFFfp bZcvZQ" rel="noopener noreferrer" aria-label="Instagram" data-encore-id="buttonSecondary" data-is-icon-only="true"><span aria-hidden="true" class="IconWrapper__Wrapper-sc-ihacte-0 bLEclE"><svg data-encore-id="icon" role="img" aria-hidden="true" viewBox="0 0 24 24" class="Svg-sc-ytk21e-0 hhIFET"><path d="M12 3.803c2.67 0 2.986.01 4.041.059.975.044 1.504.207 1.857.344.435.16.828.416 1.151.748.332.323.588.716.748 1.151.137.353.3.882.345 1.857.047 1.055.058 1.37.058 4.041 0 2.67-.01 2.986-.058 4.041-.045.975-.208 1.505-.345 1.857A3.315 3.315 0 0 1 17.9 19.8c-.352.137-.882.3-1.856.344-1.055.048-1.371.058-4.041.058-2.67 0-2.987-.01-4.041-.058-.975-.044-1.505-.207-1.857-.344a3.096 3.096 0 0 1-1.151-.748 3.096 3.096 0 0 1-.749-1.151c-.137-.353-.3-.883-.344-1.857-.048-1.055-.058-1.371-.058-4.041 0-2.67.01-2.987.058-4.041.045-.975.207-1.505.344-1.857a3.08 3.08 0 0 1 .749-1.151 3.096 3.096 0 0 1 1.15-.749c.353-.137.883-.3 1.858-.344 1.054-.048 1.37-.058 4.04-.058H12zM12.002 2c-2.716 0-3.057.012-4.124.06-1.066.05-1.793.22-2.428.466A4.91 4.91 0 0 0 3.678 3.68a4.91 4.91 0 0 0-1.153 1.772c-.247.635-.416 1.363-.465 2.427C2.012 8.943 2 9.286 2 12.002c0 2.715.012 3.056.06 4.123.05 1.066.218 1.791.465 2.426a4.909 4.909 0 0 0 1.153 1.772c.5.508 1.105.902 1.772 1.153.635.248 1.363.417 2.428.465 1.064.049 1.407.06 4.123.06s3.056-.01 4.123-.06c1.067-.049 1.79-.217 2.426-.465a5.111 5.111 0 0 0 2.925-2.925c.247-.635.416-1.363.465-2.427.048-1.064.06-1.407.06-4.123s-.012-3.057-.06-4.123c-.05-1.067-.218-1.791-.465-2.426a4.902 4.902 0 0 0-1.153-1.771 4.91 4.91 0 0 0-1.772-1.155c-.635-.247-1.363-.416-2.428-.464-1.064-.048-1.406-.06-4.122-.06L12.002 2z"></path><path d="M12 6.867a5.135 5.135 0 1 0 0 10.27 5.135 5.135 0 0 0 0-10.27zm0 8.47a3.334 3.334 0 1 1 0-6.67 3.334 3.334 0 0 1 0 6.67zm5.338-7.473a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4z"></path></svg></span></a><a href="https://twitter.com/spotify" target="_blank" data-testid="footer-x" class="Button-sc-y0gtbx-0 aAWHp sc-ebFFfp bZcvZQ" rel="noopener noreferrer" aria-label="X" data-encore-id="buttonSecondary" data-is-icon-only="true"><span aria-hidden="true" class="IconWrapper__Wrapper-sc-ihacte-0 bLEclE"><svg data-encore-id="icon" role="img" aria-hidden="true" viewBox="0 0 24 24" class="Svg-sc-ytk21e-0 hhIFET"><path d="M20.31 5.833a4.451 4.451 0 0 0 2-2.524 8.91 8.91 0 0 1-2.894 1.107 4.487 4.487 0 0 0-1.494-1.06 4.471 4.471 0 0 0-1.827-.38c-1.254 0-2.325.444-3.214 1.333-.89.89-1.334 1.964-1.334 3.225 0 .318.04.664.12 1.037a12.713 12.713 0 0 1-5.226-1.398A12.804 12.804 0 0 1 2.298 3.81a4.49 4.49 0 0 0-.62 2.284c0 .778.181 1.5.542 2.168a4.439 4.439 0 0 0 1.482 1.62 4.31 4.31 0 0 1-2.06-.561v.06c0 1.087.346 2.047 1.036 2.88a4.457 4.457 0 0 0 2.608 1.572 4.405 4.405 0 0 1-1.191.166 5.04 5.04 0 0 1-.856-.082 4.41 4.41 0 0 0 1.594 2.25 4.417 4.417 0 0 0 2.655.904c-1.659 1.302-3.544 1.953-5.655 1.953-.365 0-.726-.024-1.083-.072C2.869 20.317 5.194 21 7.725 21c1.358 0 2.644-.18 3.858-.541 1.215-.361 2.288-.855 3.22-1.482a13.564 13.564 0 0 0 2.525-2.19 12.232 12.232 0 0 0 1.851-2.697c.484-.964.853-1.958 1.107-2.982a12.624 12.624 0 0 0 .369-3.644 9.266 9.266 0 0 0 2.262-2.345 8.9 8.9 0 0 1-2.607.714z"></path></svg></span></a><a href="https://www.facebook.com/Spotify" target="_blank" data-testid="footer-facebook" class="Button-sc-y0gtbx-0 aAWHp sc-ebFFfp bZcvZQ" rel="noopener noreferrer" aria-label="Facebook" data-encore-id="buttonSecondary" data-is-icon-only="true"><span aria-hidden="true" class="IconWrapper__Wrapper-sc-ihacte-0 bLEclE"><svg data-encore-id="icon" role="img" aria-hidden="true" viewBox="0 0 24 24" class="Svg-sc-ytk21e-0 hhIFET"><path d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.093 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.563V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"></path></svg></span></a></div></div><div class="sc-gUmHNi kofvOz"><div class="sc-fJAEDJ ecrEBU"><div class="sc-eouHMD jDRCIC"><a href="https://www.spotify.com/legal" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM sc-ieEEOL bFMDdm IqIOs" data-encore-id="textLink">Legal</a><a href="https://www.spotify.com/safetyandprivacy" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM sc-ieEEOL bFMDdm IqIOs" data-encore-id="textLink">Safety & Privacy Center</a><a href="https://www.spotify.com/legal/privacy-policy" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM sc-ieEEOL bFMDdm IqIOs" data-encore-id="textLink">Privacy Policy</a><button class="Button-sc-1dqy6lx-0 jmTWwm encore-text-body-medium-bold sc-kXQcRk kZjoKR optanon-show-settings" data-encore-id="buttonTertiary">Cookie Settings</button><a href="https://www.spotify.com/legal/privacy-policy/#s3" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM sc-ieEEOL bFMDdm IqIOs" data-encore-id="textLink">About Ads</a><a href="https://www.spotify.com/accessibility" target="_self" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM sc-ieEEOL bFMDdm IqIOs" data-encore-id="textLink">Accessibility</a><a href="https://www.scdn.co/pdf/Spotify%20Modern%20Slavery%20Statement%202023.pdf" target="_blank" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM sc-ieEEOL bFMDdm IqIOs" data-encore-id="textLink">Modern Slavery Act</a><a href="https://www.scdn.co/pdf/Spotify%20Ltd%20UK%20Tax%20Policy%20Statement%2031Dec2023.pdf" target="_blank" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM sc-ieEEOL bFMDdm IqIOs" data-encore-id="textLink">UK Tax Policy</a><a href="https://www.scdn.co/pdf/Spotify%20UK%20Gender%20Pay%20Report%202021.pdf" target="_blank" class="Link-sc-k8gsk-0 iaxguq sc-glpSfM sc-ieEEOL bFMDdm IqIOs" data-encore-id="textLink">UK Gender Pay Report</a></div><div class="sc-cNfTXI cxECqO">© 2024 Spotify AB</div></div></div></footer> </center> </div> <script src="https://community.spotify.com/html/@9BCE31F9F0985B627A8D15922C96C7E0/assets/jquery-3.6.0.min.js"></script> <!-- Compiled and minified Bootstrap 5.1 JavaScript --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> <!-- Owl Carousel --> <script src="https://community.spotify.com/html/@799F9DE90C48DE61DADF4FB6385833B8/assets/owl.carousel.min.js"></script> <!-- jBox --> <script src="https://community.spotify.com/html/@EAA35A8DCB41F2F7F2F4F2D1D0823504/assets/jBox.all.min.js"></script> <script src="https://community.spotify.com/html/@ED84D446BE62C1C78E8464ACB0C5F018/assets/gtmcustomevents.js" defer></script> <script type="text/javascript"> new Image().src = ["/","b","e","a","c","o","n","/","4","3","6","7","4","0","5","7","7","2","7","9","_","1","7","3","2","7","4","5","6","2","2","6","7","7",".","g","i","f"].join(""); </script> <script type="text/javascript" src="/t5/scripts/C1D0FDEB5D557CE5FA1EFA105E95A13F/lia-scripts-common-min.js"></script><script type="text/javascript" src="/t5/scripts/D4112BA86E3AF7328EB5E6851B0F0202/lia-scripts-body-min.js"></script><script language="javascript" type="text/javascript"> <!-- LITHIUM.Sandbox.restore(); LITHIUM.jQuery.fn.cssData.defaults = {"dataPrefix":"lia-js-data","pairDelimeter":"-","prefixDelimeter":"-"}; LITHIUM.CommunityJsonObject.User.policies['forums.action.message-view.batch-messages.allow'] = false; LITHIUM.Link({"linkSelector":"a.lia-link-ticket-post-action"}); var explorePremiumTimer; function showExplorePremium() { clearTimeout(explorePremiumTimer); $('.dNjGPJ').show() } function hideExplorePremium() { explorePremiumTimer = setTimeout(()=>{ $('.dNjGPJ').hide() }, 500); } $('.wnxOJ').mouseover(showExplorePremium); $('.wnxOJ').mouseout(hideExplorePremium); $('.dNjGPJ').mouseover(showExplorePremium); $('.dNjGPJ').mouseout(hideExplorePremium); LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_26d3548ff8946a","feedbackSelector":".InfoMessage"}); LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_26d3548ff8946a_0","feedbackSelector":".InfoMessage"}); LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_26d3548ff8946a_1","feedbackSelector":".InfoMessage"}); LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_26d3548ff8946a_2","feedbackSelector":".InfoMessage"}); LITHIUM.AjaxFeedback(".lia-inline-ajax-feedback", "LITHIUM:hideAjaxFeedback", ".lia-inline-ajax-feedback-persist"); LITHIUM.FormActions.defaultTextOnHover({"cssClass":"lia-form-default-text","fieldSelector":".lia-search-input-message","defaultText":"","onHoverCssClass":"lia-form-default-text-hover"}); LITHIUM.FormActions.defaultTextOnClick({"fieldSelector":".lia-search-input-message","defaultText":""}); LITHIUM.Placeholder(); LITHIUM.AutoComplete({"options":{"triggerTextLength":2,"updateInputOnSelect":true,"loadingText":"Searching...","emptyText":"No Matches","successText":"Results:","defaultText":"Enter a search word","disabled":false,"footerContent":[{"scripts":"\n\n;(function($){LITHIUM.Link=function(params){var $doc=$(document);function handler(event){var $link=$(this);var token=$link.data('lia-action-token');if($link.data('lia-ajax')!==true&&token!==undefined){if(event.isPropagationStopped()===false&&event.isImmediatePropagationStopped()===false&&event.isDefaultPrevented()===false){event.stop();var $form=$('<form>',{method:'POST',action:$link.attr('href'),enctype:'multipart/form-data'});var $ticket=$('<input>',{type:'hidden',name:'lia-action-token',value:token});$form.append($ticket);$(document.body).append($form);$form.submit();$doc.trigger('click');}}}\nif($doc.data('lia-link-action-handler')===undefined){$doc.data('lia-link-action-handler',true);$doc.on('click.link-action',params.linkSelector,handler);$.fn.on=$.wrap($.fn.on,function(proceed){var ret=proceed.apply(this,$.makeArray(arguments).slice(1));if(this.is(document)){$doc.off('click.link-action',params.linkSelector,handler);proceed.call(this,'click.link-action',params.linkSelector,handler);}\nreturn ret;});}}})(LITHIUM.jQuery);\r\n\nLITHIUM.Link({\n \"linkSelector\" : \"a.lia-link-ticket-post-action\"\n});LITHIUM.AjaxSupport.defaultAjaxFeedbackHtml = \"<div class=\\\"lia-inline-ajax-feedback lia-component-common-widget-ajax-feedback\\\">\\n\\t\\t\\t<div class=\\\"AjaxFeedback\\\" id=\\\"ajaxFeedback_26d354920ff614\\\"><\\/div>\\n\\t\\t\\t\\n\\t\\n\\n\\t\\n\\n\\t\\t<\\/div>\";LITHIUM.AjaxSupport.defaultAjaxErrorHtml = \"<span id=\\\"feedback-errorfeedback_26d3549227e3b9\\\"> <\\/span>\\n\\n\\t\\n\\t\\t<div class=\\\"InfoMessage lia-panel-feedback-inline-alert lia-component-common-widget-feedback\\\" id=\\\"feedback_26d3549227e3b9\\\">\\n\\t\\t\\t<div role=\\\"alert\\\" class=\\\"lia-text\\\">\\n\\t\\t\\t\\t\\n\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t<p ng-non-bindable=\\\"\\\" tabindex=\\\"0\\\">\\n\\t\\t\\t\\t\\t\\tSorry, unable to complete the action you requested.\\n\\t\\t\\t\\t\\t<\\/p>\\n\\t\\t\\t\\t\\n\\n\\t\\t\\t\\t\\n\\n\\t\\t\\t\\t\\n\\n\\t\\t\\t\\t\\n\\t\\t\\t<\\/div>\\n\\n\\t\\t\\t\\n\\t\\t<\\/div>\";LITHIUM.AjaxSupport.fromLink('#disableAutoComplete_26d35491f4081e', 'disableAutoComplete', '#ajaxfeedback_26d3548ff8946a_0', 'LITHIUM:ajaxError', {}, 'z8Wp18tmI-Ayc03UcPeNhPpmA4nCUfm5qwFXPxRD1RQ.', 'ajax');","content":"<a class=\"lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete\" data-lia-action-token=\"9PEYPJfLBnhAAf6T05VuP0HQvOAGt2Qzuw8WQUntD7Y.\" rel=\"nofollow\" id=\"disableAutoComplete_26d35491f4081e\" href=\"https://community.spotify.com/t5/blogs/v2/blogarticlepage.disableautocomplete:disableautocomplete?t:ac=blog-id/spotifyct/article-id/24056&t:cp=action/contributions/searchactions\">Turn off suggestions<\/a>"}],"prefixTriggerTextLength":3},"inputSelector":"#messageSearchField_26d3548ff8946a_0","redirectToItemLink":false,"url":"https://community.spotify.com/t5/blogs/v2/blogarticlepage.searchformv32.messagesearchfield.messagesearchfield:autocomplete?t:ac=blog-id/spotifyct/article-id/24056&t:cp=search/contributions/page","resizeImageEvent":"LITHIUM:renderImages"}); LITHIUM.FormActions.defaultTextOnHover({"cssClass":"lia-form-default-text","fieldSelector":".lia-search-input-message","defaultText":"","onHoverCssClass":"lia-form-default-text-hover"}); LITHIUM.FormActions.defaultTextOnClick({"fieldSelector":".lia-search-input-message","defaultText":""}); LITHIUM.AutoComplete({"options":{"triggerTextLength":2,"updateInputOnSelect":true,"loadingText":"Searching...","emptyText":"No Matches","successText":"Results:","defaultText":"Enter a search word","disabled":false,"footerContent":[{"scripts":"\n\n;(function($){LITHIUM.Link=function(params){var $doc=$(document);function handler(event){var $link=$(this);var token=$link.data('lia-action-token');if($link.data('lia-ajax')!==true&&token!==undefined){if(event.isPropagationStopped()===false&&event.isImmediatePropagationStopped()===false&&event.isDefaultPrevented()===false){event.stop();var $form=$('<form>',{method:'POST',action:$link.attr('href'),enctype:'multipart/form-data'});var $ticket=$('<input>',{type:'hidden',name:'lia-action-token',value:token});$form.append($ticket);$(document.body).append($form);$form.submit();$doc.trigger('click');}}}\nif($doc.data('lia-link-action-handler')===undefined){$doc.data('lia-link-action-handler',true);$doc.on('click.link-action',params.linkSelector,handler);$.fn.on=$.wrap($.fn.on,function(proceed){var ret=proceed.apply(this,$.makeArray(arguments).slice(1));if(this.is(document)){$doc.off('click.link-action',params.linkSelector,handler);proceed.call(this,'click.link-action',params.linkSelector,handler);}\nreturn ret;});}}})(LITHIUM.jQuery);\r\n\nLITHIUM.Link({\n \"linkSelector\" : \"a.lia-link-ticket-post-action\"\n});LITHIUM.AjaxSupport.fromLink('#disableAutoComplete_26d354927052cb', 'disableAutoComplete', '#ajaxfeedback_26d3548ff8946a_0', 'LITHIUM:ajaxError', {}, 'o_xaAt-oHV5DYgPsyEENO-fY45WBUIQ6lHxfY1fKS5I.', 'ajax');","content":"<a class=\"lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete\" data-lia-action-token=\"gm1KPPksZRxfIR5y6yIItBQnyQX46-_fiEXuiUbI6Ho.\" rel=\"nofollow\" id=\"disableAutoComplete_26d354927052cb\" href=\"https://community.spotify.com/t5/blogs/v2/blogarticlepage.disableautocomplete:disableautocomplete?t:ac=blog-id/spotifyct/article-id/24056&t:cp=action/contributions/searchactions\">Turn off suggestions<\/a>"}],"prefixTriggerTextLength":3},"inputSelector":"#messageSearchField_26d3548ff8946a_1","redirectToItemLink":false,"url":"https://community.spotify.com/t5/blogs/v2/blogarticlepage.searchformv32.tkbmessagesearchfield.messagesearchfield:autocomplete?t:ac=blog-id/spotifyct/article-id/24056&t:cp=search/contributions/page","resizeImageEvent":"LITHIUM:renderImages"}); LITHIUM.FormActions.defaultTextOnHover({"cssClass":"lia-form-default-text","fieldSelector":".lia-search-input-message","defaultText":"","onHoverCssClass":"lia-form-default-text-hover"}); LITHIUM.FormActions.defaultTextOnClick({"fieldSelector":".lia-search-input-message","defaultText":""}); LITHIUM.AutoComplete({"options":{"triggerTextLength":0,"updateInputOnSelect":true,"loadingText":"Searching for users...","emptyText":"No Matches","successText":"Users found:","defaultText":"Enter a user name or rank","disabled":false,"footerContent":[{"scripts":"\n\n;(function($){LITHIUM.Link=function(params){var $doc=$(document);function handler(event){var $link=$(this);var token=$link.data('lia-action-token');if($link.data('lia-ajax')!==true&&token!==undefined){if(event.isPropagationStopped()===false&&event.isImmediatePropagationStopped()===false&&event.isDefaultPrevented()===false){event.stop();var $form=$('<form>',{method:'POST',action:$link.attr('href'),enctype:'multipart/form-data'});var $ticket=$('<input>',{type:'hidden',name:'lia-action-token',value:token});$form.append($ticket);$(document.body).append($form);$form.submit();$doc.trigger('click');}}}\nif($doc.data('lia-link-action-handler')===undefined){$doc.data('lia-link-action-handler',true);$doc.on('click.link-action',params.linkSelector,handler);$.fn.on=$.wrap($.fn.on,function(proceed){var ret=proceed.apply(this,$.makeArray(arguments).slice(1));if(this.is(document)){$doc.off('click.link-action',params.linkSelector,handler);proceed.call(this,'click.link-action',params.linkSelector,handler);}\nreturn ret;});}}})(LITHIUM.jQuery);\r\n\nLITHIUM.Link({\n \"linkSelector\" : \"a.lia-link-ticket-post-action\"\n});LITHIUM.AjaxSupport.fromLink('#disableAutoComplete_26d3549323e0c7', 'disableAutoComplete', '#ajaxfeedback_26d3548ff8946a_0', 'LITHIUM:ajaxError', {}, 'kyraHBqOBnxEeg5GVukNdoSApV2v1_Si4pN8USYF84w.', 'ajax');","content":"<a class=\"lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete\" data-lia-action-token=\"hVQqU8-6lR8d5etf2lI9HSQtJLMV8JJojJ30zCyCVVY.\" rel=\"nofollow\" id=\"disableAutoComplete_26d3549323e0c7\" href=\"https://community.spotify.com/t5/blogs/v2/blogarticlepage.disableautocomplete:disableautocomplete?t:ac=blog-id/spotifyct/article-id/24056&t:cp=action/contributions/searchactions\">Turn off suggestions<\/a>"}],"prefixTriggerTextLength":0},"inputSelector":"#userSearchField_26d3548ff8946a","redirectToItemLink":false,"url":"https://community.spotify.com/t5/blogs/v2/blogarticlepage.searchformv32.usersearchfield.usersearchfield:autocomplete?t:ac=blog-id/spotifyct/article-id/24056&t:cp=search/contributions/page","resizeImageEvent":"LITHIUM:renderImages"}); LITHIUM.AjaxSupport({"ajaxOptionsParam":{"event":"LITHIUM:userExistsQuery","parameters":{"javascript.ignore_combine_and_minify":"true"}},"tokenId":"ajax","elementSelector":"#userSearchField_26d3548ff8946a","action":"userExistsQuery","feedbackSelector":"#ajaxfeedback_26d3548ff8946a_0","url":"https://community.spotify.com/t5/blogs/v2/blogarticlepage.searchformv32.usersearchfield:userexistsquery?t:ac=blog-id/spotifyct/article-id/24056&t:cp=search/contributions/page","ajaxErrorEventName":"LITHIUM:ajaxError","token":"oKRFd_0rC9_yk2R06cwCTdFpOXexlKj5kDSnv8Xu0Pg."}); LITHIUM.FormActions.defaultTextOnHover({"cssClass":"lia-form-default-text","fieldSelector":".lia-search-input-message","defaultText":"","onHoverCssClass":"lia-form-default-text-hover"}); LITHIUM.FormActions.defaultTextOnClick({"fieldSelector":".lia-search-input-message","defaultText":""}); LITHIUM.AutoComplete({"options":{"triggerTextLength":2,"updateInputOnSelect":true,"loadingText":"Searching...","emptyText":"No Matches","successText":"Results:","defaultText":"Enter a search word","disabled":false,"footerContent":[{"scripts":"\n\n;(function($){LITHIUM.Link=function(params){var $doc=$(document);function handler(event){var $link=$(this);var token=$link.data('lia-action-token');if($link.data('lia-ajax')!==true&&token!==undefined){if(event.isPropagationStopped()===false&&event.isImmediatePropagationStopped()===false&&event.isDefaultPrevented()===false){event.stop();var $form=$('<form>',{method:'POST',action:$link.attr('href'),enctype:'multipart/form-data'});var $ticket=$('<input>',{type:'hidden',name:'lia-action-token',value:token});$form.append($ticket);$(document.body).append($form);$form.submit();$doc.trigger('click');}}}\nif($doc.data('lia-link-action-handler')===undefined){$doc.data('lia-link-action-handler',true);$doc.on('click.link-action',params.linkSelector,handler);$.fn.on=$.wrap($.fn.on,function(proceed){var ret=proceed.apply(this,$.makeArray(arguments).slice(1));if(this.is(document)){$doc.off('click.link-action',params.linkSelector,handler);proceed.call(this,'click.link-action',params.linkSelector,handler);}\nreturn ret;});}}})(LITHIUM.jQuery);\r\n\nLITHIUM.Link({\n \"linkSelector\" : \"a.lia-link-ticket-post-action\"\n});LITHIUM.AjaxSupport.fromLink('#disableAutoComplete_26d35493abba28', 'disableAutoComplete', '#ajaxfeedback_26d3548ff8946a_0', 'LITHIUM:ajaxError', {}, 'IhvJVNS-T7yy02el2-QxtmQlGBiemYVpXY8c7bKTHEM.', 'ajax');","content":"<a class=\"lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete\" data-lia-action-token=\"599atD7w48iJmefLvCL-F0a50tk20yrxjky6kaBUgkY.\" rel=\"nofollow\" id=\"disableAutoComplete_26d35493abba28\" href=\"https://community.spotify.com/t5/blogs/v2/blogarticlepage.disableautocomplete:disableautocomplete?t:ac=blog-id/spotifyct/article-id/24056&t:cp=action/contributions/searchactions\">Turn off suggestions<\/a>"}],"prefixTriggerTextLength":0},"inputSelector":"#noteSearchField_26d3548ff8946a_0","redirectToItemLink":false,"url":"https://community.spotify.com/t5/blogs/v2/blogarticlepage.searchformv32.notesearchfield.notesearchfield:autocomplete?t:ac=blog-id/spotifyct/article-id/24056&t:cp=search/contributions/page","resizeImageEvent":"LITHIUM:renderImages"}); LITHIUM.FormActions.defaultTextOnHover({"cssClass":"lia-form-default-text","fieldSelector":".lia-search-input-message","defaultText":"","onHoverCssClass":"lia-form-default-text-hover"}); LITHIUM.FormActions.defaultTextOnClick({"fieldSelector":".lia-search-input-message","defaultText":""}); LITHIUM.AutoComplete({"options":{"triggerTextLength":2,"updateInputOnSelect":true,"loadingText":"Searching...","emptyText":"No Matches","successText":"Results:","defaultText":"Enter a search word","disabled":false,"footerContent":[{"scripts":"\n\n;(function($){LITHIUM.Link=function(params){var $doc=$(document);function handler(event){var $link=$(this);var token=$link.data('lia-action-token');if($link.data('lia-ajax')!==true&&token!==undefined){if(event.isPropagationStopped()===false&&event.isImmediatePropagationStopped()===false&&event.isDefaultPrevented()===false){event.stop();var $form=$('<form>',{method:'POST',action:$link.attr('href'),enctype:'multipart/form-data'});var $ticket=$('<input>',{type:'hidden',name:'lia-action-token',value:token});$form.append($ticket);$(document.body).append($form);$form.submit();$doc.trigger('click');}}}\nif($doc.data('lia-link-action-handler')===undefined){$doc.data('lia-link-action-handler',true);$doc.on('click.link-action',params.linkSelector,handler);$.fn.on=$.wrap($.fn.on,function(proceed){var ret=proceed.apply(this,$.makeArray(arguments).slice(1));if(this.is(document)){$doc.off('click.link-action',params.linkSelector,handler);proceed.call(this,'click.link-action',params.linkSelector,handler);}\nreturn ret;});}}})(LITHIUM.jQuery);\r\n\nLITHIUM.Link({\n \"linkSelector\" : \"a.lia-link-ticket-post-action\"\n});LITHIUM.AjaxSupport.fromLink('#disableAutoComplete_26d354943c47bf', 'disableAutoComplete', '#ajaxfeedback_26d3548ff8946a_0', 'LITHIUM:ajaxError', {}, 'xSBp0y0l7hIvEEglB4CQrX7Qt02_kdm8glsd2OgOY1Q.', 'ajax');","content":"<a class=\"lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete\" data-lia-action-token=\"OJ5GctRltBj6AG-T2VozEoITQpfOKVFnUItxZ9W0dEs.\" rel=\"nofollow\" id=\"disableAutoComplete_26d354943c47bf\" href=\"https://community.spotify.com/t5/blogs/v2/blogarticlepage.disableautocomplete:disableautocomplete?t:ac=blog-id/spotifyct/article-id/24056&t:cp=action/contributions/searchactions\">Turn off suggestions<\/a>"}],"prefixTriggerTextLength":0},"inputSelector":"#productSearchField_26d3548ff8946a","redirectToItemLink":false,"url":"https://community.spotify.com/t5/blogs/v2/blogarticlepage.searchformv32.productsearchfield.productsearchfield:autocomplete?t:ac=blog-id/spotifyct/article-id/24056&t:cp=search/contributions/page","resizeImageEvent":"LITHIUM:renderImages"}); LITHIUM.AjaxSupport.fromLink('#enableAutoComplete_26d3548ff8946a', 'enableAutoComplete', '#ajaxfeedback_26d3548ff8946a_0', 'LITHIUM:ajaxError', {}, 'nSti4ZNtoJ_a6esMVt2zYFZAbf7RsqbewKMv2I4bCJ0.', 'ajax'); LITHIUM.Tooltip({"bodySelector":"body#lia-body","delay":30,"enableOnClickForTrigger":false,"predelay":10,"triggerSelector":"#link_26d3548ff8946a","tooltipContentSelector":"#link_26d3548ff8946a_0-tooltip-element .content","position":["bottom","left"],"tooltipElementSelector":"#link_26d3548ff8946a_0-tooltip-element","events":{"def":"focus mouseover keydown,blur mouseout keydown"},"hideOnLeave":true}); LITHIUM.HelpIcon({"selectors":{"helpIconSelector":".help-icon .lia-img-icon-help"}}); LITHIUM.SearchAutoCompleteToggle({"containerSelector":"#searchautocompletetoggle_26d3548ff8946a","enableAutoCompleteSelector":".search-autocomplete-toggle-link","enableAutocompleteSuccessEvent":"LITHIUM:ajaxSuccess:enableAutoComplete","disableAutoCompleteSelector":".lia-autocomplete-toggle-off","disableAutocompleteSuccessEvent":"LITHIUM:ajaxSuccess:disableAutoComplete","autoCompleteSelector":".lia-autocomplete-input"}); LITHIUM.SearchForm({"asSearchActionIdSelector":".lia-as-search-action-id","useAutoComplete":true,"selectSelector":".lia-search-form-granularity","useClearSearchButton":false,"buttonSelector":".lia-button-searchForm-action","asSearchActionIdParamName":"as-search-action-id","formSelector":"#lia-searchformV32_26d3548ff8946a","nodesModel":{"Welcome|category":{"title":"Search Category: Community Blog","inputSelector":".lia-search-input-message"},"tkb|tkb":{"title":"FAQs","inputSelector":".lia-search-input-tkb-article"},"user|user":{"title":"Users","inputSelector":".lia-search-input-user"},"spotifyct|blog-board":{"title":"Search Blog: Community Blog","inputSelector":".lia-search-input-message"},"spotify|community":{"title":"Search Community: Community Blog","inputSelector":".lia-search-input-message"}},"asSearchActionIdHeaderKey":"X-LI-AS-Search-Action-Id","inputSelector":"#messageSearchField_26d3548ff8946a_0:not(.lia-js-hidden)","clearSearchButtonSelector":null}); $(document).on('click', '#navbar-nav li h3', function() { obj = $(this).parent(); obj_class = obj.attr("class"); if( obj.children('ul').length == 0 || obj.children('ul').children('li').length == 0) { obj_has_children = false; } else { obj_has_children = true; } if( obj_class.indexOf("selected") >= 0 ) { obj_selected = true; } else { obj_selected = false; } if( obj_selected == true || obj_has_children == false) { obj_url = obj.attr("data-url"); window.location.href = obj_url; } else { $('#navbar-nav li').not('.active').children('ul').css('display','none'); $('#navbar-nav li').removeClass("selected"); obj.children("ul").css('display','block'); obj.addClass("selected"); } }); $("#mainBurger, #closeBurger").on("click", function() { $("#mainBurger").toggleClass("open"); if (!$("#mainBurger").hasClass("open")) { $("#navbar-nav").removeClass("show"); } else { $("#navbar-nav").addClass("show"); } }); $("#navbar-nav-bg").on("click",function() { $("#mainBurger").removeClass("open"); $("#navbar-nav").removeClass("show"); }); LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#pageInformation","feedbackSelector":".InfoMessage"}); LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox","feedbackSelector":".InfoMessage"}); msgId = 5956132; function getURLParameter(name) { name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]'); var regex = new RegExp('[\\?&]' + name + '=([^&#]*)'); var results = regex.exec(location.href); return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' ')); }; function initCarouselWizard(e) { $('#carouselWizard').on('initialized.owl.carousel', function() { setTimeout(owlAccessibility,500); }).on('resized.owl.carousel', owlAccessibility).owlCarousel({ margin:10, nav:false, dots:false, items:1, autoHeight:true, mouseDrag:false, touchDrag:false, responsive: { 0: { autoWidth:false }, 768: { autoWidth:true } } }); } function nextStep(e) { e.preventDefault(); var newQ = (currentStep === 0); if (e.target.id === "hw-back-cta") { if(window.spotTrack !== undefined){ window.spotTrack.track('Help.Wizard.' + $('#'+e.target.id).closest('#help-wizard').find('#hw-step-number').text().replace(' ', ''), 'click', 'Back'); } currentStep --; if (currentStep < 0) currentStep = 0; } else if (currentStep < 4) { currentStep ++; } if (currentStep===1 && newQ) { scrollPos = 0; getHWResults(); } else if (currentStep===3) { postQuestion(); } else if (currentStep===4) { var href = document.location.href; var qs = (href.indexOf("hw=true") > -1) ? "?hw=true&" : "?" ; href = href.split("#")[0]; href = href.split("?")[0]; var goto = href + qs + "hwHash=" + encodeURIComponent(issue + "//hw//" + $('#hw-step2').scrollTop() + "//hw//" + board + "//hw//" + $("#hw-post-question").val() + "//hw//" + $("#hw-post-detail").val() + "//hw//" + $("#hw-post-category").val() + "//hw//showHW"); document.location = "/plugins/common/feature/oauth2sso_v2/sso_login_redirect?referer=" + encodeURIComponent(goto); } else { gotoStep(currentStep); } } function gotoStep(step) { console.log("gotoStep " + step); showLoading(false); currentStep = step; $('#hw-modal > h3').text("Step " + (currentStep + 1)); $('#carouselWizard').trigger('to.owl.carousel',currentStep); switch(currentStep) { case 2: $('#hw-cta').text('POST'); break; case 3: $('#hw-cta').text('SIGN UP / LOGIN'); break; default: $('#hw-cta').text('NEXT STEP'); } if (!(currentStep===1 && $('#hw-modal-container').attr("data-step")==="2b")) { $('#hw-modal-container').attr('data-step',currentStep+1); } checkBack(); } function checkBack() { if (currentStep > 0) { $('#hw-back').addClass('active'); } else { $('#hw-back').removeClass('active'); } } function changeQuestion(e) { issue = $(e.target).val(); $('#hw-post-question').val($(e.target).val()); } function getHWResults(filter, blnGotoStep) { showLoading(true); if (!filter) { filter = ""; } $.ajax({ type: "POST", url: "/spotify/plugins/custom/spotify/spotify/end_find_help_messages", data: { issue: issue, board: filter, msgId: msgId } }).done(function(response) { $('#hw-results').html( response ); if ($('#hw-results #hw-zeroResults').length > 0) { $('#hw-modal-container').attr('data-step',(currentStep+1) + "b"); } addCategoryLinks(); addArticleLinks(); $('#carouselWizard').trigger('refresh.owl.carousel'); board = filter; location.hash = "#" + encodeURIComponent(issue + "//hw//" + scrollPos + "//hw//" + board); $('#hw-step2').scrollTop(scrollPos); if (blnGotoStep!==false) gotoStep(1); $("#hw-results a").on("click", function () { if(window.spotTrack !== undefined){ window.spotTrack.track("Help.Wizard.Results", "click", $(this).closest(".li").find( ".subject" ).text(), $(this).data('href')); } }); }).fail(function(response){ showLoading(false); console.log(JSON.stringify(response)); }); } function addCategoryLinks() { $('#hw-modal .category-container a').on("click", filterCategory); $('#hw-category-select').on("change", filterCategory); } function addArticleLinks() { $('#hw-modal a.hwLink').on("click", loadArticle); } function filterCategory(e) { if (e.target.id === "hw-category-select") { if(window.spotTrack !== undefined){ window.spotTrack.track('Help.Wizard.Step2.Filter', 'click', $(e.target).val()); } getHWResults($(e.target).val()); } else { getHWResults($(e.target).data('id')); } } function loadArticle(e) { if ($(e.target).is("[data-href]")) { $("#hw-step2").addClass("loading-article"); $("#hw-cta").attr("disabled",true); $('#carouselWizard').trigger('refresh.owl.carousel'); var goto = $(e.target).data('href') + "?hw=true#" + encodeURIComponent(issue + "//hw//" + $('#hw-step2').scrollTop() + "//hw//" + board); document.location = goto; } else { closeHelpWizard(); } } function showLoading(bln,step) { if (bln) { $("#hw-step1").addClass("loading-results"); $("#hw-step2").addClass("loading-filter"); $("#hw-cta").attr("disabled",true); } else { $("#hw-step1").removeClass("loading-results"); $("#hw-step2").removeClass("loading-filter"); $("#hw-cta").attr("disabled",false); } $('#carouselWizard').trigger('refresh.owl.carousel'); } function setHash(str) { if(history.pushState) { history.pushState(null, null, "#" + str); } else { location.hash = "#" + str; } } function getHash() { var qHash = "", lHash = location.hash.substr(1); var arrHash = decodeURIComponent((lHash==="")?qHash:lHash).split("//hw//"); if (arrHash[0] !== "" && arrHash[0] !== "undefined" && arrHash.length > 1) { issue = arrHash[0]; $('#hw-question').val(issue); $('#hw-post-question').val(issue); scrollPos = arrHash[1]; board = arrHash[2]; if (board === "undefined") { board = ""; } if (arrHash.length > 3) { getHWResults(board||"", false); $('#hw-post-question').val(arrHash[3]); $('#hw-post-detail').val(arrHash[4]); $('#hw-post-category').val(arrHash[5]); gotoStep(2); } else { getHWResults(board||""); } } } initHelpWizard = function() { $("#hw-cta").on("click", nextStep); $("#hw-back-cta").on("click", nextStep); $("#hw-close").on("click", closeHelpWizard); $("#hw-question").on("change", changeQuestion); $("#hw-question").on("keydown", function(e) { if (e.keyCode == 13 && !e.shiftKey) { e.preventDefault(); scrollPos = 0; getHWResults(); $(this).blur(); } }); $("#help-wizard").addClass("active"); initCarouselWizard(); getHash(); } function getURLParameter(name) { name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]'); var regex = new RegExp('[\\?&]' + name + '=([^&#]*)'); var results = regex.exec(location.href); return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' ')); } function showPosting(bln) { if (bln) { isSubmitting = true; $("#hw-cta").attr("disabled",true); $("#hw-step3").addClass("posting"); } else { isSubmitting = false; $("#hw-cta").attr("disabled",false); $("#hw-step3").removeClass("posting"); } $('#carouselWizard').trigger('refresh.owl.carousel'); } function validatePost() { var errorMessage = ""; $('#hw-post-question,#hw-post-detail,#hw-post-category').removeClass("error"); if ($('#hw-post-question').val() === "" || $('#hw-post-detail').val() === "" || $('#hw-post-category').val() === null) { errorMessage = "Please complete all fields"; if ($('#hw-post-question').val() === "") $('#hw-post-question').addClass("error"); if ($('#hw-post-detail').val() === "") $('#hw-post-detail').addClass("error"); if ($('#hw-post-category').val() === null) $('#hw-post-category').addClass("error"); } if (errorMessage!=="") { $("#hw-post-errors").html("<div>"+errorMessage+"</div>"); currentStep --; } else { $("#hw-post-errors").empty(); } $('#carouselWizard').trigger('refresh.owl.carousel'); return (errorMessage===""); } function postQuestion() { var userAnon = true; if (userAnon) { gotoStep(3); } else if (!isSubmitting) { if (validatePost()) { // -- replace line breaks with html $("#hw-post-detail-html").val($("#hw-post-detail").val().replace(/(?:\r\n|\r|\n)/g, '<br>')); // -- post showPosting(true); $.ajax({ type: "POST", url: "/spotify/plugins/custom/spotify/spotify/end_help_wizard_post?q=" + encodeURIComponent($("#hw-post-question").val()) + "&d=" + encodeURIComponent($("#hw-post-detail-html").val()) + "&c=" + encodeURIComponent($("#hw-post-category").val()), }).fail(function (response) { console.log("error"); console.log(response); showPosting(false); }).done(function (response) { console.log("success"); console.log(response); if (response.success) { try { if (response.data.post_url !== "") { document.location = response.data.post_url + "?hwPosted=" + Date.now(); } else { document.location = "/?hwPosted=" + Date.now(); } } catch { showPosting(false); } } else { console.log('response error'); alert("Oops... something went wrong there. Please try again."); showPosting(false); } }); } } } function init() { if (document.location.href.indexOf("showHW") > -1) initHelpWizard(); } function exitHelpWizardPage(bln) { var href = document.location.href.split("?")[0]; if (bln === true) href += "?hwSuccess=" + Date.now(); document.location = href; } function closeHelpWizard() { $("#help-wizard").removeClass("active"); } $("#header-hw-exit").on("click", exitHelpWizardPage); $("#header-hw-back,#footer-hw-no").on("click", initHelpWizard); $("#footer-hw-yes").on("click", function() { exitHelpWizardPage(true); }); $("document").ready(init); $(window).resize(function() { $('#carouselWizard').trigger('refresh.owl.carousel'); }); function getHTFResults() { showHTFLoading(true); $.ajax({ url: "/spotify/plugins/custom/spotify/spotify/end_get_faqs", }).done(function(response) { $('#htf-articles').html( response ); addHTFArticleLinks(); showHTFLoading(false); }).fail(function(response){ showHTFLoading(false); console.log(JSON.stringify(response)); }); } function addHTFArticleLinks() { $('#help-tools-faq .ht-modal a.htLink').on("click", loadHTFArticle); } function loadHTFArticle(e) { $(".ht-modal").addClass("loading-article"); $("#htf-cta").attr("disabled",true); setHTFHeight(); document.location = $(e.target).data('href'); } function showHTFLoading(bln) { if (bln) { $(".ht-modal").addClass("loading-results"); $("#htf-cta").attr("disabled",true); } else { $(".ht-modal").removeClass("loading-results"); $("#htf-cta").attr("disabled",false); } setHTFHeight(); } function setHTFHeight() { if ($("#help-tools-faq").hasClass("active")) { var htHeight = $("#help-tools-faq .ht-intro").height() + 50; if ($("#help-tools-faq .ht-loading").is(":visible")) { htHeight += $("#help-tools-faq .ht-loading").height(); } else { htHeight += $("#help-tools-faq .ht-articles").height(); } $("#help-tools-faq .ht-scroll").css("height",htHeight); } } function initHelpToolsFAQ() { $("#htf-close").on("click", closeHelpToolsFAQ); $("#help-tools-faq").addClass("active"); getHTFResults(); } function closeHelpToolsFAQ() { $("#help-tools-faq").removeClass("active"); } $(window).resize(setHTFHeight); function getHTIResults() { showHTILoading(true); $.ajax({ url: "/spotify/plugins/custom/spotify/spotify/end_get_ongoingissues", }).done(function(response) { $('#hti-articles').html( response ); addHTIArticleLinks(); showHTILoading(false); }).fail(function(response){ showHTILoading(false); console.log(JSON.stringify(response)); }); } function addHTIArticleLinks() { $('#help-tools-ongoingissues .ht-modal a.htLink').on("click", loadHTIArticle); } function loadHTIArticle(e) { $(".ht-modal").addClass("loading-article"); $("#hti-cta").attr("disabled",true); setHTIHeight(); document.location = $(e.target).data('href'); } function showHTILoading(bln) { if (bln) { $(".ht-modal").addClass("loading-results"); $("#hti-cta").attr("disabled",true); } else { $(".ht-modal").removeClass("loading-results"); $("#hti-cta").attr("disabled",false); } setHTIHeight(); } function setHTIHeight() { if ($("#help-tools-ongoingissues").hasClass("active")) { var htHeight = $("#help-tools-ongoingissues .ht-intro").height() + 50; if ($("#help-tools-ongoingissues .ht-loading").is(":visible")) { htHeight += $("#help-tools-ongoingissues .ht-loading").height(); } else { htHeight += $("#help-tools-ongoingissues .ht-articles").height(); } $("#help-tools-ongoingissues .ht-scroll").css("height",htHeight); } } function initHelpToolsOngoingIssues() { $("#hti-close").on("click", closeHelpToolsOngoingIssues); $("#help-tools-ongoingissues").addClass("active"); getHTIResults(); } function closeHelpToolsOngoingIssues() { $("#help-tools-ongoingissues").removeClass("active"); } $(window).resize(setHTIHeight); function closeMobileMenu() { $('.htnav-mobile-block').removeClass('active'); } function getPageTitle() { let pageTitle = `Introducing the Spotify Miniplayer to Spotify Desktop`; if (this.behaviour==="faqlist") { pageTitle = $(".PageTitle").text(); let question = signpost.openFAQ.parent().find('.faq-question').text().replace(/(\r\n|\n|\r|\t)/gm, ""); if (question !== "") { pageTitle += " / " + question; } } return pageTitle.replace(/(\r\n|\n|\r|\t)/gm, " "); }; function initHelpTools() { $("#help-tools-nav .htnav-helpwizard").click(() => { closeMobileMenu(); initHelpWizard(); if(window.spotTrack !== undefined){ window.spotTrack.track("HelpToolbar.HelpWizard", "click", "Help Wizard", window.location.href); }; }); $("#help-tools-nav .htnav-faqs").click(() => { closeMobileMenu(); initHelpToolsFAQ(); if(window.spotTrack !== undefined){ window.spotTrack.track("HelpToolbar.FAQs", "click", "FAQs", window.location.href); }; }); $("#help-tools-nav .htnav-ongoingissues").click(() => { closeMobileMenu(); initHelpToolsOngoingIssues(); if(window.spotTrack !== undefined){ window.spotTrack.track("HelpToolbar.OngoingIssues", "click", "Ongoing Issues", window.location.href); }; }); $("#help-tools-nav .htnav-helpcategories").click(() => { closeMobileMenu(); if(window.spotTrack !== undefined){ window.spotTrack.track("HelpToolbar.HelpCategories", "click", "Help Categories", window.location.href); }; }); $("#help-tools-nav .htnav-mobile-init").click(() => $('.htnav-mobile-block').addClass('active')); $("#help-tools-nav #htnav-close").click(closeMobileMenu); } initHelpTools(); document.documentElement.style.setProperty('--iosvh',(window.innerHeight * 0.01) + "px"); LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_0","feedbackSelector":".InfoMessage"}); LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_1","feedbackSelector":".InfoMessage"}); LITHIUM.DropDownMenu({"userMessagesFeedOptionsClass":"div.user-messages-feed-options-menu a.lia-js-menu-opener","menuOffsetContainer":".lia-menu-offset-container","hoverLeaveEvent":"LITHIUM:hoverLeave","mouseoverElementSelector":".lia-js-mouseover-menu","userMessagesFeedOptionsAriaLabel":"Show contributions of the user, selected option is Show Introducing the Spotify Miniplayer to Spotify Desktop post option menu. You may choose another option from the dropdown menu.","disabledLink":"lia-link-disabled","menuOpenCssClass":"dropdownHover","menuElementSelector":".lia-menu-navigation-wrapper","dialogSelector":".lia-panel-dialog-trigger","messageOptions":"lia-component-message-view-widget-action-menu","menuBarComponent":"lia-component-menu-bar","closeMenuEvent":"LITHIUM:closeMenu","menuOpenedEvent":"LITHIUM:menuOpened","pageOptions":"lia-component-community-widget-page-options","clickElementSelector":".lia-js-click-menu","menuItemsSelector":".lia-menu-dropdown-items","menuClosedEvent":"LITHIUM:menuClosed"}); LITHIUM.DropDownMenuVisibilityHandler({"selectors":{"menuSelector":"#actionMenuDropDown","menuItemsSelector":".lia-menu-dropdown-items"}}); LITHIUM.MessageBodyDisplay('#bodyDisplay', '.lia-truncated-body-container', '#viewMoreLink', '.lia-full-body-container' ); LITHIUM.AjaxSupport.fromLink('#kudoEntity', 'kudoEntity', '#ajaxfeedback', 'LITHIUM:ajaxError', {}, 'Ep_GhCI3J32xUpujYFfEd4_F9SzNlNPek3w9NgryKZE.', 'ajax'); LITHIUM.AjaxSupport.ComponentEvents.set({ "eventActions" : [ { "event" : "kudoEntity", "actions" : [ { "context" : "envParam:entity", "action" : "rerender" } ] } ], "componentId" : "kudos.widget.button", "initiatorBinding" : true, "selector" : "#kudosButtonV2", "parameters" : { "displayStyle" : "horizontal", "disallowZeroCount" : "false", "revokeMode" : "true", "kudosable" : "true", "showCountOnly" : "false", "disableKudosForAnonUser" : "false", "useCountToKudo" : "false", "entity" : "5956132", "linkDisabled" : "false" }, "initiatorDataMatcher" : "data-lia-kudos-id" }); LITHIUM.AjaxSupport.ComponentEvents.set({ "eventActions" : [ { "event" : "approveMessage", "actions" : [ { "context" : "", "action" : "rerender" }, { "context" : "", "action" : "pulsate" } ] }, { "event" : "unapproveMessage", "actions" : [ { "context" : "", "action" : "rerender" }, { "context" : "", "action" : "pulsate" } ] }, { "event" : "deleteMessage", "actions" : [ { "context" : "lia-deleted-state", "action" : "addClassName" }, { "context" : "", "action" : "pulsate" } ] }, { "event" : "QuickReply", "actions" : [ { "context" : "envParam:feedbackData", "action" : "rerender" } ] }, { "event" : "expandMessage", "actions" : [ { "context" : "envParam:quiltName,expandedQuiltName", "action" : "rerender" } ] }, { "event" : "ProductAnswer", "actions" : [ { "context" : "envParam:quiltName", "action" : "rerender" } ] }, { "event" : "ProductAnswerComment", "actions" : [ { "context" : "envParam:selectedMessage", "action" : "rerender" } ] }, { "event" : "editProductMessage", "actions" : [ { "context" : "envParam:quiltName,message", "action" : "rerender" } ] }, { "event" : "MessagesWidgetEditAction", "actions" : [ { "context" : "envParam:quiltName,message,product,contextId,contextUrl", "action" : "rerender" } ] }, { "event" : "ProductMessageEdit", "actions" : [ { "context" : "envParam:quiltName", "action" : "rerender" } ] }, { "event" : "MessagesWidgetMessageEdit", "actions" : [ { "context" : "envParam:quiltName,product,contextId,contextUrl", "action" : "rerender" } ] }, { "event" : "AcceptSolutionAction", "actions" : [ { "context" : "", "action" : "rerender" } ] }, { "event" : "RevokeSolutionAction", "actions" : [ { "context" : "", "action" : "rerender" } ] }, { "event" : "addThreadUserEmailSubscription", "actions" : [ { "context" : "", "action" : "rerender" } ] }, { "event" : "removeThreadUserEmailSubscription", "actions" : [ { "context" : "", "action" : "rerender" } ] }, { "event" : "addMessageUserEmailSubscription", "actions" : [ { "context" : "", "action" : "rerender" } ] }, { "event" : "removeMessageUserEmailSubscription", "actions" : [ { "context" : "", "action" : "rerender" } ] }, { "event" : "markAsSpamWithoutRedirect", "actions" : [ { "context" : "", "action" : "rerender" } ] }, { "event" : "MessagesWidgetAnswerForm", "actions" : [ { "context" : "envParam:messageUid,page,quiltName,product,contextId,contextUrl", "action" : "rerender" } ] }, { "event" : "MessagesWidgetEditAnswerForm", "actions" : [ { "context" : "envParam:messageUid,quiltName,product,contextId,contextUrl", "action" : "rerender" } ] }, { "event" : "MessagesWidgetCommentForm", "actions" : [ { "context" : "envParam:messageUid,quiltName,product,contextId,contextUrl", "action" : "rerender" } ] }, { "event" : "MessagesWidgetEditCommentForm", "actions" : [ { "context" : "envParam:messageUid,quiltName,product,contextId,contextUrl", "action" : "rerender" } ] } ], "componentId" : "forums.widget.message-view", "initiatorBinding" : true, "selector" : "#messageview", "parameters" : { "disableLabelLinks" : "false", "truncateBodyRetainsHtml" : "false", "forceSearchRequestParameterForBlurbBuilder" : "false", "kudosLinksDisabled" : "false", "useSubjectIcons" : "true", "quiltName" : "BlogTopicMessage", "truncateBody" : "true", "message" : "5956132", "includeRepliesModerationState" : "false", "useSimpleView" : "false", "useTruncatedSubject" : "true", "disableLinks" : "false", "messageViewOptions" : "1111110111111100111111101110100101111101", "displaySubject" : "true" }, "initiatorDataMatcher" : "data-lia-message-uid" }); LITHIUM.DropDownMenu({"userMessagesFeedOptionsClass":"div.user-messages-feed-options-menu a.lia-js-menu-opener","menuOffsetContainer":".lia-menu-offset-container","hoverLeaveEvent":"LITHIUM:hoverLeave","mouseoverElementSelector":".lia-js-mouseover-menu","userMessagesFeedOptionsAriaLabel":"Show contributions of the user, selected option is Article Options. You may choose another option from the dropdown menu.","disabledLink":"lia-link-disabled","menuOpenCssClass":"dropdownHover","menuElementSelector":".lia-menu-navigation-wrapper","dialogSelector":".lia-panel-dialog-trigger","messageOptions":"lia-component-message-view-widget-action-menu","menuBarComponent":"lia-component-menu-bar","closeMenuEvent":"LITHIUM:closeMenu","menuOpenedEvent":"LITHIUM:menuOpened","pageOptions":"lia-component-community-widget-page-options","clickElementSelector":".lia-js-click-menu","menuItemsSelector":".lia-menu-dropdown-items","menuClosedEvent":"LITHIUM:menuClosed"}); LITHIUM.DropDownMenuVisibilityHandler({"selectors":{"menuSelector":"#actionMenuDropDown_0","menuItemsSelector":".lia-menu-dropdown-items"}}); LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_2","feedbackSelector":".InfoMessage"}); LITHIUM.CustomEvent('.lia-custom-event', 'click'); LITHIUM.Components.renderInPlace('blogsPageCommentList', {"componentParams":"{\n \"articleRef\" : \"24056\",\n \"blogRef\" : \"an7vvWCW39HC8yxUd7u5Dawo_bt6H6EFsLW_p3sLVNm8WdNgxqn3uQBTnnoodGZ4vNyvZtaXz84lCpBURYyevtbl1Lq9AEWJrke-Wl6ySGdvFL2sKEqd1dPhBKz-V_pm1OtKzCROJgL2IsqLfZHgbSqISDVpSF1Ag9iCJLNivvi2wsamIk7A09PBODdaU4gdRyZ95leeryYhheiAUycPJnK-yOSoKpeaHtYZwQ619lpPCR1PwrrvpAkpPuUNUV9PxuoORwA3_jBkhZu115NIN52NYqBtzLXSkY4w-hS1OEDn5N41HlAr_qvtkmG98I6fZ9yaN6pBuxNjpEIS-Val4VnB0lrZPxqTNxa2k40xYsmUluO77pu1fc59Ihh81241VXaRGUIRjbFKJqrqhjivlF3_7FC-pkuUBEk7RnW5GhAao7qrUgpYtxiNPk_6yebQHRGYasGztcLVR-YzyB73Jze-C7Mpy6br-d2yU5EvoIePivcHSMwLN5w9OOsOxK1eFRapYnLas2zOurMDDv9svHlmvuUoMOptY1d9C_JDwFdngoaOPLM4-bK0VZwQ_qrqvz_9jSylyoIyqnjRBOHopla5lg4ET73BLedR3s-RmA4PUmf-e9-ke9MZixmwUjVOeTyofqaClQ1_tkT_H7NparHZEEedBGhzfRSIS6PNYXRrBgiFvEU2mFC8RBzmoVLJWl1psZtE09nJW1oiLrFJud7Bq5FhY1NVzIcS51xbPDQYwc20Xy5K1F_3cN-CT-UJjoxIQXMUV8VC46CS5-s3L08QSW6A_UqkPfdh-aMFDBPx6cnz18_tdZAgTLSnKYO92qIZ_BOvawXu-_vxVJ69diUd3q-RblaBsg3Kzz_kHY-OYO6jcqQyhxbxuZcceYE5SAb-zS2AEJO0I2bm3xTBTEDv_P58SrsEvZqWXBd4Byjbl-ZOgvKkOXYtEcyLPo6LPMqTeDiS_Vl0q8vL3bFpTPDTmxgFg_KBdb5W7y9eIf3lzNhhQV1dsFLinGBJ_-kQpfTBN9vkiqemuEvL3dH0gGTjJUvkAZPzKfQgYxJplqE4dqyc13pWZ2p5osQxKLMWjug28iOblUOA1nViyuKLtPGMW31UoIyB2RLYIprgOH-vHTJIkK3W9ROOpdpCEKabj04wZRGVfjwnXESueASSl08kmeYstCwPiM6WlS-wBSr1uS9WKvRD8xRXIdJpF66ZP10QoayxjmqHDXQizRm9d4CfiFsqPHzZwaeikTFks0ytsGNcviR5wZIAdUUYXH9hwfuraBM7iwGNGRPvEfkYIq0jQDhnrdrd4kSC5MDQ59lqLGWr2Hht2K6AWZ0gmMd0jrTy7O-Z4l8Lwk1Rp2SSWye3ZaRRhWfs6X1Y55EVbD1Vg_uip3Oo1E9hJvZHPFbV4Y_zzL6zGfe4rPBYdXHjTG3ArVUgkRbcxGdLNyvkHnaWwKNo8ZpC3__psDIP_0a92DOkEG9dCVPQs-EUJMfQzDhmRAep5EKkRhrMrUCoSIIPxwnMZeGXKaDV1tHUhrD9hnnjazUkcX_F9Z9JyZLcgtEY1rzDUlHmJxOpbB08qsyN3mhA0vYNPmKVoyutsfHapi6Z2ul52kuNxFb6hJb2NoZby2TAupVFH_S5zFLwjG3htltkiRtSbv2W_KnGc-_5pZNVahbwALHnlDPsl80aHa3GkO4MntzWjsho_YhecQpQQLOLvUxaTBJDLNUKc-VhvZnn8xTwsAM_HLopIKDxPPuYwdE_wsiQZAJxs-YowQ6t2TC1sD3vwcghtZv56d3RiVx_YoRco0U-qyEuN6AgLanhJxrKpltpz74d-UBbTtMKp2m6mFngqBtpAmj5zdzI\",\n \"messageViewOptions\" : \"1111110111111100111111101110100101111101\",\n \"viewAllComments\" : \"false\",\n \"commentPageId\" : \"1\"\n}","componentId":"blogsPageCommentList"}, {"errorMessage":"An Unexpected Error has occurred.","type":"POST","url":"https://community.spotify.com/t5/blogs/v2/blogarticlepage.componentdisplay:lazyrender?t:ac=blog-id/spotifyct/article-id/24056"}, 'lazyload'); LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_3","feedbackSelector":".InfoMessage"}); LITHIUM.InformationBox({"updateFeedbackEvent":"LITHIUM:updateAjaxFeedback","componentSelector":"#informationbox_4","feedbackSelector":".InfoMessage"}); $(document).ready( function() { $('.lia-message-body, .lia-quilt-column-main-content-latest-threads .topicItem p.body, .lia-quilt-column-featured-threads-content .topicItem p.body').each(function() { $(this).find("a[href*='spotify:episode:'],a[href*='spotify:show:'], a[href*='spotify:track:'], a[href*='spotify:album:'], a[href*=':playlist:'], a[href*=':artist:'], a[href*='spotify.com/episode/'], a[href*='spotify.com/show/'], a[href*='spotify.com/track/'], a[href*='spotify.com/album/'], a[href*='/playlist/'], a[href*='/artist/']" ).each(function() { if( $(this).attr('href').indexOf('noconvert') < 0) { var parent_length = $(this).parents(".UserSignature.lia-message-signature").first().length + $(this).parents("table.no-show").first().length + $(this).parents("td.cust-no-render-uri").first().length; if(parent_length == 0 ) { vPL = $(this).prop("href"); checkURI(vPL, $(this),0,0);//0 Makes it a play button } } }); $(this).find("a[href*='spotify:user:']" ).each(function() { var parent_length = $(this).parents(".UserSignature.lia-message-signature").first().length + $(this).parents("table.no-show").first().length + $(this).parents("td.cust-no-render-uri").first().length; if(parent_length == 0 ) { vPL = $(this).prop("href"); if ( ((vPL.length - vPL.replace(/:/g,"").length ) >= 2) && ((vPL.length - vPL.replace("playlist","").length ) == 0 ) ) { vBS = 1; } else { vBS = 0; } checkURI(vPL, $(this),vBS,0);//0 Makes it a play button } }); /* $(this).filter(":contains('spotify:episode:'), :contains('spotify:show:'), :contains('spotify:track:'), :contains('spotify:album:'), :contains(':playlist:'), :contains(':artist:'), :contains('spotify.com/episode/'), :contains('spotify.com/show/'), :contains('spotify.com/track/'), :contains('spotify.com/album/'):not(:contains('noconvert')), :contains('/playlist/'), :contains('/artist/')").each(function() { vPL = $(this).text().replace(' ',''); checkURI(vPL, $(this),0,1);//0 Makes it a play button. Last 1 makes it small. }); */ }); $(".UserSignature.lia-message-signature").each(function() { $(this).find("a[href*='spotify:user:'], a[href*='spotify:artist:'], a[href*='spotify:album:'], a[href*='spotify:track:'], a[href*='spotify:episode:'], a[href*='spotify:show:']" ).each(function() { vPL = $(this).prop("href"); checkURI(vPL, $(this),1,0); //1 Makes it a follow button }); }); }); function checkURI(vPL,objPL,vBS,sorl) { var isNew = false; vSize = vPL.indexOf(':small') + vPL.indexOf('&small'); match = vPL.match(/https\:\/\/open.spotify.com/); if (match) { isNew = true; vPL = vPL.replace('open.spotify.com/','open.spotify.com/embed/'); } else { match = vPL.match(/spotify:(user|artist|track|album|episode|show|playlist):((\w|\.|\%|[^\u0000-\u0080])|:playlist:\w)+(:small)*/); if (!match) match = vPL.match(/spotify.com\/(user|artist|track|album|episode|show|playlist)\/((\w|\.|\%|[^\u0000-\u0080])|\/playlist\/\w)*/); if (!match) return; vPL = match ? match[0] : ""; vPL = vPL.replace(/\//g,":").replace(/\.com/g,""); } vHeight = 380; vDetail = "detail"; vHeight2 = 56; if(vSize > 0) { vHeight = 80; vDetail = "basic"; vHeight2 = 25; if(isNew == false) { vPL = vPL.substring(0,vPL.length - 6); } } if(sorl == 1) { vHeight = 80; vDetail = "basic"; vHeight2 = 25; } if( (vPL.indexOf('/episode/') + vPL.indexOf('/show/')) > 0) {vHeight=232;} if(vBS == 0) { if(isNew) { objPL.replaceWith('<iframe src="' + vPL + '" width="300" height="' + vHeight + '" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>'); } else { objPL.replaceWith('<iframe src="https://embed.spotify.com/?uri=' + vPL + '" width="300" height="' + vHeight + '" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>'); } } else { objPL.replaceWith('<iframe src="https://embed.spotify.com/follow/1/?uri=' + vPL + '&size=' + vDetail + '" width="300" height="' + vHeight2 + '" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" allowtransparency="true" allow="encrypted-media"></iframe>'); } } LITHIUM.Form.resetFieldForFocusFound(); $(".UserName.lia-user-rank- .lia-user-name-link").each(function() { if ($(this).text()=="") { $(this).text("New user"); var userRank = $(this).closest("div").find(".lia-message-author-rank"); if (userRank.text().indexOf("Not applicable")>-1) { userRank.text("Visitor"); } } }); ;(function($) { $(document).ready(function() { $('#lia-body').addClass('lia-not-logged'); }); })(LITHIUM.jQuery); LITHIUM.PartialRenderProxy({"limuirsComponentRenderedEvent":"LITHIUM:limuirsComponentRendered","relayEvent":"LITHIUM:partialRenderProxyRelay","listenerEvent":"LITHIUM:partialRenderProxy"}); LITHIUM.AjaxSupport({"ajaxOptionsParam":{"event":"LITHIUM:partialRenderProxyRelay","parameters":{"javascript.ignore_combine_and_minify":"true"}},"tokenId":"ajax","elementSelector":document,"action":"partialRenderProxyRelay","feedbackSelector":false,"url":"https://community.spotify.com/t5/blogs/v2/blogarticlepage.liabase.basebody.partialrenderproxy:partialrenderproxyrelay?t:ac=blog-id/spotifyct/article-id/24056","ajaxErrorEventName":"LITHIUM:ajaxError","token":"5iqiJy99D8Tg2vuQIAHETVxrEeK19a8rB631P-_3Lxo."}); LITHIUM.Auth.API_URL = "/t5/util/authcheckpage"; LITHIUM.Auth.LOGIN_URL_TMPL = "/plugins/common/feature/oauth2sso_v2/sso_login_redirect?referer=https%3A%2F%2FREPLACE_TEXT"; LITHIUM.Auth.KEEP_ALIVE_URL = "/t5/status/blankpage?keepalive"; LITHIUM.Auth.KEEP_ALIVE_TIME = 300000; LITHIUM.Auth.CHECK_SESSION_TOKEN = 'vYAc4iwXTS3IMXdjAN3SMrbv3NJMGx5cm_NqQdjuXqo.'; LITHIUM.AjaxSupport.useTickets = false; LITHIUM.Cache.CustomEvent.set([{"elementId":"link_5","stopTriggerEvent":false,"fireEvent":"LITHIUM:changePage","triggerEvent":"click","eventContext":{"parameters":{"page":2}}},{"elementId":"link_6","stopTriggerEvent":false,"fireEvent":"LITHIUM:changePage","triggerEvent":"click","eventContext":{"parameters":{"page":3}}},{"elementId":"link_8","stopTriggerEvent":false,"fireEvent":"LITHIUM:changePage","triggerEvent":"click","eventContext":{"parameters":{"page":6}}},{"elementId":"link_0_1","stopTriggerEvent":false,"fireEvent":"LITHIUM:changePage","triggerEvent":"click","eventContext":{"parameters":{"pageNavigationDirection":"next","page":2}}},{"elementId":"link_11","stopTriggerEvent":false,"fireEvent":"LITHIUM:changePage","triggerEvent":"click","eventContext":{"parameters":{"page":2}}},{"elementId":"link_12","stopTriggerEvent":false,"fireEvent":"LITHIUM:changePage","triggerEvent":"click","eventContext":{"parameters":{"page":3}}},{"elementId":"link_14","stopTriggerEvent":false,"fireEvent":"LITHIUM:changePage","triggerEvent":"click","eventContext":{"parameters":{"page":6}}},{"elementId":"link_0_2","stopTriggerEvent":false,"fireEvent":"LITHIUM:changePage","triggerEvent":"click","eventContext":{"parameters":{"pageNavigationDirection":"next","page":2}}}]); LITHIUM.Loader.runJsAttached(); // --> </script></body> </html>