/picture-in-picture

Activates the picture-in-picture feature to display a chosen second screen simultaneously to the main screen

Primary LanguageCSS

Picture-In-Picture

Purpose

An App. to easiy enter picture-in-picture mode anytime you would like to view 2 screens simultaneously

See live code here https://wildelyssa.github.io/quote-picture-in-picture/

Tech used

HTML CSS JS

Features

  • Screen capture API
  • Prompts the user to enter chosen screen/media OnLoad to enter picture-in-picture mode
  • Button to begin picture-in-picture mode
  • Close screen to exit picture-in-picture mode

Improvements

  • If the chosen screen caputure is a video, the video has to be controlled from the original window. Explore the API, and find a way to add video controls to the the picture-in-picture window