This is a simple training app based on HTML, CSS, JS and Media Devices WEB API. it will allow you to open any screen, application, or tab in a movable, resizable, window that will stay on top of anything you do. So you can have a tutorial video in the corner of your screen while you are working on something in the background.
A project featuring the use of Picture-in-Picture Web API | View Live
- Click on Start PiP.
Note: If first time using, allow share screen permission
- Select which screen to float on top
- Click Share
- Adjust floating screen size or move position
- To exit:
- Option A: hover onto the floating screen, click X
- Option B: click on Close PiP