/picture-in-picture

A web application that would allow to have an adjustable second screen floating on top of other screens.

Primary LanguageCSS

Picture in Picture

A web application that would allow to have an adjustable second screen floating on top of other screens.

A project from Javascript Web Projects: 20 Projects to Build Your Portfolio

Live Project

My version here

Original by JacintoDesign

Instructions

ONLY WORKS BEST IN DESKTOP CHROME

  1. Click on Start PiP

    A. If first time using, allow share screen permission

  2. Select which screen to float on top

  3. Click Share

  4. Adjust floating screen size or move position

  5. To exit:

    Option A: hover onto the floating screen, click x

    Option B: click on Close PiP