How we built Picture-in-Picture in Firefox Desktop with more control over video
A behind-the-scenes look at the evolution of the Picture-in-Picture player for the Firefox Desktop browser. This feature is now available for MacOS, Linux and Windows users. From the beginning, it's been shaped by your feedback and inputs, with user agency as a core principle of our design and development.
Testing Picture-in-Picture for videos in Firefox 69 Beta and Developer Edition
Firefox has an experimental new UI feature in Firefox 69 Beta and Developer Edition - and Firefox engineers are looking for feedback on the implementation. Picture in Picture in the browser lets you pop a video out from where it’s being played into a special kind of window that’s always on top. Then you can move that window around or resize it however you need! Let us know what you think.
Firefox 66 to block automatically playing audible video and audio
Unsolicited volume can be a great source of distraction and frustration for users of the web. So we are making changes to how Firefox handles playing media with sound and we want to make sure web developers are aware of this new audio autoplay blocking default. With the release of Firefox 66, now in Firefox Beta/Developer Edition, the browser will block audible audio and video, and will allow a site to play audio or video aloud via the
HTMLMediaElementAPI only once the user has initiated the audio.
Into the Depths: The Technical Details Behind AV1
AV1, the next generation royalty-free video codec from the Alliance for Open Media leapfrogs the performance of VP9 and HEVC. The AV1 format is and will always be royalty-free with a permissive FOSS license. In this video presentation, Mozilla's Nathan Egge dives deep into the technical details of the codec and its evolution.
AV1 and the Video Wars of 2027
This post imagines a dystopian future where only the rich can stream video to their homes, and the democratizing forces of the internet have crumbled under corruption and greed. The author reports back from a troubled future in the late 2020s that is wholly fictitious. The open video codec AV1 is wholly real.
AV1: next generation video – The Constrained Directional Enhancement Filter
AV1 is a new general-purpose video codec developed by the Alliance for Open Media. The alliance began development of the new codec using Google’s VPX codecs, Cisco’s Thor codec, and Mozilla’s/Xiph.Org’s Daala codec as a starting point. AV1 leapfrogs the performance of VP9 and HEVC, making it a next-next-generation codec. Today's post is a deep-dive into the Constrained Directional Enhancement Filter and how it came to be.
A new video series: Web Demystified
This post introduces Web Demystified, a new video series targeting web makers -- everyone who builds things for the web: designers, developers, project and team managers, students, hobbyists, and experts. Our goal is to provide basic information for beginners, with subject matter that will also serve as a refresher on web fundamentals - beginning with episodes that describe the web itself, and HTML, its first language.
DASH playback of AV1 video in Firefox
Bitmovin and Mozilla, both members of the Alliance for Open Media (AOM), are partnering to bring AV1 playback with HTML5 to Firefox as the first browser to play AV1 MPEG-DASH/HLS streams. To make playback possible while the AV1 bitstream is still being finalized, we just need to ensure that the encoder and decoder use the same version of the bitstream. Bitmovin and Mozilla agreed on a simple, but for the time being useful, codec string, to ensure compatibility - check out the playback demo to see for yourself.
Tour the latest features of the CSS Grid Inspector, July 2017
We began work on a developer tool to help with understanding and using CSS Grid over a year ago. In March, we shipped the first version of a Grid Inspector in the Firefox DevTools along with CSS Grid. Now significant new features are landing in Firefox Nightly. Here’s a tour of what’s arrived in July […]
WebAssembly Will Ease Collaboration on Next Generation Video Codecs
WebAssembly is a new, low-level format for programs on the Web being developed by Mozilla, Microsoft, Google, and Apple, so it will eventually work in all browsers. This post explores how WebAssembly will play an integral role in the development of next generation video codecs. The new workflow represents a fundamental shift in Web development: The wall between “native” and the Web is falling, opening the door to dramatically greater performance on the Web.