{"id":686,"date":"2024-05-02T18:02:31","date_gmt":"2024-05-02T18:02:31","guid":{"rendered":"https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/"},"modified":"2024-12-10T05:31:42","modified_gmt":"2024-12-10T05:31:42","slug":"introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls","status":"publish","type":"post","link":"https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/","title":{"rendered":"Introducing the Extension That Incorporates a Progress Bar into GNOME Shell Media Controls"},"content":{"rendered":"
\n

<\/a>
Want a progress bar in the sound applet?<\/figcaption><\/figure>\n<\/div>\n

Media Progress<\/i> is a new GNOME Shell extension that adds a real-time progress bar to the MPRIS notification\/sound control feature that is displayed in the notification area.<\/b><\/p>\n

This extension doesn\u2019t do more than that, but as simple improvements go, it’s an engaging one.<\/p>\n

More than a mere indicator, the progress bar added by the extension is interactive and seekable. Click anywhere on the progress bar to move to that position (which is convenient if you are listening to something lengthy, like a podcast or audiobook).<\/p>\n<\/p>\n

At the time of writing, the Media Progress<\/em> extension is compatible with GNOME 46. Thus, to utilize it, you must be operating on Ubuntu 24.04 LTS (or an alternative Linux distribution that includes this version, of course).<\/p>\n<\/p>\n

This extension is likely designed\/tested to function best with dark backgrounds for shell menus, given that this is the default setting in upstream GNOME Shell. However, because Ubuntu defaults to light backgrounds, the progress bar is not easily visible:<\/p>\n<\/p>\n

The image was here<\/a><\/p>\n

The above image caption is: Doesn’t accommodate light mode well (currently)<\/p>\n<\/p>\n

Turning on Ubuntu’s Dark Mode mitigates this issue, serving as an adequate solution until the bug, assuming it exists, is addressed by the extension’s developer. It shouldn’t be a challenging problem to solve.<\/p>\n<\/p>\n

Similarly, the current version of the extension does sometimes crash1<\/a><\/sup>, which requires logging out2<\/a><\/sup> and back to re-initiate the extension. From looking at the extension\u2019s Github activity<\/a> crash fixes are listed so buffs n\u2019 balms are on the way.<\/p>\n

In the mean time, if you think this looks handy go try it!<\/p>\n

\u2022 Get Media Progress <\/a>on GNOME Extensions<\/strong><\/p>\n

    \n
  1. I only tested with Rhythmbox, so it could be a player-specific fault \u21a9\ufe0e<\/a><\/li>\n
  2. In Wayland; on Xorg sessions you can restart GNOME Shell \u21a9\ufe0e<\/a><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

    Want a progress bar in the sound applet? Media Progress is a new GNOME Shell extension that adds a real-time progress bar to the MPRIS notification\/sound control feature that is displayed in the notification area. This extension doesn\u2019t do more than that, but as simple improvements go, it’s an engaging one. More than a mere […]<\/p>\n","protected":false},"author":1,"featured_media":687,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[54,4,131],"tags":[],"class_list":["post-686","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gnome-extensions","category-news","category-ubuntu-24-04-lts"],"yoast_head":"\nGNOME Extension Adds Progress Bar to Media Controls | ServerHost<\/title>\n<meta name=\"description\" content=\"Media controls now include a progress meter thanks to a new GNOME plugin. The new progress bar for media controls in GNOME will enhance your media experience.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"GNOME Extension Adds Progress Bar to Media Controls | ServerHost\" \/>\n<meta property=\"og:description\" content=\"Media controls now include a progress meter thanks to a new GNOME plugin. The new progress bar for media controls in GNOME will enhance your media experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/\" \/>\n<meta property=\"og:site_name\" content=\"ServerHost Hosting Solutions Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-02T18:02:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-10T05:31:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/05\/79750d88de991f4f795b2ae71bfb4b9a.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1008\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/\",\"url\":\"https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/\",\"name\":\"GNOME Extension Adds Progress Bar to Media Controls | ServerHost\",\"isPartOf\":{\"@id\":\"https:\/\/serverhost.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/05\/79750d88de991f4f795b2ae71bfb4b9a.webp\",\"datePublished\":\"2024-05-02T18:02:31+00:00\",\"dateModified\":\"2024-12-10T05:31:42+00:00\",\"author\":{\"@id\":\"https:\/\/serverhost.com\/blog\/#\/schema\/person\/535ebc9c42672d8f79ad3ee8ea563d66\"},\"description\":\"Media controls now include a progress meter thanks to a new GNOME plugin. The new progress bar for media controls in GNOME will enhance your media experience.\",\"breadcrumb\":{\"@id\":\"https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/#primaryimage\",\"url\":\"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/05\/79750d88de991f4f795b2ae71bfb4b9a.webp\",\"contentUrl\":\"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/05\/79750d88de991f4f795b2ae71bfb4b9a.webp\",\"width\":1920,\"height\":1008},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/serverhost.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introducing the Extension That Incorporates a Progress Bar into GNOME Shell Media Controls\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/serverhost.com\/blog\/#website\",\"url\":\"https:\/\/serverhost.com\/blog\/\",\"name\":\"ServerHost Hosting Solutions Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/serverhost.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/serverhost.com\/blog\/#\/schema\/person\/535ebc9c42672d8f79ad3ee8ea563d66\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/serverhost.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b8e5973018461f98bcdda40e69a0a7ae6548c079e5e7a1a0c8b40c0738e0fb52?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b8e5973018461f98bcdda40e69a0a7ae6548c079e5e7a1a0c8b40c0738e0fb52?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/serverhost.com\/blog\"],\"url\":\"https:\/\/serverhost.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"GNOME Extension Adds Progress Bar to Media Controls | ServerHost","description":"Media controls now include a progress meter thanks to a new GNOME plugin. The new progress bar for media controls in GNOME will enhance your media experience.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/","og_locale":"en_US","og_type":"article","og_title":"GNOME Extension Adds Progress Bar to Media Controls | ServerHost","og_description":"Media controls now include a progress meter thanks to a new GNOME plugin. The new progress bar for media controls in GNOME will enhance your media experience.","og_url":"https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/","og_site_name":"ServerHost Hosting Solutions Blog","article_published_time":"2024-05-02T18:02:31+00:00","article_modified_time":"2024-12-10T05:31:42+00:00","og_image":[{"width":1920,"height":1008,"url":"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/05\/79750d88de991f4f795b2ae71bfb4b9a.webp","type":"image\/webp"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/","url":"https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/","name":"GNOME Extension Adds Progress Bar to Media Controls | ServerHost","isPartOf":{"@id":"https:\/\/serverhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/#primaryimage"},"image":{"@id":"https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/#primaryimage"},"thumbnailUrl":"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/05\/79750d88de991f4f795b2ae71bfb4b9a.webp","datePublished":"2024-05-02T18:02:31+00:00","dateModified":"2024-12-10T05:31:42+00:00","author":{"@id":"https:\/\/serverhost.com\/blog\/#\/schema\/person\/535ebc9c42672d8f79ad3ee8ea563d66"},"description":"Media controls now include a progress meter thanks to a new GNOME plugin. The new progress bar for media controls in GNOME will enhance your media experience.","breadcrumb":{"@id":"https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/#primaryimage","url":"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/05\/79750d88de991f4f795b2ae71bfb4b9a.webp","contentUrl":"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/05\/79750d88de991f4f795b2ae71bfb4b9a.webp","width":1920,"height":1008},{"@type":"BreadcrumbList","@id":"https:\/\/serverhost.com\/blog\/introducing-the-extension-that-incorporates-a-progress-bar-into-gnome-shell-media-controls\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/serverhost.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Introducing the Extension That Incorporates a Progress Bar into GNOME Shell Media Controls"}]},{"@type":"WebSite","@id":"https:\/\/serverhost.com\/blog\/#website","url":"https:\/\/serverhost.com\/blog\/","name":"ServerHost Hosting Solutions Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/serverhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/serverhost.com\/blog\/#\/schema\/person\/535ebc9c42672d8f79ad3ee8ea563d66","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/serverhost.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b8e5973018461f98bcdda40e69a0a7ae6548c079e5e7a1a0c8b40c0738e0fb52?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b8e5973018461f98bcdda40e69a0a7ae6548c079e5e7a1a0c8b40c0738e0fb52?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/serverhost.com\/blog"],"url":"https:\/\/serverhost.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/posts\/686","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/comments?post=686"}],"version-history":[{"count":1,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/posts\/686\/revisions"}],"predecessor-version":[{"id":1724,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/posts\/686\/revisions\/1724"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/media\/687"}],"wp:attachment":[{"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/media?parent=686"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/categories?post=686"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/tags?post=686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}