Contrast

Using Document Picture-in-Picture and Insertable Streams APIs to record your screen and camera

Until recently it was only possible to open a Picture-in-Picture window with HTML video element inside. However, in the past few months Google Chrome recently added the Document Picture-in-Picture API which enables the support of any arbitrary HTML content within the Picture-in-Picture window. This opened the possibility to create innovative interactions and improve workflows such as screen recording.

In this article, we will explore how to leverage the Document Picture-in-Picture API along with...

Sébastien Jalliffier Verne • Oct 20, 2023