{"id":68888,"date":"2022-05-03T05:43:26","date_gmt":"2022-05-03T12:43:26","guid":{"rendered":"https:\/\/blog.mozilla.org\/?p=68888"},"modified":"2022-05-03T05:43:26","modified_gmt":"2022-05-03T12:43:26","slug":"firefox-picture-in-picture-rolls-out-subtitles","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/en\/uncategorized\/firefox-picture-in-picture-rolls-out-subtitles\/","title":{"rendered":"Firefox\u2019s Picture-in-Picture rolls out subtitles \u2013 a Mozilla Connect community requested feature"},"content":{"rendered":"\n<p>There are so many different ways that Firefox users count on Picture-in-Picture for their best browsing and content viewing experiences:<\/p>\n\n\n\n<ul><li><strong>Toddler duty?<\/strong> Don\u2019t sweat it! Stream your child\u2019s favorite movie to watch on your desktop while you hold down your job <em>and<\/em> the title of \u201cfavorite parent!\u201d<\/li><\/ul>\n\n\n\n<ul><li><strong>Can\u2019t miss the big game?<\/strong> <a href=\"https:\/\/blog.mozilla.org\/en\/products\/firefox\/how-to-watch-ncaa-basketball-tournament-firefox-multiple-picture-in-picture\/\">Firefox\u2019s Multiple Picture-in-Picture feature is the gametime assist you need!<\/a> Watch all the games playing live at the same time, no fancy home set-up required.<\/li><\/ul>\n\n\n\n<ul><li><strong>Learning new coding skills? <\/strong>Open an online tutorial video while keeping your developer software full screen where you test the code.<\/li><\/ul>\n\n\n\n<ul><li><strong>Trying a new recipe? <\/strong>With<strong> <\/strong>Picture-in-Picture you can watch Emily Mariko\u2019s viral salmon rice bowl how-to while also having the in-text recipe open on your main browser tab.<\/li><\/ul>\n\n\n\n<p><a href=\"https:\/\/blog.mozilla.org\/en\/mozilla\/celebrating-firefox-100\/\">Beginning with Firefox 1.0<\/a>, we\u2019ve continued to put our users first to develop and deliver on the features most important to them. Our mission then \u2013 to build an internet open and accessible to all \u2013 still remains the same today. That\u2019s why, nearly 99 releases later, we\u2019re excited to introduce subtitles and captions to Firefox\u2019s <a href=\"https:\/\/www.mozilla.org\/en-US\/firefox\/features\/picture-in-picture\/\">Picture-in-Picture<\/a> (PiP).&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>A community-led effort<\/strong><\/h4>\n\n\n\n<p>In 2019, we released <a href=\"https:\/\/blog.mozilla.org\/en\/products\/firefox\/firefox-news\/news-from-firefox-on-mobile-private-network-and-desktop\/\">Picture-in-Picture<\/a> and it soon topped our <a href=\"https:\/\/blog.mozilla.org\/en\/products\/firefox\/our-year-in-review-how-weve-kept-firefox-working-for-you-in-2020\/\">best features lists<\/a>. This<a href=\"https:\/\/www.mozilla.org\/en-US\/firefox\/new\/?utm_campaign=firefox_frontier&amp;utm_content=pip-email&amp;utm_medium=referral&amp;utm_source=blog.mozilla.org%E2%80%9D%20with%20%E2%80%9Chttps:\/\/www.mozilla.org\/en-US\/firefox\/new\/?utm_campaign=firefox_frontier&amp;utm_content=pip-march-madness&amp;utm_medium=referral&amp;utm_source=blog.mozilla.org\"> Firefox browser<\/a> feature allows you to seamlessly pop any video out from the webpage into a floating, size-adjustable window in just one click. After hearing from Firefox users who wanted more than just one picture-in-picture view, we launched <a href=\"https:\/\/blog.mozilla.org\/en\/products\/firefox\/latest-firefox-release-includes-multiple-picture-in-picture-and-total-cookie-protection\/\">Multiple Picture-in-Picture (multi-PiP)<\/a>, which allows users to pop out and play multiple videos at the same time and on top of other tabs and windows. Now, we\u2019re rolling out PiP with subtitles and captions \u2013 another highly requested feature straight from our community!<\/p>\n\n\n\n<p>In fact, our product managers engaged our recently launched <a href=\"https:\/\/connect.mozilla.org\/\">Mozilla Connect<\/a> community \u2013 a collaborative space for users to share product feedback, submit ideas for new features, and participate in meaningful discussions that help shape future releases \u2013 to help develop exciting updates to the Firefox video and PiP experiences. This is where we received an astounding amount of feedback to enhance Picture-in-Picture with subtitles and captions support to make it more functional for a wider range of users.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>So, how does the subtitles and captions feature on Picture-In-Picture work?&nbsp;<\/strong><\/h4>\n\n\n\n<p>The subtitles and captions feature in Picture-in-Picture is available on three major streaming sites \u2013 YouTube, Prime Video, and Netflix \u2013 plus all websites that support the emerging W3C standard called WebVTT (Web Video Text Track) format, such as Twitter and Coursera. It\u2019s really as simple as turning on the subtitles or captions on the in-page video player of your favorite website, and they will appear in PiP when launched.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/ux96HkQzJFdNeaQpeARhxsUq5ntp5e0x9jV1kFjt1ADQSlzCotpeQPqe0Y2DVHq2lSZoNlM8ckeqQjRnA2IRcMFQYwJ0pSDFf8BK6JTzzOYeMWahZTa3ONr88XlBrXubSlHMzEL3\" alt=\"\"\/><\/figure><\/div>\n\n\n\n<p>There are many sites that don&#8217;t yet support the emerging web standard, so if you don\u2019t see captions when using PiP on your favorite streaming site, let the website know that you want them to support WebVTT or <a href=\"https:\/\/connect.mozilla.org\/t5\/discussions\/pip-subtitles-support-poll-vote-for-the-next-round-of-supported\/m-p\/4972#M2196\">vote on the community page<\/a> to help Firefox select the streaming sites we should support next by building special site-specific adapters for these websites. If you would like to contribute your own site-specific adapter, you can do it <a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=1765604\">here<\/a> (how-to included), so that more websites support subtitles in PiP.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>How do captions\/subtitles make videos more usable, and therefore more accessible?&nbsp;<\/strong><\/h4>\n\n\n\n<p>It\u2019s true that adding captions and subtitles can make videos more accessible to a wider range of users. According to the U.S. Census Bureau, almost 20% of North Americans and more than 55% of Europeans speak more than one language.&nbsp; It can prove handy to watch videos with subtitles in your second language, or when you\u2019re interested in watching something in a language you don\u2019t know at all. For viewers that are non-native speakers, subtitles help them learn a new language faster and with a greater depth of understanding.<\/p>\n\n\n\n<p>Another highly visible example, is that Firefox users who experience a degree of hearing loss may rely on captions to follow along to video content. Interestingly, the majority of people who like watching videos with captions are hearing, yet still opt in for their own benefit! Reading captions can improve comprehension and memorization and it might be helpful to use them while multitasking and studying at a library or shared workspace, or any other situation where sound may be distracting or inappropriate. There are also many other situations when users would want to watch videos with the sound off and captions on.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><em>\u201cToday users with disabilities have a choice when it comes to accessible browsers, but accessibility is never actually \u2018done\u2019 and there&#8217;s still a lot more browsers could do to better support users with disabilities. So, with that, Firefox is looking to see what innovations can be provided to improve the accessibility of web browsing and empower users with disabilities in more ways.&#8221; <\/em><\/p><cite><em>Asa Dotzler, product manager for Firefox Accessibility<\/em><\/cite><\/blockquote>\n\n\n\n<p>As Firefox continues to make its products more usable to a range of users with varying needs, the accessibility of our products will only increase, and we have our community to thank for that! Now, whether you identify as being hard-of-hearing, a non-native language speaker or having an affinity for having multiple tabs open at one time, we have you covered with Picture-in-Picture subtitles.&nbsp;<\/p>\n\n\n\n<p>Got things to do and things to watch? Go ahead and download the latest version of Firefox <a href=\"https:\/\/www.mozilla.org\/en-US\/firefox\/features\/picture-in-picture\/\">here<\/a> to use Picture-in-Picture in Firefox.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There are so many different ways that Firefox users count on Picture-in-Picture for their best browsing and content viewing experiences: Toddler duty? Don\u2019t sweat it! Stream your child\u2019s favorite movie to watch on your desktop while you hold down your job and the title of \u201cfavorite parent!\u201d Can\u2019t miss the big game? Firefox\u2019s Multiple Picture-in-Picture [&hellip;]<\/p>\n","protected":false},"author":1851,"featured_media":68975,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[464135,464133,441152],"coauthors":[464075],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Firefox\u2019s Picture-in-Picture rolls out subtitles \u2013 a Mozilla Connect community requested feature<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.mozilla.org\/en\/uncategorized\/firefox-picture-in-picture-rolls-out-subtitles\/\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/uncategorized\/firefox-picture-in-picture-rolls-out-subtitles\/\",\"url\":\"https:\/\/blog.mozilla.org\/en\/uncategorized\/firefox-picture-in-picture-rolls-out-subtitles\/\",\"name\":\"Firefox\u2019s Picture-in-Picture rolls out subtitles \u2013 a Mozilla Connect community requested feature\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/uncategorized\/firefox-picture-in-picture-rolls-out-subtitles\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/uncategorized\/firefox-picture-in-picture-rolls-out-subtitles\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2022\/05\/PiP-Subtitles-Blog-Header-21-scaled.jpg\",\"datePublished\":\"2022-05-03T12:43:26+00:00\",\"dateModified\":\"2022-05-03T12:43:26+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/e3f4dd4b20f9703500750600d2a12e06\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/uncategorized\/firefox-picture-in-picture-rolls-out-subtitles\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/en\/uncategorized\/firefox-picture-in-picture-rolls-out-subtitles\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/uncategorized\/firefox-picture-in-picture-rolls-out-subtitles\/#primaryimage\",\"url\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2022\/05\/PiP-Subtitles-Blog-Header-21-scaled.jpg\",\"contentUrl\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2022\/05\/PiP-Subtitles-Blog-Header-21-scaled.jpg\",\"width\":2560,\"height\":1369},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/uncategorized\/firefox-picture-in-picture-rolls-out-subtitles\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Firefox\u2019s Picture-in-Picture rolls out subtitles \u2013 a Mozilla Connect community requested feature\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/en\/\",\"name\":\"The Mozilla Blog\",\"description\":\"News and Updates about Mozilla\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/e3f4dd4b20f9703500750600d2a12e06\",\"name\":\"Sarah Vasquez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/image\/2752013652e132d9659b28537e3540cf\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/134c46952f09ce58552329de02c555ad?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/134c46952f09ce58552329de02c555ad?s=96&d=mm&r=g\",\"caption\":\"Sarah Vasquez\"},\"url\":\"https:\/\/blog.mozilla.org\/en\/author\/svasquezmozilla-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Firefox\u2019s Picture-in-Picture rolls out subtitles \u2013 a Mozilla Connect community requested feature","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:\/\/blog.mozilla.org\/en\/uncategorized\/firefox-picture-in-picture-rolls-out-subtitles\/","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/en\/uncategorized\/firefox-picture-in-picture-rolls-out-subtitles\/","url":"https:\/\/blog.mozilla.org\/en\/uncategorized\/firefox-picture-in-picture-rolls-out-subtitles\/","name":"Firefox\u2019s Picture-in-Picture rolls out subtitles \u2013 a Mozilla Connect community requested feature","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.mozilla.org\/en\/uncategorized\/firefox-picture-in-picture-rolls-out-subtitles\/#primaryimage"},"image":{"@id":"https:\/\/blog.mozilla.org\/en\/uncategorized\/firefox-picture-in-picture-rolls-out-subtitles\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2022\/05\/PiP-Subtitles-Blog-Header-21-scaled.jpg","datePublished":"2022-05-03T12:43:26+00:00","dateModified":"2022-05-03T12:43:26+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/e3f4dd4b20f9703500750600d2a12e06"},"breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/en\/uncategorized\/firefox-picture-in-picture-rolls-out-subtitles\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/en\/uncategorized\/firefox-picture-in-picture-rolls-out-subtitles\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/en\/uncategorized\/firefox-picture-in-picture-rolls-out-subtitles\/#primaryimage","url":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2022\/05\/PiP-Subtitles-Blog-Header-21-scaled.jpg","contentUrl":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2022\/05\/PiP-Subtitles-Blog-Header-21-scaled.jpg","width":2560,"height":1369},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/en\/uncategorized\/firefox-picture-in-picture-rolls-out-subtitles\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/en\/"},{"@type":"ListItem","position":2,"name":"Firefox\u2019s Picture-in-Picture rolls out subtitles \u2013 a Mozilla Connect community requested feature"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/en\/#website","url":"https:\/\/blog.mozilla.org\/en\/","name":"The Mozilla Blog","description":"News and Updates about Mozilla","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/e3f4dd4b20f9703500750600d2a12e06","name":"Sarah Vasquez","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/image\/2752013652e132d9659b28537e3540cf","url":"https:\/\/secure.gravatar.com\/avatar\/134c46952f09ce58552329de02c555ad?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/134c46952f09ce58552329de02c555ad?s=96&d=mm&r=g","caption":"Sarah Vasquez"},"url":"https:\/\/blog.mozilla.org\/en\/author\/svasquezmozilla-com\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts\/68888"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/users\/1851"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/comments?post=68888"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts\/68888\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/media\/68975"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/media?parent=68888"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/categories?post=68888"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/tags?post=68888"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/coauthors?post=68888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}