{"id":1115,"date":"2024-09-03T03:03:19","date_gmt":"2024-09-03T03:03:19","guid":{"rendered":"https:\/\/serverhost.com\/blog\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/"},"modified":"2025-02-26T05:16:48","modified_gmt":"2025-02-26T05:16:48","slug":"mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api","status":"publish","type":"post","link":"https:\/\/serverhost.com\/blog\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/","title":{"rendered":"Mozilla Firefox 130 Unveiled: Exploring New Features Including Labs, Overscroll, and Web Codecs API"},"content":{"rendered":"

Mozilla Firefox 130 is out with a variety of changes that make this phenomenally popular open-source web browser a touch more productive.<\/strong><\/p>\n<\/p>\n

On Linux, Firefox 130 enables overscroll animations by default, having added them on other platforms a few years back. This is a familiar visual effect from mobile systems: when you try to scroll beyond the edge content an elastic animation indicates \u201cnu-uh\u201d.<\/p>\n<\/p>\n

To save anyone being confused, the new (on Linux) Firefox over-scroll animations only play if you\u2019re using a touchpad<\/em>\/trackpad<\/em> to overscroll. You won\u2019t see the effect if using a mouse. Unfortunately, we can’t show it here but you can easily find examples online.<\/p>\n<\/p>\n

A small change, won\u2019t revolutionize the world, but does bring feature-parity with other platforms.<\/p>\n<\/p>\n

Language fan? You may be interested to know that Firefox 130 make it possible to select a portion of text within a full-page translation and translate it to another language.<\/p>\n<\/p>\n

In the screenshot above I translated an English webpage to Danish using Firefox\u2019s local translation feature. Next, I highlighted a paragraph within the Danish translation and translated that portion to French. This could be useful for, er\u2026<\/p>\n<\/p>\n

For me, the best change in Firefox 130 is <\/strong>Firefox Labs<\/strong>.<\/em> This new section in Settings<\/em> makes it easy to opt-in to try out experimental features in development for future releases. If you\u2019ve used Firefox Nightly<\/em> builds, you may be familiar with this page.<\/p>\n<\/p>\n

A handful of ‘experiments’ are offered in this release, including the handy auto-open picture-in-picture option<\/a> I wrote about recently, and the ability to access an AI chatbot of your choice from a sidebar, or selecting text and clicking the sparkle emoji<\/a>.<\/p>\n<\/p>\n

Finally, Firefox 130 introduces Web Codecs API<\/a> support on desktop.<\/strong><\/p>\n<\/p>\n

You might remember discussions around this feature when it initially appeared in Firefox 123<\/a> earlier this year. The Web Codecs API provides websites, services, and apps with “low-level access to audio and video encoders and decoders” for enhanced performance.<\/p>\n<\/p>\n

Of course, there’s much more to this update than just the main features. Bugs have been eliminated, user interface issues resolved, performance enhanced, and web compatibility strengthened. For further information, review the developer change-log<\/a>.<\/p>\n<\/p>\n

Update to Mozilla Firefox 130<\/h2>\n<\/p>\n

To take advantage of all the described improvements, you will need to update to Firefox 130. The update process might be automatic or might require a wait for a package manager to make the update available, depending on your operating system or installation method.<\/p>\n<\/p>\n

On Ubuntu, the Firefox Snap automatically updates itself in the background; the Firefox Linux binary facilitates in-app download of updates, which are then applied upon restart; the Firefox DEB from the Mozilla APT repository is integrated and shown in Ubuntu’s Software Updater<\/em> tool.<\/p>\n

Alternatively, download Mozilla Firefox<\/a> directly from the official website, where there are downloadable installers for macOS and Windows, binaries for Linux (including ARM), and setup instructions for using the official Mozilla APT repository if you prefer the Firefox DEB version<\/a>.<\/p><\/p>\n","protected":false},"excerpt":{"rendered":"

Mozilla Firefox 130 is out with a variety of changes that make this phenomenally popular open-source web browser a touch more productive. On Linux, Firefox 130 enables overscroll animations by default, having added them on other platforms a few years back. This is a familiar visual effect from mobile systems: when you try to scroll […]<\/p>\n","protected":false},"author":1,"featured_media":1116,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21,58,4],"tags":[],"class_list":["post-1115","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-app-updates","category-firefox","category-news"],"yoast_head":"\nFirefox 130: Labs Overscroll & Web Codecs API serverhost<\/title>\n<meta name=\"description\" content=\"Firefox 130 unveils exciting new features like Labs, overscroll, and the Web Codecs API, enhancing browsing speed, performance, and multimedia capabilities.\" \/>\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\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Firefox 130: Labs Overscroll & Web Codecs API serverhost\" \/>\n<meta property=\"og:description\" content=\"Firefox 130 unveils exciting new features like Labs, overscroll, and the Web Codecs API, enhancing browsing speed, performance, and multimedia capabilities.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/serverhost.com\/blog\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/\" \/>\n<meta property=\"og:site_name\" content=\"ServerHost Hosting Solutions Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-09-03T03:03:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-26T05:16:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/09\/604aa89083f353d00579b8ab3ad92227.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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/serverhost.com\/blog\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/\",\"url\":\"https:\/\/serverhost.com\/blog\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/\",\"name\":\"Firefox 130: Labs Overscroll & Web Codecs API serverhost\",\"isPartOf\":{\"@id\":\"https:\/\/serverhost.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/serverhost.com\/blog\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/serverhost.com\/blog\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/09\/604aa89083f353d00579b8ab3ad92227.webp\",\"datePublished\":\"2024-09-03T03:03:19+00:00\",\"dateModified\":\"2025-02-26T05:16:48+00:00\",\"author\":{\"@id\":\"https:\/\/serverhost.com\/blog\/#\/schema\/person\/535ebc9c42672d8f79ad3ee8ea563d66\"},\"description\":\"Firefox 130 unveils exciting new features like Labs, overscroll, and the Web Codecs API, enhancing browsing speed, performance, and multimedia capabilities.\",\"breadcrumb\":{\"@id\":\"https:\/\/serverhost.com\/blog\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/serverhost.com\/blog\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/serverhost.com\/blog\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/#primaryimage\",\"url\":\"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/09\/604aa89083f353d00579b8ab3ad92227.webp\",\"contentUrl\":\"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/09\/604aa89083f353d00579b8ab3ad92227.webp\",\"width\":1920,\"height\":1008},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/serverhost.com\/blog\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/serverhost.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mozilla Firefox 130 Unveiled: Exploring New Features Including Labs, Overscroll, and Web Codecs API\"}]},{\"@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":"Firefox 130: Labs Overscroll & Web Codecs API serverhost","description":"Firefox 130 unveils exciting new features like Labs, overscroll, and the Web Codecs API, enhancing browsing speed, performance, and multimedia capabilities.","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\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/","og_locale":"en_US","og_type":"article","og_title":"Firefox 130: Labs Overscroll & Web Codecs API serverhost","og_description":"Firefox 130 unveils exciting new features like Labs, overscroll, and the Web Codecs API, enhancing browsing speed, performance, and multimedia capabilities.","og_url":"https:\/\/serverhost.com\/blog\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/","og_site_name":"ServerHost Hosting Solutions Blog","article_published_time":"2024-09-03T03:03:19+00:00","article_modified_time":"2025-02-26T05:16:48+00:00","og_image":[{"width":1920,"height":1008,"url":"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/09\/604aa89083f353d00579b8ab3ad92227.webp","type":"image\/webp"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/serverhost.com\/blog\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/","url":"https:\/\/serverhost.com\/blog\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/","name":"Firefox 130: Labs Overscroll & Web Codecs API serverhost","isPartOf":{"@id":"https:\/\/serverhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/serverhost.com\/blog\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/#primaryimage"},"image":{"@id":"https:\/\/serverhost.com\/blog\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/#primaryimage"},"thumbnailUrl":"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/09\/604aa89083f353d00579b8ab3ad92227.webp","datePublished":"2024-09-03T03:03:19+00:00","dateModified":"2025-02-26T05:16:48+00:00","author":{"@id":"https:\/\/serverhost.com\/blog\/#\/schema\/person\/535ebc9c42672d8f79ad3ee8ea563d66"},"description":"Firefox 130 unveils exciting new features like Labs, overscroll, and the Web Codecs API, enhancing browsing speed, performance, and multimedia capabilities.","breadcrumb":{"@id":"https:\/\/serverhost.com\/blog\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/serverhost.com\/blog\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/serverhost.com\/blog\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/#primaryimage","url":"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/09\/604aa89083f353d00579b8ab3ad92227.webp","contentUrl":"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/09\/604aa89083f353d00579b8ab3ad92227.webp","width":1920,"height":1008},{"@type":"BreadcrumbList","@id":"https:\/\/serverhost.com\/blog\/mozilla-firefox-130-unveiled-exploring-new-features-including-labs-overscroll-and-web-codecs-api\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/serverhost.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Mozilla Firefox 130 Unveiled: Exploring New Features Including Labs, Overscroll, and Web Codecs API"}]},{"@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\/1115","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=1115"}],"version-history":[{"count":1,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/posts\/1115\/revisions"}],"predecessor-version":[{"id":1904,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/posts\/1115\/revisions\/1904"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/media\/1116"}],"wp:attachment":[{"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/media?parent=1115"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/categories?post=1115"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/tags?post=1115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}