Aug. 1, 2023, 12:51 p.m. | Sébastien Jalliffier Verne

DEV Community dev.to

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 Insertable Streams to develop a simple screen …

api apis chrome frontend google google chrome html inside javascript support tutorial video webdev

Founding AI Engineer, Agents

@ Occam AI | New York

AI Engineer Intern, Agents

@ Occam AI | US

AI Research Scientist

@ Vara | Berlin, Germany and Remote

Data Architect

@ University of Texas at Austin | Austin, TX

Data ETL Engineer

@ University of Texas at Austin | Austin, TX

Lead GNSS Data Scientist

@ Lurra Systems | Melbourne