CSE498, Collaborative Design, Spring 2021
Computer Science and Engineering
Michigan State University

Mozilla is the company behind Firefox, the world’s leading open-source web browser with over 200 million monthly active users. Mozilla is a non-profit organization headquartered in Mountain View, California, that has long been on a mission to keep the internet open and accessible to all people to enrich lives and foster innovation.

Firefox has introduced many tools to help their users better manage their multi-tasking. At the forefront is their Picture-in-Picture (PiP) feature that allows multiple videos to be “popped” out of the browser into dedicated windows that are always on top of all other windows. PiP is ideal for taking notes during a lecture or even watching multiple YouTube or Netflix videos at once.

Since the release of Picture-in-Picture, many users have requested that the feature be expanded, improved, and pushed “towards perfection.”

Previously, users had limited control over the PiP window when it was “popped” out of the web browser, which could lead to frustrations when trying to interact with the video.

Our Pushing Picture-in-Picture towards Perfection project mitigates these issues by giving the user greater control of their PiP windows and improves the overall user experience of Firefox’s PiP.

Our additions to PiP include allowing captions in the PiP window and allowing for keyboard control of things like timing, volume and size, as opposed to forcing the user to use the mouse in the browser.

These additions reduce the need for the user to interact with the browser and allow for more seamless multitasking while using Firefox.

Running with multiple languages (C++, HTML, JavaScript), PiP lives within the Firefox codebase. However, as a feature, PiP is primarily based on HTML and JavaScript.