// renderer.js
const startButton = document.getElementById('startButton')
const stopButton = document.getElementById('stopButton')
const video = document.querySelector('video')

startButton.addEventListener('click', () => {
  console.log('inside displayMedia')
  navigator.mediaDevices.getDisplayMedia({
    audio: true,
    video: {
      width: 320,
      height: 240,
      frameRate: 30,
      // displaySurface: 'no_preference'
    }
  }).then(stream => {
    video.srcObject = stream;
    video.onloadedmetadata = (e) => video.play();
  }).catch(e => console.log("Failed in getDisplayMedia", e))
})

pauseButton.addEventListener('click', () => {
  video.pause()
})