{"id":33459,"date":"2021-03-10T16:31:27","date_gmt":"2021-03-10T16:31:27","guid":{"rendered":"https:\/\/ubuntuhandbook.org\/?p=33459"},"modified":"2021-03-10T16:31:27","modified_gmt":"2021-03-10T16:31:27","slug":"show-spotify-playing-song-on-top-bar-in-ubuntu-20-04-via-extension","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2021\/03\/show-spotify-playing-song-on-top-bar-in-ubuntu-20-04-via-extension\/","title":{"rendered":"Show Spotify Playing Song on Top Bar in Ubuntu 20.04 via Extension"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2015\/09\/spotify_icon.png\" alt=\"Spotify\" width=\"245\" height=\"250\" class=\"alignleft size-full wp-image-5309\" \/><\/p>\n<p>For Spotify users, you can add the currently playing song name displayed on the top panel in Ubuntu 20.04 via Gnome Extension.<\/p>\n<p>There&#8217;s a Gnome Shell Extension called &#8216;Spotify Song Label&#8217;, which adds the current playing song as well as artist in the top bar.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/03\/spotify-label.jpg\" alt=\"\" width=\"520\" height=\"205\" class=\"aligncenter size-full wp-image-33460\" \/><\/p>\n<p>It can be placed in the left, center, or right of the top panel, with options to change left \/ right padding. And it has ability to toggle between Spotify window and last focused app.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/03\/spotify-label-settings.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/03\/spotify-label-settings-small.jpg\" alt=\"\" width=\"600\" height=\"390\" class=\"aligncenter size-full wp-image-33461\" \/><\/a><\/p>\n<h4>How to Install Spotify Song label Extension:<\/h4>\n<p><b>1.)<\/b> Firstly make sure <code style=\"border:none; color:#000000;\">chrome-gnome-shell<\/code> package is installed. And for the configuration tool (see the previous picture), install the <code style=\"border:none; color:#000000;\">gnome-shell-extension-prefs<\/code> package:<\/p>\n<pre style=\"border:none;\">sudo apt install chrome-gnome-shell gnome-shell-extension-prefs<\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/10\/apt-chrome-gnome-shell-prefs.png\" alt=\"\" width=\"600\" height=\"150\" class=\"aligncenter size-full wp-image-32875\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/10\/apt-chrome-gnome-shell-prefs.png 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/10\/apt-chrome-gnome-shell-prefs-450x113.png 450w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><b>2.)<\/b> <a href=\"https:\/\/extensions.gnome.org\/extension\/2603\/spotify-label\/\" rel=\"noopener\" target=\"_blank\">Go to the extension web page<\/a> and turn on the toggle icon to install it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/03\/install-spotify-label.png\" alt=\"\" width=\"600\" height=\"408\" class=\"aligncenter size-full wp-image-33463\" \/><\/p>\n<p>Don&#8217;t see the toggle icon? Click the link which says &#8220;Click here to install browser extension&#8221; to install browser extension and refresh the web page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/06\/gnome-browser-extension.png\" alt=\"\" width=\"520\" height=\"256\" class=\"aligncenter size-full wp-image-10357\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/06\/gnome-browser-extension.png 520w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/06\/gnome-browser-extension-450x222.png 450w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><\/p>\n<p>That&#8217;s it. To change the extension settings, use either Gnome Tweaks or Extensions you installed via step 1.<\/p>","protected":false},"excerpt":{"rendered":"<p>For Spotify users, you can add the currently playing song name displayed on the top panel in Ubuntu 20.04 via Gnome Extension. There&#8217;s a Gnome Shell Extension called &#8216;Spotify Song Label&#8217;, which adds the current playing song as well as artist in the top bar. It can be placed in the left, center, or right [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-33459","post","type-post","status-publish","format-standard","hentry","category-howtos"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/33459","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/comments?post=33459"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/33459\/revisions"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=33459"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=33459"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=33459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}