GeezerVison is showing github.com — JavaScriptProjectPictureInPicture/script.js at master · jthinlay/JavaScriptProjectPictureInPicture

Expand file tree

script.js

Copy path

More file actions

26 lines (23 loc) · 801 Bytes

Copy path

26 lines (23 loc) · 801 Bytes

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

const videoElement = document.getElementById('video');

const button = document.getElementById('button');

//Prompt to select media stream, pass to video element, then play

async function selectMediaStream(){

try{

const mediaStream = await navigator.mediaDevices.getDisplayMedia();

videoElement.srcObject = mediaStream;

videoElement.onloadedmetadata = () => {

videoElement.play();

}

}catch(error){

console.log("Whoops, something went wrong", error)

}

button.addEventListener('click', async () => {

// Disable Button

button.disabled = true;

// Start Picture in Picture

await videoElement.requestPictureInPicture();

// Reset Button

button.disabled = false;

});

selectMediaStream();