{"id":512,"date":"2024-03-08T16:01:57","date_gmt":"2024-03-08T16:01:57","guid":{"rendered":"https:\/\/serverhost.com\/blog\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/"},"modified":"2024-12-09T06:07:00","modified_gmt":"2024-12-09T06:07:00","slug":"a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu","status":"publish","type":"post","link":"https:\/\/serverhost.com\/blog\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/","title":{"rendered":"A Step-by-Step Guide to Run Apps in Picture in Picture Mode on Ubuntu"},"content":{"rendered":"<p><p>A fresh GNOME Shell extension permits you to convert any application into an Ubuntu picture-in-picture window.<\/p>\n<\/p>\n<p><p>Most likely, you&#8217;ve already encountered picture-in-picture mode (PiP) via your internet browser. Mozilla Firefox and Chrome permit you to &#8220;pop-out&#8221; videos from web pages and view them as thumbnail-sized windows that float over other applications, and the PiP window can be resized and repositioned.<\/p>\n<\/p>\n<p><p>However, PiP only functions with online video in browsers, which is convenient if you need to watch a video on a supported site like YouTube while working in another tab or application. For instance, I use this feature to follow online video tutorials like &#8216;how to perform a cool task in Krita&#8217; while I&#8217;m utilizing the application.<\/p>\n<\/p>\n<p><p>Well, a new GNOME Shell extension, &#8216;WTMB,&#8217; does the exact same thing.<\/p>\n<\/p>\n<p><p>Once installed (works with Ubuntu 22.04 LTS or above) it lets you <strong>run any desktop app in picture in picture mode<\/strong>:<\/p>\n<\/p>\n<p><p>You could use this to watch a <em>local<\/em> video in a floating window, monitor a command line process\/job, keep an eye on a video call, view something non-video happening on a web-page (like a live blog, if those still exist), etc \u2014 the possibilities and use cases are as varied as your needs are.<\/p>\n<\/p>\n<p><p>A few handy tips:<\/p>\n<\/p>\n<ul>\n<li><strong>To make app a PiP window focus it and press <kbd>super<\/kbd> + <kbd>t<\/kbd><\/strong><\/li>\n<li><strong>Hover over a PiP window and use mouse-scroll wheel to resize<\/strong><\/li>\n<li><strong>Right-click on a PiP window to view larger preview<\/strong><\/li>\n<li><strong>Double-click on PiP window to focus main window<\/strong><\/li>\n<\/ul>\n<p><p>Lots of settings are available including the ability to <strong>choose default thumbnail size<\/strong> (as a percentage of original window, so maximised windows will always be larger than normal ones), set PiP spawn position, define hover\/click actions, customise keyboard shortcuts, and more.<\/p>\n<\/p>\n<p><p>Check it out!<\/p>\n<\/p>\n<p><p><strong>\u2022 Get <a href=\"https:\/\/extensions.gnome.org\/extension\/6816\/wtmb-window-thumbnails\/\" target=\"_blank\" rel=\"nofollow noopener\">WTMB on GNOME Extensions<\/a><\/strong><\/p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A fresh GNOME Shell extension permits you to convert any application into an Ubuntu picture-in-picture window. Most likely, you&#8217;ve already encountered picture-in-picture mode (PiP) via your internet browser. Mozilla Firefox and Chrome permit you to &#8220;pop-out&#8221; videos from web pages and view them as thumbnail-sized windows that float over other applications, and the PiP window [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":513,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[54,143],"tags":[],"class_list":["post-512","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gnome-extensions","category-how-to"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Easy Guide to Picture-in-Picture Mode on Ubuntu | ServerHost<\/title>\n<meta name=\"description\" content=\"Learn how to run apps in Picture-in-Picture mode on Ubuntu with this step-by-step guide. Perfect for multitasking and improving your workflow efficiency.\" \/>\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\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Easy Guide to Picture-in-Picture Mode on Ubuntu | ServerHost\" \/>\n<meta property=\"og:description\" content=\"Learn how to run apps in Picture-in-Picture mode on Ubuntu with this step-by-step guide. Perfect for multitasking and improving your workflow efficiency.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/serverhost.com\/blog\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/\" \/>\n<meta property=\"og:site_name\" content=\"ServerHost Hosting Solutions Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-08T16:01:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-09T06:07:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/03\/17efc2e58fbf7ea93ac2643d7ea09256.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"840\" \/>\n\t<meta property=\"og:image:height\" content=\"473\" \/>\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\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/\",\"url\":\"https:\/\/serverhost.com\/blog\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/\",\"name\":\"Easy Guide to Picture-in-Picture Mode on Ubuntu | ServerHost\",\"isPartOf\":{\"@id\":\"https:\/\/serverhost.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/serverhost.com\/blog\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/serverhost.com\/blog\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/03\/17efc2e58fbf7ea93ac2643d7ea09256.webp\",\"datePublished\":\"2024-03-08T16:01:57+00:00\",\"dateModified\":\"2024-12-09T06:07:00+00:00\",\"author\":{\"@id\":\"https:\/\/serverhost.com\/blog\/#\/schema\/person\/535ebc9c42672d8f79ad3ee8ea563d66\"},\"description\":\"Learn how to run apps in Picture-in-Picture mode on Ubuntu with this step-by-step guide. Perfect for multitasking and improving your workflow efficiency.\",\"breadcrumb\":{\"@id\":\"https:\/\/serverhost.com\/blog\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/serverhost.com\/blog\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/serverhost.com\/blog\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/#primaryimage\",\"url\":\"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/03\/17efc2e58fbf7ea93ac2643d7ea09256.webp\",\"contentUrl\":\"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/03\/17efc2e58fbf7ea93ac2643d7ea09256.webp\",\"width\":840,\"height\":473},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/serverhost.com\/blog\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/serverhost.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A Step-by-Step Guide to Run Apps in Picture in Picture Mode on Ubuntu\"}]},{\"@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":"Easy Guide to Picture-in-Picture Mode on Ubuntu | ServerHost","description":"Learn how to run apps in Picture-in-Picture mode on Ubuntu with this step-by-step guide. Perfect for multitasking and improving your workflow efficiency.","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\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/","og_locale":"en_US","og_type":"article","og_title":"Easy Guide to Picture-in-Picture Mode on Ubuntu | ServerHost","og_description":"Learn how to run apps in Picture-in-Picture mode on Ubuntu with this step-by-step guide. Perfect for multitasking and improving your workflow efficiency.","og_url":"https:\/\/serverhost.com\/blog\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/","og_site_name":"ServerHost Hosting Solutions Blog","article_published_time":"2024-03-08T16:01:57+00:00","article_modified_time":"2024-12-09T06:07:00+00:00","og_image":[{"width":840,"height":473,"url":"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/03\/17efc2e58fbf7ea93ac2643d7ea09256.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\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/","url":"https:\/\/serverhost.com\/blog\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/","name":"Easy Guide to Picture-in-Picture Mode on Ubuntu | ServerHost","isPartOf":{"@id":"https:\/\/serverhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/serverhost.com\/blog\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/#primaryimage"},"image":{"@id":"https:\/\/serverhost.com\/blog\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/#primaryimage"},"thumbnailUrl":"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/03\/17efc2e58fbf7ea93ac2643d7ea09256.webp","datePublished":"2024-03-08T16:01:57+00:00","dateModified":"2024-12-09T06:07:00+00:00","author":{"@id":"https:\/\/serverhost.com\/blog\/#\/schema\/person\/535ebc9c42672d8f79ad3ee8ea563d66"},"description":"Learn how to run apps in Picture-in-Picture mode on Ubuntu with this step-by-step guide. Perfect for multitasking and improving your workflow efficiency.","breadcrumb":{"@id":"https:\/\/serverhost.com\/blog\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/serverhost.com\/blog\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/serverhost.com\/blog\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/#primaryimage","url":"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/03\/17efc2e58fbf7ea93ac2643d7ea09256.webp","contentUrl":"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/03\/17efc2e58fbf7ea93ac2643d7ea09256.webp","width":840,"height":473},{"@type":"BreadcrumbList","@id":"https:\/\/serverhost.com\/blog\/a-step-by-step-guide-to-run-apps-in-picture-in-picture-mode-on-ubuntu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/serverhost.com\/blog\/"},{"@type":"ListItem","position":2,"name":"A Step-by-Step Guide to Run Apps in Picture in Picture Mode on Ubuntu"}]},{"@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\/512","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=512"}],"version-history":[{"count":1,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/posts\/512\/revisions"}],"predecessor-version":[{"id":1481,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/posts\/512\/revisions\/1481"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/media\/513"}],"wp:attachment":[{"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/media?parent=512"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/categories?post=512"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/tags?post=512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}